项目简介
前端
- 框架:微信小程序使用uni-app开发框架。
- uni-app:基于Vue.js开发,编写一套代码可发布到iOS、Android、H5,以及微信/支付宝/百度/头条/QQ/钉钉等多个平台。
后端
- 框架:采用SpringBoot 2构建后端服务。
- 接口文档:使用Swagger2构建Restful风格接口文档。
- 数据库:使用MySQL和Mybatis-Plus作为数据访问层。
- 功能服务:语音识别和图像识别功能使用百度智能云平台服务。
安装教程
1. 开发环境准备
- 前端开发:下载HBuilderX。
- 后端开发:下载Eclipse或IDEA。
- 安装JDK8开发环境。
2. 配置百度智能云
- 注册并登录百度智能云平台,创建应用(有5万次调用API的免费使用量)。
- 在后端
afterend
目录下的uniapp-api
配置文件中设置appid
、apikey
、secretkey
。
3. 数据库准备
- 创建数据库:创建名为
garbageSort
的数据库。 - 导入数据:将根目录下的
garbagesort.sql
文件导入数据库。
4. 启动后端服务
- 使用IDEA在
backend
目录下找到uniapp-api
模块。 - 在
application.yml
中配置数据库信息及百度API配置信息。 - 运行
UniappApiApplication
,启动后端服务。 - 访问http://localhost:8899/wx/doc.html查看接口文档。
5. 启动前端服务
- 在HBuilderX中打开
frontend
目录。 - 在运行菜单中点击“运行到小程序模拟器”→“微信开发者工具”。
- 在HBuilderX中修改文件,保存后在微信开发者工具中预览效果。
6. 启动Web端服务
- 使用IDEA打开
web
目录。 - 修改
application-druid.yml
文件中的数据库信息。 - 运行
WebApplication.java
,启动Web垃圾分类管理系统。 - 启动成功后访问http://localhost:8082。
- 账号/密码:
admin/admin123
。
![图片[1]-垃圾分类识别微信小程序源码-语音图像识别](https://www.xwzyv.net/wp-content/uploads/2024/07/20240716231603910334.webp)
![图片[2]-垃圾分类识别微信小程序源码-语音图像识别](https://www.xwzyv.net/wp-content/uploads/2024/07/20240716231611791012.webp)
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
暂无评论内容