获取完整项目，私信博主

项目介绍

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

账号（手机号）：数据库里有
密码：一般为手机号后六位

后台管理系统

登录页：

首页：

轮播图片

图像识别管理：

语音识别管理：

短信日志管理：

角色管理：

个人信息：

小程序效果图

介绍

前端：后台管理系统采用 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-web 和 uniapp-web 的配置文件中进行配置。

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

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

7. 后端启动：（需要虚拟机并安装好软件）

   后台管理系统：第一步、使用 IDEA 在 garbagesort-parent 目录下找到 system-web 和 sort-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缓存中！！！

技术栈