卡卡·罗特-CSDN博客

原创微信小程序（uniapp）+Node.js实现一个在线助手

uniapp会将对应的聊天记录存放在一个数组里进行渲染，type为0表示为助手，1表示为用户。）中申请对应的接口，该接口申请完成后每天可免费使用100次，申请完成之后也可以在控制台中进行人机管理。接口准备完成之后，需要准备好后端接口访问。下载完成之后，便可以通过接口进行访问了。进行网络访问需要下载request包。最终结果如下图，看看是不是很好玩呢。首先需要在天行数据（

2023-04-09 23:41:43 461

原创 vue+Node.js+mySql实现动态路由菜单（保存在数据库）

前端在前置路由守卫中进行判断，若Vuex中无菜单数据，则通过接口请求菜单数据，处理格式后通过 router.addRoute动态进行渲染。菜单管理就一个表，通过层级及父级id进行判断，一级菜单level为0且父级id为null,子级level为1且父级id不为null。然后将处理好的菜单数据存于Vuex中供页面菜单栏进行展示。完成上面操作后，即可动态控制路由菜单，效果如下。在菜单处进行取出，通过循环完成渲染即可。

2023-04-09 23:21:03 1113

原创 vue+Node.js实现图片上传功能（从零开始）

基于vue_Node,js的图片上传

2022-08-13 17:57:42 1438

原创 vue二次封装el-dialog组件

el-dialog封装

2022-06-24 17:20:58 2114 4

原创 Vue与Node.js实现手机短信验证登录

