kizumi_header_banner_img
文章导读

垃圾识别工具箱 — 一键识别垃圾分类,微信小程序使用方便


avatar
求码网 2026-07-02 1

前端:微信小程序 采用 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 ,在运行菜单中 点击 运行到小程序模拟器 —> 微信*者工具(二次*的时候在 Hbuilder 中修改文件,保存后可以到微信*者工具看预览效果)
    web 端启动:使用 IDEA *工具打开web目录,修改application-druid.yml 配置文件中的数据据信息,运行 WebApplication.j*a,启动 web 垃圾分类管理系统,启动成功,可以直接访问 http://localhost:8082 。账号/密码:admin/admin123

垃圾识别工具箱 — 一键识别垃圾分类,微信小程序使用方便

垃圾识别工具箱 — 一键识别垃圾分类,微信小程序使用方便
垃圾识别工具箱 — 一键识别垃圾分类,微信小程序使用方便

温馨提示:购买VIP会员后可阅读隐藏内容。
VIP会员可见

微信小程序
uniapp
工具箱
垃圾分类

觉得内容不错?我要


点赞 0

分享

收藏

垃圾识别工具箱 — 一键识别垃圾分类,微信小程序使用方便

¥6.00


评论(0)

查看评论列表

暂无评论


发表评论