【程序源代碼】垃圾識別小程序(源碼)












關鍵字:小程序

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

前端:微信小程序採用 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 中修改文件,保存後可以到微信開發者工具看預覽效果)





發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章