手机短信使用的第三方平台是联容云，注册就送8块钱体验费，足够自己用用了，注册完自己建一个应用就能拿到需要使用的配置了，如图注册完之后1就可以使用了。Node.js后端使用了Express框架 "js-base64": "^3.7.2", "blueimp-md5": "^2.19.0", "moment": "^2.29.1", "request": "^2.88.2"这里引入了四个依赖获取手机段短信方法var md5 = require("blueimp-md5"

2022-05-02 17:31:53 1402 1

原创 vue之自定义一个NavBar导航栏组件

<template> <div class="nav-bar"> <div class="title"> <div class="blak"> <img class="img" src="../../assets/image/left.png" alt="" @click="blackclick" v-if="is.

2021-11-28 17:05:08 2447

原创解决商品跳转嵌套，点击只能返回首页的问题

在vue2加vant的图书商城中，使用到了商品点击跳转的嵌套，由于使用的是同一个组件，所以刚开始我直接让他点击跳转回收首页，这当然是不合理的，现在对其进行了优化，可以点击返回上一个商品。解决方法:使用watch进行监听，路由发生改变时，直接取参数进行数据请求，很巧妙地就可以返回上一页了...

2021-11-28 16:54:43 424

原创 vue2+vant的图书商城

上次用uniapp加uview简简单单实现了一个图书商城，由于只是学习uniapp的一个练手的东西，所以存在许多不足，就连数据参数都穿错了，所以，现在用vue2加vant又重新做了同样的图书商城，并且把之前的问题进行了解决，gitee地址vue2+vant图书商城,登陆账号为:[email protected],密码：123123自定义NavBar,主要运用到了vue的props和$emit(父子通讯)注册界面，没啥的，主要是校验，组件本身已经做了校验，也可以自定义，不过要注意，判断两次密码输入是否一致时不能

2021-11-27 21:45:15 1069 4

原创我的第一个uniapp

展示一下我学习uniapp第一个完成的小东西，主要是跟着某站的视频学习的，接口也是可以使用，所以就无须自己写了，这个小项目里很多逻辑是自己写的，没有照搬老师的思路，运用的ui库是2.0的uview，视频老师用的是1.x版本的，而且老师是hbuilder创建的项目，我是通过脚手架创建的，很多内容还是有差距的，在此，奉上gitee网址https://gitee.com/wrqwxs/firstuniapp，需要的小伙伴可以下载看看。...

2021-11-20 15:32:06 501 1

原创计算机毕业设计(校园旧物回收)之硬件端

话不多说，直接上大图,具体硬件1.主控单片机:stm32f103zet62.dht11温湿度传感器:获取温湿度3.舵机:3个，分别对应织物类、纸盒类、塑料类回收桶的门开关4.hx711称重模块：称量回收物重量5.hc-sr04超声波传感器:3个，分别对应各个回收桶的容量6.按键：3个，分别对应3中回收物，控制舵机的转动7.lcd显示屏:无投放时显示回收桶容量，投递时显示用户的rfid卡号与hx711称重模块的读值，回收完成时提示用户回收完成8.Rc522rfid:用于读卡存储

2021-11-14 23:10:15 4178

原创一个购物的微信小程序

最近，毕业设计做完了，赶紧抓紧时间学下小程序，学了之后才发现这不比安卓好做多了吗？早知道就先学小程序再做毕业设计了。。。由于有了前端的基础知识和vue的理解，学习小程序基本上没多大问题，估计自己看看官方文档都能实操了。。。下面展示我学习小程序时所做的一个购物垃圾小程序吧，数据接口同样是node1.首页，数据全部通过异步请求接口获取数据渲染2.分类界面，同样的，数据全部异步请求渲染(数据直接从淘宝抠下来存入数据库即可)3.商品列表每次请求10条数据，条数据到底则显示没有更多数据

2021-11-14 22:47:10 691 1

原创计算机毕业设计(校园旧物回收)之基于Vue3与node的后台管理系统

后台管理系统的主要架构基于vue3+ts+node，其中所用到的知识和第三方平台有如下图登陆时后台会返回一个有效时长为1h的token,每次数据请求都会携带token1.登陆2.系统简介3.系统管理——用户管理4.用户管理——用户修改5.用户管理——创建用户6.回收员管理7.回收员管理——回收员修改8.回收员管理——回收员创建9.回收管理——上门回收10.回收管理——自主...

2021-11-14 22:24:33 1170 4

原创计算机毕业设计(校园旧物回收)之安卓app回收员端

毕业设计之安卓回收员端，实现的功能如下1.登陆(回收员账号直接是后台给的，所以不需要注册)2.首页展示（主要是对回收数据的统计）投放点实时数据与控制4.创建回收5.回收管理——待处理数据（管理员可以选择接受预约或者拒绝,拒绝时需输入拒绝原因）6.回收管理——待完成(回收员可以根据回收实际重量进行修改)7。回收管理——今日待完成8.回收管理——手机号查找9.回收员个人界面10.回收站环境历史数据（可滑动查...

2021-11-14 21:32:12 2471

原创计算机毕业设计(校园旧物回收)之安卓app用户端

毕业设计之安卓app用户端，实现的主要功能如下1.注册，短信验证主要运用了mob的第三方平台mob官网，因为没有进行具体的登记，只能运用其提供的短信模板并且次数限制为一个手机号每天10次。2，用户端首页，这里实现了三中垃圾分类的查询方式，分别为文字，语音，图像的识别文字识别(天行数据)语音识别(讯飞开放平台)图像识别(百度智能云)3.新闻资讯(天行数据)4.个人资料界面5.回...

2021-11-05 18:27:56 2734

原创 vue使用MQTT连接阿里云物联网平台获取实时数据

最近在做毕业设计，网页端的话前端使用了vue3,后端是node写的数据接口，运行的话是直接在本地，作为物联网工程的毕业生，当然毕业设计是少不了传感层了，一大堆任务，前面已经完成了两个安卓app,网页的增删改查和数据的可视化(echart)，接下来就是网页与硬件的对接了，硬件的话选择的是阿里云的物联网平台，之前已经在平台上创建了自己的产品了，这里具体怎么操作就不多说了，不会使用物联网平台的小伙伴可以参考一下阿里云物联网平台的使用，这里讲得还是很详细的，没有硬件的小伙伴也不用着急，阿里云提供了设备模拟器，接下.

2021-10-20 17:30:05 11849 14

weixin_45990436的博客