基于小程序云開發(fā)的垃圾分類小助手的設計與實現(xiàn)

徐文超 焦詩琪

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

1 引言

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

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

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

2 系統(tǒng)設計

2.1 系統(tǒng)總體設計

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

用戶端模塊功能說明：

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

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

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

圖1：系統(tǒng)功能架構(gòu)圖

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

圖3：詞典搜索界面

圖4：小程序驛站界面

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

管理端模塊說明：

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

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

2.2 系統(tǒng)模塊設計

2.2.1 分類詞典模塊

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

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

2.2.2 驛站模塊

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

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

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

2.2.3 資訊模塊

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

2.2.4 用戶中心模塊

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

2.2.5 詞典后臺管理

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

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

3 系統(tǒng)實現(xiàn)

3.1 首頁

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

3.2 詞典模塊實現(xiàn)

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

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

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

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

3.3 驛站模塊實現(xiàn)

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

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

該模塊主要涉及到的技術(shù)有：

3.3.1 實例化核心類

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

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

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

3.4 資訊模塊實現(xiàn)

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

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

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

3.5 個人中心模塊實現(xiàn)

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

4 結(jié)語

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