源碼介紹
語音+圖像識别垃圾分類微信小程序源碼,使用雲開發,不需要服務器部署相關接口api等。并且接入了雲數據庫。使用百度AI開放平台的圖像識别功能, 獲取圖像識别結果
前端:微信小程序 采用 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數據庫文件進行導入進去即可。
4.後端啓動:第一步、使用 IDEA 在 backend 目錄下找到 uniapp-api 模塊。第二步、在 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