【程序源代碼】垃圾識別小程序（源碼）

關鍵字：小程序

微信小程序開發的項目：垃圾識別小程序

前端：微信小程序採用 uni-app 開發框架，uni-app 是一個使用 Vue.js 開發全部前端應用的框架，開發者編寫一套代碼，可發佈到iOS、Android、H五、以及各類小程序（微信/支付寶/百度/頭條/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 中修改文件，保存後能夠到微信開發者工具看預覽效果）