基于小程序云開發的垃圾分類小助手的設計與實現

徐文超 焦詩琪

（廣州大學華軟軟件學院 廣東省廣州市 510990）

1 引言

隨著經濟的發展，人民的生活水平逐漸提高，垃圾的產量如噴發式地劇增。垃圾分類回收問題已日益嚴峻,垃圾分類回收已逐漸成為居民日常生活中不可或缺的一環[3]。然而，垃圾分類效果并不明顯。主要原因，一是國內缺乏對垃圾分類回收的宣傳和普及教育，二是人們對垃圾分類的知識不夠完備。

很多人都表示愿意支持垃圾分類行動，在日常生活中也會有意識地主動去將垃圾放入標明分類的垃圾桶內，但是由于對垃圾分類的知識不夠完備，常常出現不知道將垃圾放入哪類垃圾桶的情況[4]。

微信小程序具有非常好用用戶體驗，無需安裝，有微信就可以使用。所以，本文使用微信小程序云開發技術，設計開發了垃圾分類小助手小程序，幫助人們解決垃圾分類知識學習，物品分類查詢，以及垃圾分類點定位和查找的問題。

2 系統設計

2.1 系統總體設計

該小程序主要分為用戶端和管理端。用戶端有4 個功能模塊，分別是詞典模塊、驛站模塊、資訊模塊以及我的模塊。而管理端主要是有2 個功能模塊，一個是詞庫管理，另一個是資訊管理。該小程序的系統功能架構如圖1 所示。

用戶端模塊功能說明：

（1）垃圾分類詞典：通過輸入關鍵詞查詢垃圾的所屬分類，投放要求。詞典中查詢垃圾分類的物品數據是都真實可靠的，來源于聚合數據。目前，數據足夠豐富，記錄有2000+條。

（2）驛站管理：驛站中自動定位用戶當前所在位置，顯示當前區域及其垃圾分類相關地點的地址信息。同時用戶可自主選擇不同省市區，顯示選擇區域的垃圾分類相關地點的地址信息。也可以直接通過輸入垃圾分類點，查詢到該點對應的地址信息。

（3）咨詢管理：資訊中用戶可瀏覽有關垃圾分類最新最熱門的文章。

圖1：系統功能架構圖

圖2：垃圾分類小助手首頁

圖3：詞典搜索界面

圖4：小程序驛站界面

（4）用戶中心：用戶綁定，我的收藏，我的評論等。

管理端模塊說明：

（1）詞庫管理：對詞庫數據進行管理，新增，修改，刪除。

（2）資訊管理：對熱門垃圾分類資訊進行發布，刪除。

2.2 系統模塊設計

2.2.1 分類詞典模塊

按關鍵詞查詢：用戶可以輸入關鍵詞進行模糊查詢，查詢物品相應的所屬的分類。

按分類查詢：也可以通過點擊代表著生活垃圾的四大分類，來查看對應分類下的詳情，如分類的介紹，分類的投放要求以及分類下的物品，而分類下的物品還可以通過點擊26 個字母作為索引，快速地查找。

2.2.2 驛站模塊

垃圾分類點定位查詢：用戶定位自己所在的位置，獲取當前所在區域附近的垃圾分類點。

省市區垃圾分類點查詢：通過選擇不同省市區來獲取其他省市區對應的垃圾分類點。

按關鍵詞查詢：還可以通過分類點關鍵詞，直接查詢垃圾分類點的準確位置。

2.2.3 資訊模塊

用戶在資訊可以對文章進行瀏覽、點贊、收藏、評論，對感興趣的文章進行查詢等操作。

2.2.4 用戶中心模塊

用戶在個人中心點擊登錄，進行注冊登錄，登錄后的用戶可以查看用戶對應的數據，如可以查看自己文章評論的記錄，已收藏的文章，以及可以查看自己點贊了的文章。

2.2.5 詞典后臺管理

管理員在后臺的詞典管理中可以豐富詞典內容，對詞庫進行新增物品的操作。

