1. # 垃圾识别小程序
#### 项目介绍
声明本项目的小程序端是学习[程序员二师兄](https://gitee.com/aaluoxiang/GarbageSort)的 [GarbageSort ](https://gitee.com/aaluoxiang/GarbageSort)进行的二次开发。非常感谢二师兄，一直想做一款小程序，奈何自己不会搞小程序的界面。
项目分成前台和后台，前台就是小程序端，后台就是后台管理系统。项目稍微粗糙了点，因为主要以学习并整合技术栈为目的做的项目，所以本项目中涉及大量技术，有的技术可以不用的但是还是有用到，哈哈哈。
因为小程序的上线好像需要域名，所以没办法演示给大家看，抱歉了。
觉得还不错的话，帮忙点个` star` 鼓励一下吧，如果有问题的可以加我微信哦！！！
账号（手机号）：数据库里有
密码：一般为手机号后六位
#### 后台管理系统
登录页：
首页：
轮播图管理：
图像识别管理：
语音识别管理：
短信日志管理：
角色管理：
个人信息：
#### 小程序效果图
| 首页 | 分类页 | 搜索页 | 搜索结果 |
| :----------------------------------------------------------: | :----------------------------------------------------------: | :----------------------------------------------------------: | :----------------------------------------------------------: |
|  |  |  |  |
| 图像识别 | 语音识别 | 知识小测 | 小测结果 |
| :----------------------------------------------------------: | :----------------------------------------------------------: | :----------------------------------------------------------: | :----------------------------------------------------------: |
|  |  |  |  |
#### 介绍
前端：后台管理系统采用 [vue-element-admin](https://panjiachen.github.io/vue-element-admin-site/zh/guide/) 后台集成方案进行二次开发。微信小程序采用 [uni-app](https://uniapp.dcloud.io/) 开发框架。
后端：后台管理模块采用 SpringBoot + Dubbo 构建后端分布式服务，使用 Shiro 做系统安全框架，配合 RBAC 设计模式实现用户的权限管理，使用 Redis 对用户token及字典数据进行缓存；小程序模块采用 SpringBoot 构建后端服务；数据库采用 Mysql（5.7） ，使用 [Mybatis-Plus](https://mybatis.plus/) 做数据访问层，Druid 作为数据库连接池。
短信服务采用腾讯云（唉，阿里的申请了七八次不给通过）。
使用阿里OSS作为文件存储系统（最开始用的 FastDFS，奈何不想一直开着虚拟机）。
语音识别和图像识别采用百度智能云平台服务。
#### 安装教程
1. 开发需要准备相关的 IDE 和 JDK8 开发环境 , 前端开发需要下载 [HbuilderX](https://www.dcloud.io/hbuilderx.html) 和 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` -> `dis`t -> `dev` -> `mp-weixin`，即可运行微信小程序。（二次开发的时候在 Hbuilder 中修改文件，保存后可以到微信开发者工具看预览效果）
9. 务必记得：在登录后台管理
垃圾分类小程序端使用SpringBoot+uniapp技术
版权申诉
63 浏览量
2024-05-15
13:49:24
上传
评论
收藏 101.62MB ZIP 举报
垃圾分类小程序端使用SpringBoot+uniapp技术 （1293个子文件） 
start.bat 803B start.bat 803B defaultNodeViewers.cfg 967B defaultConnectionSettings.cfg 252B ZooInspectorManagerImpl.class 20KB ZooInspectorNodeViewersDialog.class 10KB ZooInspectorConnectionPropertiesDialog.class 9KB ZooInspectorTreeViewer.class 8KB ZooInspectorPanel.class 8KB ZooKeeperRetry.class 7KB Toaster.class 5KB NodeViewerACL$1.class 5KB NodeViewerMetaData$1.class 5KB ZooInspectorNodeViewersPanel.class 5KB ZooInspectorTreeViewer$ZooInspectorTreeNode.class 5KB ZooInspectorNodeViewersDialog$8.class 4KB ZooInspectorNodeViewersDialog$2.class 4KB ZooInspectorNodeViewersDialog$7.class 4KB IconResource.class 3KB NodeViewerData.class 3KB ZooInspectorNodeViewersDialog$9.class 3KB NodesCache.class 3KB ZooInspectorNodeViewersDialog$Button.class 3KB ZooInspectorManagerImpl$NodeWatcher.class 3KB ZooInspectorNodeViewersDialog$6.class 3KB Toaster$SingleToaster.class 3KB Toaster$Animation.class 3KB ZooInspectorAboutDialog.class 3KB NodeViewerMetaData.class 3KB ZooInspectorPanel$6.class 3KB NodeViewerACL.class 3KB Toolbar$Button.class 3KB Toolbar.class 3KB ZooInspectorConnectionPropertiesDialog$1.class 3KB ZooInspectorNodeViewersDialog$10.class 3KB AddNodeAction.class 3KB NodeViewerData$2.class 2KB DeleteNodeAction.class 2KB ZooInspectorTreeViewer$4.class 2KB ZooInspectorPanel$7.class 2KB Pair.class 2KB ZooInspector.class 2KB ZooInspectorNodeViewer.class 2KB ZooInspectorConnectionPropertiesDialog$2.class 2KB DeleteNodeAction$1.class 2KB AddNodeAction$1.class 2KB ZooInspectorNodeViewersDialog$5.class 2KB ZooInspectorNodeViewersDialog$3.class 2KB ZooInspectorNodeViewersDialog$4.class 2KB ZooInspectorPanel$4.class 2KB ZooInspectorTreeViewer$3.class 2KB NodeViewerData$1.class 2KB ZooInspectorPanel$1.class 2KB ZooInspectorManager.class 2KB ZooInspectorConnectionPropertiesDialog$3.class 2KB ZooInspectorNodeViewersDialog$1.class 2KB ZooInspectorTreeViewer$1.class 2KB ZooInspectorTreeViewer$2.class 1KB ZooInspectorPanel$5.class 1KB ZooInspectorManagerImpl$1.class 1KB NodesCache$1.class 1KB ZooInspectorPanel$3.class 1KB ZooInspectorConnectionPropertiesDialog$4.class 1KB ZooInspectorNodeViewersDialog$11.class 1KB ZooInspectorTreeViewer$ZooInspectorTreeCellRenderer.class 1KB ZooInspectorPanel$2.class 971B ZooInspectorAboutDialog$1.class 960B ZooInspectorReadOnlyManager.class 958B ZooInspector$1.class 918B BasicDataEncryptionManager.class 894B LoggerFactory.class 639B ZooInspectorNodeTreeManager.class 356B NodeListener.class 339B NodeViewersChangeListener.class 331B DataEncryptionManager.class 317B ZooInspectorNodeManager.class 300B zooInspector.cmd 1012B com.alibaba.dubbo.container.Container 141B index.css 414KB common.css 11KB index.css 10KB search.css 6KB dubbo.css 5KB skin.css 5KB challengeResult.css 5KB type.css 2KB challenge.css 2KB waves.css 825B .env.development 76B .editorconfig 244B .eslintignore 34B
401.gif 160KB 404error.gif 2KB dog.gif 2KB bg04.gif 816B co_04.gif 142B co_03.gif 141B co_02.gif 141B co_01.gif 138B tree-up.gif 104B共 1293 条
- 1
- 2
- 3
- 4
- 5
- 6
- 13
资源评论
