关键字:小程序
微信小程序开发的项目:垃圾识别小程序
前端:微信小程序采用 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数据库文件进行导入进去即可。
后端启动:
第一步、在 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 中修改文件,保存后可以到微信开发者工具看预览效果)
https://pan.baidu.com/s/1xSIuv6vd8gTqFpYzNYJjBA
【写作说明】以上内容分享给喜欢编程,有梦想的程序员,希望能帮助到你们。以上文章属于此公众号原创所有,如需转载请注明出处。
【免责申明】本公众平台不是广告商,也没有为其他三方网站或者个人做广告宣传。此分享的源代码和文章是小编在项目中、学习中整理的一些认为不错的项目。用户产生的一些自愿下载或者付费行为,与平台没有直接关系。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。