2.2.6 資訊后臺管理管理員在資訊后臺管理中，可以對文章進行新增，修改，刪除操作，還可以對文章評論進行刪除。

3 系統實現

3.1 首頁

添加該小程序后，會來到小程序的首頁。如圖2 所示。

3.2 詞典模塊實現

從首頁點擊詞典，點擊搜索框后，輸入關鍵詞，可進行模糊查詢物品對應的垃圾種類，如圖3 所示。

從首頁點擊生活垃圾的四大分類中的任一種類，可查看到分類的有關介紹內容及對應物品。

該模塊的開發的核心處理是數據綁定和渲染。在詞典頁面上，通過兩個大括號將對象數組kindList 包起來進行數據綁定，通過wx:for 遍歷循環對象數組kindList，從而重復渲染頁面上對象數組kindLsit 中各對象里的數據屬性color、imgPath 和categroy，使用bindtap 綁定onClick 事件。

由于生活垃圾日常分類是四大分類，但還是有特殊的分類，如裝修垃圾、大件垃圾和非生活垃圾。所以，設計上，常見的四大分類是顯示在首頁詞典界面的，而特殊的分類，則是通過搜索生活垃圾可以查見到該垃圾屬特殊分類。顯示生活垃圾日常的四大分類圖片而不顯示特殊的垃圾分類圖片，則需要用到條件渲染wx:if 來做顯示隱藏的處理。

3.3 驛站模塊實現

用戶點擊驛站界面，會自動定位用戶位置，顯示用戶當前位置所在區域垃圾分類相關的地址列表，如圖4 所示。

還具有的功能是通過選擇省份城市地區來查詢不同省份城市區縣垃圾分類相關點地址。還可以輸入垃圾投放點關鍵詞，查詢垃圾分類相關投放點。

該模塊主要涉及到的技術有：

3.3.1 實例化核心類

在使用騰訊地圖服務前，首先需要申請密鑰，開通webservice服務，下載JavaScriptSDK, 在設置的開發設置中設置request 合法域名，添加https://apis.map.qq.com。完成這些操作后，引入SDK文件，再實例化SDK 類的對象。實例化核心類的關鍵代碼如下所示：

3.3.2 獲取位置信息及逆地址解析

調用wx.getLocation()，獲取到的信息只是當前位置的經緯度，對用戶而言，是不夠直觀地表現用戶當前的位置的，用戶體驗性不夠好，所以需要借助第三方地圖服務，本文使用的是騰訊地圖服務來實現獲取當前位置所在的省份、所在的城市、所在的區縣。通過wx.getLocation 獲得的經緯度為基礎，基于獲取到的經緯度，再通過調用reverseGeocoder 來進行地址逆解析，簡單而言就是坐標位置描述，調用成功會返回結果集，將結果集中含有當前地址的省份城市地區信息的對象，賦值給currentRegion。關鍵代碼如下：

3.4 資訊模塊實現

用戶可瀏覽有關垃圾分類最新最熱門的文章。文章分為兩類，最新文章和熱門文章。

最新：最新的垃圾分類政策或者知識。按發布日期降序排列。

熱門：是在所有已經發布的文章的基礎上，進行數據統計后，形成新的顯示分類。熱門文章主要是按瀏覽、點贊、收藏和評論四個維度劃分，按次數降序排列。

3.5 個人中心模塊實現

個人中心，用戶可以進行登錄注冊，查看“我的收藏”，“我的評論”，“我的點贊”。若是管理員，會有“后臺管理”模塊。

4 結語

本文基于微信平臺結合微信小程序，云開發技術，設計實現了垃圾分類小助手，并對實現的關鍵代碼進行了說明。該小程序滿足了使用者對垃圾分類知識的學習，以及對物品所屬分類進行快速查詢的需求。并且還結合騰訊地圖的地址解析服務，幫助用戶定位和查找附近的垃圾分類點，具有較好的應用和推廣價值。