用戶
 找回密碼
 立即注冊

QQ登錄

只需一步,快速開始

掃一掃,登錄網站

531

主題

911

帖子

1萬

積分

管理員

Rank: 9Rank: 9Rank: 9

積分
12321
2019-10-25 09:29:37 Rolan 管理員 樓主 02074
對代碼有興趣的看這里:
小程序的源碼地址:https://github.com/chenyuzuo/garbage_sort_mini

1.核心功能
參考了目前很多垃圾分類小程序,其實大家的功能都大同小異,其中最關鍵的點無非就是幫助用戶快速查找垃圾屬于具體的分類,目前實現了如下幾個功能:
1.文字搜索:根據文本搜索垃圾分類
2.拍照識別:根據圖片識別出文本然后搜索垃圾分類
3.語音識別:根據語音識別出文本然后搜索垃圾分類
4.垃圾分類基礎數據:分成四大類,每類數據根據字母表可以索引

2.具體實現
我自己本來是后端開發,第一次從零開發小程序,前端并不熟悉,這個小程序的實現很大部分借助了開源社區以及云平臺的能力,具體如下:

垃圾分類基礎數據的收集和處理
從前面幾個核心功能也可以看的出,所有的功能前提是有一份垃圾分類數據,github上有多個項目提供了垃圾分類數據,我參考了這個項目,github地址:https://github.com/alexayan/garbage-classification-data,基于這個項目的基礎數據做了一些處理,主要點是增加字母表的分類,如下圖,我想展示的效果是希望數據可以按字母表排序,且可以點擊字母索引,處理的思路是取每個文本的首個漢字拼音的首字母,比如白紙,取白字的拼音首字母就是B,基于這個思路github上面繼續找到這個項目https://github.com/hotoo/pinyin,用NodeJs處理文本得到文本的拼音和首字母,最終得到一份基礎數據JSON格式大概這樣的

  • {
  •   "categroy": 1,
  •   "data": [{
  •     "letter":"A",
  •     "garbageItem": ["A4紙", "安全帽"
  •   },
  • }, {
  •   "categroy": 2,
  •   "data": [{
  •     "letter": "A",
  •     "garbageItem": ["阿司匹林"
  •   },
  • }

搜索功能的實現
搜索功能提供了文本搜索,圖片識別搜索,語音識別搜索功能,垃圾分類基礎數據放在了小程序本地,文本搜索其實就是用文字去遍歷本地數據匹配到了則展示出來,圖片和語音搜索最終其實也都是文本搜索,只不過一個是識別圖片得到文本,一個是識別語音得到文本,這兩項能力依賴的百度AI平臺,百度ai地址:https://ai.baidu.com/,通過百度的接口可以識別圖片中的內容以及語音中的內容,拿到文本內容后剩下的事就跟文本搜索一樣了。

微信小程序云開發
近兩年在不同的場合或者一些文章經常有看到提到serverless架構,微信小程序和支付寶小程序也有基于云開發這種模式,提供了云函數、云存儲,云數據庫等,簡單來講就是可以不用服務端開發,前端直接操作db,操作存儲,跟傳統模式開發有一定的差別,這次也是借開發這個小程序體驗了下微信的云開發,比如我目前把搜索記錄保存到數據庫里面就是直接在前端操作db的,個人感覺適合全棧開發,對于輕量級應用,快速驗證型應用其實還是很高效的,期待未來有更多場景可以嘗試。
微信小程序云開發
最后還要提的幾個開源項目,非常感謝從這幾個項目獲取到的幫助,如有版權或其他不妥之處,可以簡書私信聯系我。

垃圾分類小程序 :
我其實就是基于該項目開發,很大程度借鑒了該項目,尤其是UI界面,主要差異點是我增加了語音識別,基礎數據是根據另外一個開源項目的數據加工處理的,比如前面提到的增加字母表分類,另外搜索邏輯該項目是基于云數據庫的數據搜索,我直接基于的本地json數據搜索,具體的分類頁面我增加了字母表索引等。
https://github.com/qi19901212/Garbage
首字母數據獲取:
https://github.com/hotoo/pinyin
按字母展示以及點擊字母跳轉參考:https://github.com/icindy/wxSortPickerView

分享至 : QQ空間
1 人收藏
有問題請在本站內搜索相應關鍵詞,假如無法解決請在綜合交流區內發帖咨詢,發帖時請提供詳細的問題描述、相關圖片及代碼。
還可以加QQ交流群咨詢:536592077。
發新帖
您需要登錄后才可以回帖 登錄 | 立即注冊
必中分分彩在线计划 搜番号网址 5元以下股票推荐 看股票涨跌 热血羽毛球 贵州十一选五开奖数 火箭vs勇士季后赛 南京麻将胡牌图解 安徽十一选五 90ko足球即时比分网 下期大乐透几号开奖 1.29活塞vs森林狼 fset405泷川花音 湖南麻将下载免费下载 26选5技巧 下a片资源论坛 澳客网竞彩比分直播