最新下载
openaishop
思翔企(事)业单位文件柜 build 20080313
雅龙智能装备工业设备类WordPress主题1.0
卡密分发系统
GarbageSort垃圾识别工具箱
24小时阅读排行榜
- 1 Python运行时类型判断_isinstance高级用法
- 2 如何在 Vue Router 中实现多级嵌套路径的动态参数捕获
- 3 如何使用 React 状态管理安全切换文本颜色(红/主题色)
- 4 HTML表单怎样根据答案跳转问题_HTML表单根据答案跳转问题方法【指南】
- 5 如何精准控制页脚中信息栏与社交图标组的垂直间距
- 6 如何实现 Django 模板中无限循环的水平图片画廊
- 7 HTML表单怎样验证位置信息格式_HTML表单验证位置信息格式流程【详解】
- 8 如何自定义 HTML 表单验证提示消息的样式
- 9 绝对定位元素与相邻普通流元素的外边距交互机制解析
- 10 将 HTML 节点树结构递归解析为文本与标记分离的扁平对象数组
- 11 如何修复 HTML 容器边框被截断的问题
- 12 如何在 DOM 操作中向列表添加新项而不重复渲染原始内容
- 13 php8.5json_encode中文乱码_php8.5json_encode中文不转义设置
- 14 PHP怎么去掉换行符 PHP删除字符串中回车换行【进阶】
- 15 PHP整型长度是多少位 PHP在64位系统的整型范围【报错】
最新教程
-
- Node.js 教程
- 17924 2025-08-28
-
- CSS3 教程
- 1551894 2025-08-27
-
- Rust 教程
- 24993 2025-08-27
-
- Vue 教程
- 26900 2025-08-22
-
- PostgreSQL 教程
- 23315 2025-08-21
-
- Git 教程
- 10177 2025-08-21
GarbageSort垃圾识别工具箱是一个基于uni-app开发的微信小程序,使用SpringBoot2搭建后端服务,使用Swagger2构建Restful接口文档,实现了文字查询、语音识别、图像识别其垃圾分类的功能。
前端:微信小程序 采用 uni-app 开发框架,uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台。
后端:采用 SpringBoot 2 构建后端服务,才 Swagger2 构建 Restful风格接口文档,数据库采用 Mysql ,使用 Mybatis-Plus 做数据访问层。
语音识别和图像识别 采用 百度智能云平台服务。
安装教程
1、开发需要准备相关的 IDE和 JDK8 开发环境 , 前端开发 uni-app 需要 下载 Hbuilder ,后端开发 需要下载 Eclipse 或 IDEA。
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、前端启动:在 Hbuilder 中打开目录 frontend ,在运行菜单中 点击 运行到小程序模拟器 —> 微信开发者工具,或者 使用 微信开发者工具 打开 forntend -> unpackage -> dist -> dev -> mp-weixin,即可运行微信小程序。(二次开发的时候在 Hbuilder 中修改文件,保存后可以到微信开发者工具看预览效果)
6、web 端启动:使用 IDEA 开发工具打开web目录,修改application-druid.yml 配置文件中的数据据信息,运行 WebApplication.java,启动 web 垃圾分类管理系统,启动成功,可以直接访问 http://localhost:8082 。账号/密码:admin/admin123
