毕业设计&课设——基于SpringBoot+uniapp实现的垃圾分类小程序(文字识别、语音识别、图像识别、后台管理)

获取完整项目,私信博主

项目介绍

项目分成前台和后台,前台就是小程序端,后台就是后台管理系统。

账号(手机号):数据库里有
密码:一般为手机号后六位

后台管理系统

登录页:

image-20210923221822969

首页:

image-20210923221755762
轮播图片
在这里插入图片描述

图像识别管理:

在这里插入图片描述

语音识别管理:

在这里插入图片描述

短信日志管理:
在这里插入图片描述

角色管理:

在这里插入图片描述

个人信息:
在这里插入图片描述

小程序效果图

在这里插入图片描述

在这里插入图片描述

介绍

前端:后台管理系统采用 vue-element-admin 后台集成方案进行二次开发。微信小程序采用 uni-app 开发框架。

后端:后台管理模块采用 SpringBoot + Dubbo 构建后端分布式服务,使用 Shiro 做系统安全框架,配合 RBAC 设计模式实现用户的权限管理,使用 Redis 对用户token及字典数据进行缓存;小程序模块采用 SpringBoot 构建后端服务;数据库采用 Mysql(5.7) ,使用 Mybatis-Plus 做数据访问层,Druid 作为数据库连接池。

使用阿里OSS作为文件存储系统(最开始用的 FastDFS,奈何不想一直开着虚拟机)。

语音识别和图像识别采用百度智能云平台服务。

安装教程
  1. 开发需要准备相关的 IDE 和 JDK8 开发环境 , 前端开发需要下载 HbuilderX 和 Visual Code,后端开发需要下载 Eclipse IDEA

  2. 首先需要一台虚拟机,可以使用阿里的也可以本机安装;在虚拟机上我们需要搭建分布式环境:Zookeeper和 Dubbo ;还有安装 Redis 等。(虚拟机中的软件安装可以见软件安装文档)

  3. 短信服务使用腾讯云,需要自己去腾讯云申请签名及模板(比阿里的好申请),在后端 system-web 的配置文件中进行配置。

  4. 文件存储系统使用的是阿里OSS,也可以自己搭建 FastDFS 服务,在后端 system-webuniapp-web 的配置文件中进行配置。

  5. 语音识别和图像识别功能使用百度智能云平台服务,在后端 uniapp-web 当中的配置文件里面需要进行配置 appidapikeysecretkey

  6. 数据库准备,创建一个名称为 garbage-sort 的数据库,把跟目录下 garbage-sort.sql数据库文件进行导入进去即可。

  7. 后端启动:(需要虚拟机并安装好软件)

    后台管理系统:第一步、使用 IDEA 在 garbagesort-parent 目录下找到 system-websort-service 模块。第二步、在 application-dev.yml中修改 ip 地址,改为自己的虚拟机 ip 地址,修改腾讯云和阿里云的相关配置。 第三步、运行 SystemApplication 和 SortApplication ,启动后端服务。可以在浏览器输入 ip:7001 账号和密码都是 root,查看服务。

    小程序端:第一步、使用 IDEA 在 garbagesort-parent 目录下找到 uniapp-web 模块。第二步、在 application-dev.yml中修改百度云和阿里云的相关配置。 第三步、运行 UniappApplication,启动后端服务。

  8. 前端启动:

    后台管理系统:在 Visual Code 中打开 garbage-sort-ui , 在控制台输入 npm run install 下载依赖,依赖下载完后,使用命令 npm run dev 运行前端项目。

    小程序端:在 HbuilderX 中打开目录 garbage-sort-uniapp ,需要下载一个插件运行时会有提示下载,在运行菜单中 点击 运行到小程序模拟器 —> 微信开发者工具,或者 使用 微信开发者工具 打开 garbage-sort-uniapp -> unpackage -> dist -> dev -> mp-weixin,即可运行微信小程序。(二次开发的时候在 Hbuilder 中修改文件,保存后可以到微信开发者工具看预览效果)

  9. 务必记得:在登录后台管理系统后,到字典管理模块点击同步缓存的按钮,把字典类型及数据添加到redis缓存中!!!

技术栈
技术名称官网
SpringBoot微服务框架https://spring.io/projects/spring-boot/
Mybatis-PlusORM框架https://mp.baomidou.com/
Mybatis-Generator代码生成插件https://zhile.io/2019/04/23/mybatis-code-helper-pro-crack.html
Shiro安全框架http://shiro.apache.org/
Zookeeper分布式协调服务http://zookeeper.apache.org/
Druid数据库连接池https://github.com/alibaba/druid
Dubbo-Admin服务治理项目http://dubbo.apache.org/zh-cn/blog/dubbo-admin.html
Dubbo远程调用框架http://dubbo.apache.org/zh-cn/
Log4J日志组件http://logging.apache.org/log4j/1.2/
Git版本管理https://git-scm.com/
Maven项目构建管理http://maven.apache.org/
Jackson数据序列化https://github.com/FasterXML/jackson
Lombok简化编码插件https://projectlombok.org/
uni-app基于 vue 的跨端框架https://uniapp.dcloud.io/
vuejs渐进式 JavaScript 框架https://cn.vuejs.org/
vue-element-admin后台集成框架https://panjiachen.github.io/vue-element-admin-site/zh/guide/
Element UI组件库https://element.eleme.cn/2.0/#/zh-CN
  • 7
    点赞
  • 24
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

毕业小助手

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值