前台:微信小顺序 采纳 uni-app 制作框架,uni-app 是一个使用 Vue.JavaScript 制作一切前台利用的框架,制作者编写一套源码,可宣布到iOS、Android、H5、以及各类小顺序(微信/支付宝/baidu/头条/QQ/钉钉)等多个网站。 后台:采纳 SpringBoot 2 构建后台效劳,才 Swagger2 构建 Restful作风接口文档,数据库采纳 Mysql ,使用 Mybatis-Plus 做数据拜访层。 语音辨认跟图片辨认 采纳 baidu智能云网站效劳。

装置教程

1.制作须要预备相干的 IDE跟 JDK8 制作环境 , 前台制作 uni-app 须要 下载 Hbuilder ,后台制作 须要下载 Eclipse 或 IDEA。

2.个中的 语音辨认跟图片辨认 功用使用baidu智能云网站效劳,须要注册登录领有本人的利用 (有5万次挪用 api 的无偿使用量),在 后台 afterend 的 uniapp-api 傍边的设置文件外面须要进行设置 appid、apikey、secretkey。

3.数据库预备,创立一个 称号为 garbageSort 的数据库,把和目次下 garbagesort.sql数据库文件进行导入出来即可。

4.后台启动:第一步、使用 IDEA 在 backend 目次下找到 uniapp-api 模块。第二步、在 application.yml中设置好 数据库相干信息 跟 上述 baidu恳求 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

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。