前端开发采用了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调用的免费使用量)。在后端的uniapp-api模块的配置文件中,需要配置appid、apikey和secretkey。
3. 准备数据库,创建一个名为garbageSort的数据库,并将根目录下的garbagesort.sql数据库文件导入其中。
4. 启动后端服务:第一步,在backend目录下找到uniapp-api模块,使用IDEA打开。第二步,在application.yml中配置好数据库相关信息和上述百度请求API管理的配置信息。第三步,运行UniappApiApplication,启动后端服务,可以访问http://localhost:8899/wx/doc.html查看接口文档。
5. 启动前端:在Hbuilder中打开frontend目录,在运行菜单中选择”运行到小程序模拟器”,然后选择微信开发者工具。在二次开发时,在Hbuilder中修改文件后保存,可以在微信开发者工具中预览效果。
6. 启动web端:使用IDEA开发工具打开web目录,修改application-druid.yml配置文件中的数据库信息,然后运行WebApplication.java,启动web垃圾分类管理系统。启动成功后,可以直接访问http://localhost:8082。账号和密码分别为admin/admin123。