垃圾识别工具箱垃圾识别精灵是一个基于 uni-app 开发微信小程序，使用 SpringBoot2 搭建后端服务

源码资源网 · 发表于 2024-8-27 12:52:16

垃圾识别工具箱垃圾识别精灵是一个基于 uni-app 开发微信小程序，使用 SpringBoot2 搭建后端服务垃圾识别精灵是一个基于 uni-app 开发微信小程序，使用 SpringBoot2 搭建后端服务，使用 Swagger2 构建 Restful 接口文档，实现了文字查询、语音识别、图像识别其垃圾分类的功能。

介绍

前端：微信小程序采用 uni-app 开发框架，uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。

后端：采用 SpringBoot 2 构建后端服务，才 Swagger2 构建 Restful风格接口文档，数据库采用 Mysql ,使用 Mybatis-Plus 做数据访问层。

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

安装教程

开发需要准备相关的 IDE和 JDK8 开发环境 , 前端开发 uni-app 需要下载 Hbuilder ,后端开发需要下载 Eclipse 或 IDEA。
其中的语音识别和图像识别功能使用百度智能云平台服务，需要注册登录拥有自己的应用 (有5万次调用 api 的免费使用量)，在后端 afterend 的 uniapp-api 当中的配置文件里面需要进行配置 appid、apikey、secretkey。
数据库准备，创建一个名称为 garbageSort 的数据库，把跟目录下 garbagesort.sql数据库文件进行导入进去即可。
后端启动：第一步、使用 IDEA 在 backend 目录下找到 uniapp-api 模块。第二步、在 application.yml中配置好数据库相关信息和上述百度请求 api 管理的配置信息即可。第三步、运行UniappApiApplication` ，启动后端服务，可以访问 http://localhost:8899/wx/doc.html 查看接文档
前端启动：在 Hbuilder 中打开目录 frontend ，在运行菜单中点击运行到小程序模拟器 —> 微信开发者工具,或者使用微信开发者工具打开 forntend -> unpackage -> dist -> dev -> mp-weixin,即可运行微信小程序。（二次开发的时候在 Hbuilder 中修改文件，保存后可以到微信开发者工具看预览效果）
web 端启动：使用 IDEA 开发工具打开web目录，修改application-druid.yml 配置文件中的数据据信息，运行 WebApplication.java，启动 web 垃圾分类管理系统，启动成功，可以直接访问 http://localhost:8082 。账号/密码：admin/admin123

技术栈

技术	名称	版本	官网
uni-app	基于 vue 的跨端框架	2.1.0.20190713	https://uniapp.dcloud.io/
vuejs	渐进式 JavaScript 框架	--	https://cn.vuejs.org/
SpringBoot	Java 开源应用框架	2.1.6.RELEASE	https://spring.io/projects/spring-boot
Mybatis-Plus	Mybatis 增强工具	3.0.6	https://mybatis.plus/
swagger2	时间选择器	2.8.0	https://swagger.io/
swagger-bootstrap-ui	swagger 增强UI实现	1.8.8	https://github.com/xiaoymin/Swagger-Bootstrap-UI
RuoYi-fast	快速开发后台管理系统	4.6.1	https://gitee.com/y_project/RuoYi-fast