垃圾分类小程序 — 微信小程序源码分享
·
介绍
这是一款个人开发的微信小程序,集 文字查询、语音识别、拍照识别其垃圾分类的小工具,可以使用微信扫码下方二维码立即体验哦。

源码地址:https://gitee.com/aaluoxiang/GarbageSort?_from=gitee_search#%E4%BB%8B%E7%BB%8D
部分预览图,详情请扫描上方小程序码体验




端:微信小程序 采用 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数据库文件进行导入进去即可。 - 后端启动:第一步、在
afterend目录下找到uniapp-api 模块,把配置文件application.yml.example的 example 后缀去掉,命名为application.yml。第二步、在 application.yml中配置好 数据库相关信息 和 上述 百度请求 api 管理的配置信息即可。 第三步、运行UniappApiApplication,启动后端服务,可以访问 http://localhost:8899/wx/doc.html 查看接文档 - 前端启动:在 Hbuilder 中打开目录
frontend,在运行菜单中 点击运行到小程序模拟器—>微信开发者工具,或者 使用 微信开发者工具 打开forntend->unpackage->dist ->dev->mp-weixin,即可运行微信小程序。(二次开发的时候在 Hbuilder 中修改文件,保存后可以到微信开发者工具看预览效果)
技术栈
| 技术 | 名称 | 版本 | 官网 |
|---|---|---|---|
| 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 |
AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。
更多推荐



所有评论(0)