介紹

部分預覽圖，詳情請掃描上方小程式碼體驗

首頁分類頁分類詳情搜尋頁

語音識別挑戰賽挑戰賽等級挑戰賽詳情

介紹

後端：採用 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 中修改檔案，儲存後可以到微信開發者工具看預覽效果）

技術棧

技術名稱版本官網uni-app基於 vue 的跨端框架2.1.0.20190713https://uniapp.dcloud.io/vuejs漸進式 JavaScript 框架--https://cn.vuejs.org/SpringBootJava 開源應用框架2.1.6.RELEASEhttps://spring.io/projects/spring-bootMybatis-PlusMybatis 增強工具3.0.6https://mybatis.plus/swagger2時間選擇器2.8.0https://swagger.io/swagger-bootstrap-uiswagger 增強UI實現1.8.8https://github.com/xiaoymin/Swagger-Bootstrap-UI

獲取方式