毕业设计&课设——基于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-Plus ORM框架 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

最近更新

  1. TCP协议是安全的吗?

    2024-06-13 01:52:01       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-06-13 01:52:01       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-06-13 01:52:01       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-06-13 01:52:01       20 阅读

热门阅读

  1. c#与汇川plc通信

    2024-06-13 01:52:01       9 阅读
  2. #07【面试问题整理】嵌入式软件工程师

    2024-06-13 01:52:01       9 阅读
  3. leetcode hot100 之 最长公共子序列

    2024-06-13 01:52:01       7 阅读
  4. SSRF-gopher 协议扩展利用:突破网络限制的利器

    2024-06-13 01:52:01       7 阅读
  5. Ant-Design-Vue 动态表头

    2024-06-13 01:52:01       9 阅读
  6. 深入理解ChatGPT工作原理

    2024-06-13 01:52:01       6 阅读
  7. minio

    minio

    2024-06-13 01:52:01      7 阅读
  8. 代码随想录算法训练营第36期DAY52

    2024-06-13 01:52:01       8 阅读
  9. 3D分割之SAGA训练流程解读

    2024-06-13 01:52:01       7 阅读
  10. sam_out 中风预测

    2024-06-13 01:52:01       7 阅读
  11. Webpack前端打包工具详解

    2024-06-13 01:52:01       8 阅读