基于微信小程序的環(huán)保助手設(shè)計與實現(xiàn)目錄TOC\o"1-3"\h\u1880關(guān)鍵詞：垃圾分類微信小程序后臺管理系統(tǒng) 219198前言 262531緒論 370181.1項目背景與意義 3295111.2國內(nèi)發(fā)展現(xiàn)狀 384802關(guān)鍵技術(shù)介紹 4121492.1小程序開發(fā) 4215782.2Java語言 4286752.3SpringBoot框架 4207672.4Mysql數(shù)據(jù)庫 4225643系統(tǒng)分析 5119013.1需求分析 5271123.1.1小程序功能需求分析 5148993.1.2后臺功能需求分析 6183973.2可行性分析 7206503.2.1技術(shù)可行性分析 7226763.2.2經(jīng)濟可行性分析 7293934概要設(shè)計 88574.1系統(tǒng)架構(gòu) 852424.2模塊設(shè)計 8142394.2.1小程序功能模塊設(shè)計 8119124.2.2后臺管理系統(tǒng)功能模塊設(shè)計 10156064.3數(shù)據(jù)庫設(shè)計 11152604.3.1實體關(guān)系表 11305984.3.2數(shù)據(jù)庫表單設(shè)計 13151455系統(tǒng)實現(xiàn) 17279865.1小程序?qū)崿F(xiàn) 17302215.1.1首頁功能頁面實現(xiàn) 17314635.1.2資訊功能頁面實現(xiàn) 18228265.1.3答題功能頁面實現(xiàn) 19230655.1.4用戶功能頁面實現(xiàn) 1975745.2后臺管理系統(tǒng)實現(xiàn) 20296845.2.1管理員登陸頁面實現(xiàn) 20295165.2.2用戶管理頁面實現(xiàn) 21325395.2.3用戶反饋頁面實現(xiàn) 22190945.2.4答題管理頁面實現(xiàn) 22138585.2.5兌換記錄頁面實現(xiàn) 23311005.2.6資訊管理頁面實現(xiàn) 2334905.2.7兌換管理頁面實現(xiàn) 2497296系統(tǒng)測試 25205136.1測試方式 25253356.2測試用例 25302106.3測試截圖 2673377總結(jié)與展望 325297.1工作總結(jié) 3270907.2未來展望 3212145參考文獻 33摘要：近幾年來，垃圾分類成為了一門熱門的話題，本文就針對垃圾分類問題，減少人們對垃圾分類的煩惱，設(shè)計出了基于微信小程序的智能垃圾分類，小程序可通過文字、語音以及拍照對垃圾進行識別分類，也可通過智能問詢，直接詢問垃圾的種類，同時還能幫你定位附近的垃圾站，還有一些資訊、答題以及用戶界面的相關(guān)功能等，同時還設(shè)計了一個后臺管理系統(tǒng)對小程序進行管理。本文主要從系統(tǒng)分析、概要設(shè)計、系統(tǒng)實現(xiàn)、系統(tǒng)測試等方面進行了闡述。關(guān)鍵詞：垃圾分類微信小程序后臺管理系統(tǒng)前言如今，社會的飛速發(fā)展是人們有目共睹的，甚至于每一天都有著新的變化。然而在社會發(fā)展的同時，環(huán)境問題也得到了人們的重視，國家也出了相應(yīng)的政策來治理環(huán)境問題。其中，垃圾分類在環(huán)境問題治理中起著重要作用。垃圾分類需要全民的參與，但是，種類繁多的垃圾讓人們望而卻步。雖然也有一些APP來幫人們解決這些煩惱，但是APP需要用戶主動下載，就這一點而言，就有許多用戶不愿意下載，而小程序就不需要下載，在微信中打開即用，用完即可關(guān)閉。微信大約有8億的用戶，小程序可以借助這個龐大的用戶群體，獲得大量的流量，這也是人們喜歡的方式之一，方便、快捷。本設(shè)計所介紹的環(huán)保小能手小程序，正是在垃圾分類越來越熱門的背景下，為了幫助人們識別生活中一些難以識別的垃圾，減少人們垃圾分類的煩惱以及向人們科普一些垃圾分類的小知識，培養(yǎng)全民垃圾分類的意識，而設(shè)計并開發(fā)的。小程序的首要任務(wù)就是幫助人們識別垃圾，還增加了資訊、答題、禮品兌換和用戶反饋等功能，從而達到提升用戶體驗的目的。為了方便管理，在PC端設(shè)計了后臺管理系統(tǒng)[1]。

緒論項目背景與意義最近這幾年，我國的環(huán)境污染非常嚴重，保護環(huán)境已經(jīng)成為了人們?nèi)粘ｊP(guān)注的問題，作為地球大家園中的一員，也需要對保護環(huán)境出一份力。近幾年，社會經(jīng)濟發(fā)展突飛猛進，人們的生活水平逐步提高，但日常生活中的垃圾污染也在增加。那么這些垃圾又該怎么處理呢？垃圾又被稱為放錯位置的資源，只要我們處理得當，就可以對垃圾進行回收再利用，而這一步的關(guān)鍵就在于垃圾分類。就在2019年7月，上海市全面實施《上海市生活垃圾管理條例》，至此，垃圾分類這一話題席卷全國，實施垃圾分類，關(guān)系著我們賴以生存的環(huán)境，是社會進步的一種體現(xiàn)方式，但真正做到的又有多少人呢，不是人們不愿意加入到垃圾分類的行列中來，而是種類繁多的垃圾在勸退著人們。對于垃圾要怎么分，如何分，人們腦海中有許多的問號，但要實現(xiàn)可持續(xù)化發(fā)展，垃圾分類這一問題是我們必須要面對的，所以就需要一股外力來幫助人們減輕垃圾分類的煩惱，而這股外力就是方便、快捷的微信小程序。在這個互聯(lián)網(wǎng)發(fā)展迅猛的時代，每天都會有新的事物產(chǎn)生，而微信小程序毋庸置疑的排在首位。小程序使用起來方便快捷，不需要下載，不需要安裝，省流量，省內(nèi)存，不占用桌面，這也是用戶喜歡使用小程序的原因[2]。國內(nèi)發(fā)展現(xiàn)狀在垃圾分類這一話題席卷全球的時候，為了幫助人們鑒別垃圾并進行分類，垃圾分類APP在手機應(yīng)用市場上如雨后春筍般的出現(xiàn)了，這些應(yīng)用程序主要分為模擬垃圾分類游戲、查詢類、預(yù)約收集類這三類。同時，騰訊、百度以及阿里這些互聯(lián)網(wǎng)巨頭也參與了進來。這些APP出現(xiàn)的問題也都非常明顯，如識別不準確，每個APP都有一個數(shù)據(jù)庫，數(shù)據(jù)來源不統(tǒng)一，導(dǎo)致分類標準不一樣，還有Android和IOS的兼容性問題。當然，也有垃圾分類小程序的出現(xiàn)，但沒有兼顧各大平臺識別的優(yōu)點，識別正確率低，而且功能單一，沒法誘導(dǎo)用戶長期使用，不能達到培養(yǎng)人們垃圾分類意識的目的。

關(guān)鍵技術(shù)介紹小程序開發(fā)小程序為開發(fā)者提供了一個很方便的應(yīng)用開發(fā)框架，可以提高開發(fā)者的開發(fā)效率[3]，每個頁面都包括后綴名為.js、.json、.wxml、.wxss的文件，為我們提供的組件可以更好的提升用戶的體驗，提供豐富的API，可以讓開發(fā)者更方便獲取權(quán)限、用戶信息等等[4]。Java語言Java語言是面向?qū)ο蟮恼Z言，這種面向?qū)ο蟮木幊棠Ｊ胶腿藗兊乃伎寄Ｊ礁右恢?，使人們能夠簡單地制作程序。此外，Java語言是跨平臺的，只要將Java運行環(huán)境安裝在操作系統(tǒng)中，就可以將Windows下編寫的Java程序轉(zhuǎn)移到Linux下運行，這樣將代碼部署到服務(wù)器上就方便了許多。SpringBoot框架SpringBoot框架是一個輕量級的框架，它繼承了Spring框架的優(yōu)秀特性，包括控制反轉(zhuǎn)IOC和面向切面AOP，同時在框架內(nèi)部對一些依賴包的版本進行了配置，當開發(fā)者導(dǎo)入部分依賴包的時候，不需要考慮版本的問題，從而很好的解決了依賴包版本沖突的問題。SpringBoot框架內(nèi)嵌了Tomcat服務(wù)器，所以SpringBoot項目可以單獨運行，而且SpringBoot摒棄了XML配置，推薦使用Java代碼配置，有著良好的特性。Mysql數(shù)據(jù)庫Mysql是使用C和C++編寫的一款開源的關(guān)系型數(shù)據(jù)庫，為多種編程語言提供了API，本次使用的Java語言就在其中[5]。Mysql數(shù)據(jù)庫性能卓越且開源，基本上能夠滿足開發(fā)者對數(shù)據(jù)持久化的要求，這也是本次選擇Mysql數(shù)據(jù)庫的重要原因。

系統(tǒng)分析需求分析小程序功能需求分析（1）小程序首頁頁面，輪播展示廚余垃圾、干垃圾、可回收垃圾、其他垃圾、易腐垃圾和有害垃圾的圖片，點擊圖片可展示對應(yīng)垃圾的介紹以及投放指導(dǎo)，并設(shè)置文字、語音垃圾搜索，拍照識別，智能問詢，掃一掃，分類圖譜下載，回收站定位功能的入口，在頁面中間輪播幾張垃圾分類的圖片。（2）小程序資訊頁面，用來展示管理員所發(fā)布的一些資訊信息供用戶查看，并設(shè)置了閱讀量展示以及點贊和取消點贊功能。（3）小程序答題頁面，進入答題頁面時，首先判斷用戶是否授權(quán)登錄，其次設(shè)置了當日首次答題滿分可獲得積分。（4）小程序用戶界面，這個頁面包括我的點贊、我的地址、我的錯題、我的積分、意見反饋、清除緩存、分享程序和后臺管理功能的入口。我的點贊：展示用戶點過贊的資訊的頁面[6]；我的地址：展示用戶收貨地址的頁面，用戶也可對地址進行修改；我的錯題：展示用戶在答題頁面所答錯的題目；我的積分：展示用戶的積分以及兌換的禮品列表；意見反饋：用戶向管理員提供意見的入口；清楚緩存：清除用戶的授權(quán)登錄信息；分享程序：生成小程序的二維碼保存到用戶手機；后臺管理：只限管理員進入，對小程序進行管理；小程序功能分析如圖1所示。圖1小程序功能分析圖后臺功能需求分析（1）管理員登錄模塊，實現(xiàn)管理員進行后端的登錄；（2）用戶管理模塊，實現(xiàn)了對用戶信息的查看以及搜索的功能；（3）用戶反饋模塊，管理員可查看所有用戶的反饋，有已讀和未讀對反饋信息進行標識，并且實現(xiàn)了對反饋信息的搜索和刪除操作[7]；（4）答題管理模塊，展示出題庫中的所有題目，并且能夠?qū)︻}目進行增加、修改、刪除和搜索的功能；（5）兌換記錄：記錄了用戶使用積分兌換禮品的記錄，并對這些記錄實現(xiàn)了搜索、查看和刪除的功能；（6）資訊管理：用于管理小程序資訊頁面所顯示的內(nèi)容，實現(xiàn)了對資訊的搜索、增加、查看、修改和刪除的功能；（7）兌換管理：用于管理小程序我的積分頁面兌換禮品的內(nèi)容，實現(xiàn)了對禮品的搜索、增加、查看、修改和刪除的功能；（8）退出系統(tǒng)：退出環(huán)保小能手后臺管理系統(tǒng)；后臺管理系統(tǒng)功能分析如圖2所示。圖2后臺管理系統(tǒng)功能分析圖可行性分析技術(shù)可行性分析本設(shè)計開發(fā)的騰訊小程序，使用了云開發(fā)，后端采用SpringBoot框架為小程序提供接口，小程序與后端屬于前后端分離，使用Mybatis框架連接Mysql數(shù)據(jù)庫進行數(shù)據(jù)的持久化。后臺管理系統(tǒng)采用的是SpringBoot默認支持的Thymeleaf模板引擎，因為Thymeleaf提供了完美的SpringMVC支持。在阿里云服務(wù)器上安裝了Tomcat服務(wù)器用于部署項目使用。本次開發(fā)使用的技術(shù)多為開源[8]，且官方提供了比較詳細的開發(fā)文檔，再加上現(xiàn)在硬件設(shè)備的提升，所以在技術(shù)方面完全可行。經(jīng)濟可行性分析本次開發(fā)除云開發(fā)和服務(wù)器以外所使用的軟件以及技術(shù)均為免費[9]。云開發(fā)是按量收費的，但是在一定閾值內(nèi)是免費的，對于個人開發(fā)來說，基本上是不需要額外花錢。服務(wù)器買的是阿里云的服務(wù)器，但是有學(xué)生優(yōu)惠，所花費的可以在接受范圍之類，所以經(jīng)濟上也完全可行。

概要設(shè)計系統(tǒng)架構(gòu)系統(tǒng)架構(gòu)是在對系統(tǒng)進行需求分析后，對所需要用到的技術(shù)進行一個規(guī)劃和構(gòu)架，是設(shè)計一個系統(tǒng)的第一步，也是對系統(tǒng)進行開發(fā)的基礎(chǔ)。本系統(tǒng)分為小程序和后臺管理系統(tǒng)，小程序采用的是騰訊提供的框架結(jié)構(gòu)以及云開發(fā)，使用Java語言對后臺系統(tǒng)進行開發(fā)，采用了SpringBoot框架、Mybatis框架和Mysql數(shù)據(jù)庫，頁面使用了Thymeleaf模板引擎，系統(tǒng)整體架構(gòu)如圖3。圖3系統(tǒng)整體架構(gòu)圖模塊設(shè)計小程序功能模塊設(shè)計本系統(tǒng)小程序功能模塊主要包括有以下幾塊：（1）首頁功能模塊首頁功能模塊由三個部分構(gòu)成，頂部輪播展示六種垃圾的圖片，點擊圖片，可顯示對應(yīng)垃圾種類的介紹和投放指導(dǎo)。中部輪播展示幾張垃圾分類的圖片。尾部是垃圾搜索、拍照識別、智能問詢、掃一掃、分類圖譜下載、回收站定位功能的入口，在這里，用戶可以通過文字、語音、圖片以及問詢的方式，對垃圾進行搜索。用戶也可以點擊掃一掃的功能，掃描管理員發(fā)布的二維碼，進行積分的獲取，為了給用戶提供方便，在頁面提供了垃圾站定位的功能，并為用戶提供導(dǎo)航功能，避免用戶去其它軟件進行搜索定位。（2）資訊功能模塊在資訊頁面中，展示著管理員發(fā)布出來的一些信息，用戶可以點擊查看。只要用戶點擊進去查看，那么此條信息的閱讀數(shù)量就會加一，如果用戶覺得此條信息寫的很好，還可以為這條信息進行點贊，如果已經(jīng)點贊的用戶，再次點贊，就會取消點贊。點過贊的信息，會在用戶功能界面中的我的點贊功能中展示出來，而且還在右下角設(shè)置了分享按鈕，用戶可以點擊此按鈕將資訊信息發(fā)送給微信好友，讓更多的人看到。（3）答題功能模塊在答題頁面中，會首先判斷用戶是否已經(jīng)登錄，如果未登錄，則提示用戶登錄，如果已經(jīng)登錄，用戶就可以開始答題，每日首次答題滿分，可以獲得積分。如果當日已經(jīng)獲得積分，那么當日不可再次獲得積分，用戶回答的錯題，會在用戶功能頁面中的我的錯題功能中展示出來，重復(fù)的錯題只展示一個。（4）用戶功能模塊在用戶頁面中，會先判斷是否有授權(quán)登錄信息，如果沒有，則提示用戶進行授權(quán)登錄。在此頁面有我的點贊、我的地址、我的錯題、我的積分、意見反饋、清除緩存、分享程序、后臺管理這幾個功能。我的點贊是用來展示用戶所點過贊的資訊；我的地址是用戶用來查看和修改兌換禮品所需要的地址；我的錯題是用來展示用戶在答題頁面所答錯的題，用戶可以自行將錯題刪除；我的積分用來展示用戶的積分，以及所有的禮品，用戶可以使用積分進行禮品的兌換，同時積分也會相應(yīng)的減少；意見反饋是用戶對這個小程序提意見或建議的通道，管理員可以在后臺中查看；清除緩存可以清除用戶的授權(quán)登錄信息；分享程序，可以將小程序的二維碼生成一個圖片，保存到本地的手機相冊，用于發(fā)給其它用戶；后臺管理是為了方便管理員的管理，在小程序上也設(shè)置了一個后臺管理，點擊后臺管理，需要使用用戶名和密碼進行登錄，密碼采用MD5加密，會在后臺進行一個校驗，校驗通過就進入了管理界面。管理界面設(shè)置有用戶管理、資訊管理、兌換管理、用戶反饋、二維碼、答題管理。用戶管理支持對用戶的查看功能；資訊管理支持對資訊的增刪改查功能[10]；兌換管理支持對兌換禮品的增刪改查功能；用戶反饋支持對反饋信息的查看功能，點擊查看后，同時修改閱讀狀態(tài)；二維碼是用來管理員輸入積分數(shù)，并生成二維碼，供用戶掃描，用戶即可獲得相應(yīng)的積分；答題管理支持對題目的增加功能。此后臺管理比較粗略，更詳細的管理在Web端的后臺管理系統(tǒng)。后臺管理系統(tǒng)功能模塊設(shè)計后臺管理系統(tǒng)功能模塊主要包括有以下幾塊：（1）登錄功能模塊管理員使用賬號和密碼登錄，使用的賬號和密碼與小程序的后臺管理一致，為了保證其安全性，密碼使用MD5加密，校驗通過后，將登錄信息存入Session中，設(shè)置有效時間為十五分鐘，當超過設(shè)置時間，將不能使用此系統(tǒng)，需要重新登錄才能使用。（2）用戶管理功能模塊用戶管理模塊用來展示使用過小程序的用戶，并實現(xiàn)了對用戶信息的查詢和查看功能。由于信息都是由微信授權(quán)獲取的，所以用戶管理模塊不設(shè)置修改、增加和刪除功能。（3）用戶反饋功能模塊用戶反饋功能用來展示用戶反饋給我們的意見或建議，并實現(xiàn)了對反饋信息的查詢、查看和刪除的功能。點擊查看按鈕，進入查看反饋信息詳情的頁面，同時將狀態(tài)改變?yōu)橐炎x狀態(tài)。（4）答題管理功能模塊點擊答題管理，頁面會顯示題庫中所有的題目，并實現(xiàn)了對這些題目的查詢、添加、修改以及刪除的功能，小程序的答題頁面將從這個題庫中隨機抽取5道題呈現(xiàn)給客戶。這里答題管理的操作類型要比小程序后臺管理的答題管理操作類型要多。（5）兌換記錄功能模塊兌換記錄模塊記錄了所有用戶兌換禮品的操作，實現(xiàn)了對這些記錄的查詢、查看以及刪除的功能。點擊查看按鈕會顯示電話號碼、收獲地址等詳細信息。（6）資訊管理功能模塊此模塊是對小程序顯示的資訊內(nèi)容進行管理，實現(xiàn)了對資訊內(nèi)容的查詢、添加、查看、修改以及刪除的功能。此功能涉及到對圖片文件的上傳，保存到服務(wù)器固定路徑，然后拼接成URL連接保存到數(shù)據(jù)庫，這樣從數(shù)據(jù)庫中取出來就可以直接訪問圖片資源。（7）兌換管理功能模塊此模塊是對小程序用戶界面我的積分功能中兌換禮品內(nèi)容的管理，實現(xiàn)了對兌換禮品的查詢、添加、查看、修改以及刪除的功能。此模塊涉及到對圖片的處理功能與資訊管理功能一致。數(shù)據(jù)庫設(shè)計數(shù)據(jù)庫設(shè)計對于系統(tǒng)開發(fā)占有著很重要的地位，基本上要占項目開發(fā)的百分之四十的時間，數(shù)據(jù)庫是需求的直觀反應(yīng)和表現(xiàn)。只要數(shù)據(jù)庫設(shè)計完成，項目的百分之八十的設(shè)計開發(fā)基本上在腦海中已經(jīng)完成了。當然，一個不良的數(shù)據(jù)庫設(shè)計，必然會在后期開發(fā)中造成很多的問題，輕則增減字段，重則系統(tǒng)無法運行。本系統(tǒng)使用的是Mysql數(shù)據(jù)庫進行開發(fā)，并且創(chuàng)建了11張數(shù)據(jù)表，分別為用戶地址表、管理員表、資訊表、兌換記錄表、用戶反饋表、兌換禮品表、搜索記錄表、用戶點贊記錄表、題庫表、用戶表以及錯題表。實體關(guān)系表圖4用戶地址、管理員、用戶點贊記錄、題庫實體關(guān)系圖圖5資訊、搜索記錄、錯題實體關(guān)系圖圖6用戶、兌換禮品實體關(guān)系圖圖7用戶反饋、兌換記錄實體關(guān)系圖數(shù)據(jù)庫表單設(shè)計Address表主要存儲用戶的收貨地址數(shù)據(jù)，其中包括了用戶在小程序的唯一標識openId,電話號碼以及收貨地址。具體表單如下表1。表1address(用戶地址表)列名數(shù)據(jù)類型長度是否為空說明openIdvarchar30no用戶openIdphonevarchar11no用戶電話addressvarchar50no用戶地址Admin表主要存儲管理員的登錄信息，其中包括了管理員登錄所需要的用戶名和密碼[11]。具體表單如下表2。表2admin(管理員表)列名數(shù)據(jù)類型長度是否為空說明usernamevarchar20no管理員用戶名passwordvarchar50no管理員密碼Comm表主要存儲資訊的各項數(shù)據(jù)，其中包括資訊的唯一標識uid，資訊的內(nèi)容，發(fā)布時間，資訊所用圖片的鏈接，點贊數(shù)量，閱讀數(shù)量，資訊標簽以及資訊題目。具體表單如下表3。表3comm(資訊表)列名數(shù)據(jù)類型長度是否為空說明uidvarchar50no資訊唯一標識contentvarchar255no資訊內(nèi)容now_timevarchar255no資訊發(fā)布時間imgListlongtext255yes資訊所用圖片likeNumint5no資訊點贊數(shù)readNumint5no資訊閱讀數(shù)tagvarchar10yes資訊標簽titlevarchar50no資訊標題Exchange表主要存儲用戶的兌換記錄，其中包括兌換記錄的唯一標識、與兌換禮品表對應(yīng)的shop_id、兌換積分、用戶唯一標識openId、電話、地址以及兌換時間。具體表單如下表4。表4exchange(兌換記錄表)列名數(shù)據(jù)類型長度是否為空說明idint3no兌換記錄標識shop_idint3no兌換禮品標識integralvarchar5no兌換積分openIdvarchar30no用戶openIdphonevarchar11no用戶電話號碼addressvarchar30no用戶地址exchange_timevarchar30no兌換時間Feedback表主要存儲用戶的反饋信息，其中包括用戶反饋記錄的唯一標識、用戶的唯一標識openId、反饋內(nèi)容、閱讀狀態(tài)、反饋時間。具體表單如下表5。表5feedback(用戶反饋表)列名數(shù)據(jù)類型長度是否為空說明uidvarchar50no反饋記錄標識openIdvarchar50no用戶openIdcontentvarchar255no用戶反饋內(nèi)容isReadint1no閱讀標志feedback_timevarchar30no反饋時間Goods表主要存儲兌換商品的信息，其中包括商品的標識id、商品描述、商品圖片鏈接、商品名字以及兌換商品所需要的積分[12]。具體表單如下表6。表6goods(兌換禮品表)列名數(shù)據(jù)類型長度是否為空說明idint3no商品標識idgoodsContentvarchar15yes商品描述goodsImgListvarchar255yes商品圖片goodsNamevarchar15no商品名稱goodsPriceint4no商品兌換積分Hotsearch表主要存儲用戶搜索垃圾的記錄，其中包括搜索記錄的唯一標識uid，搜索次數(shù)，搜索名稱，搜索時間以及搜索結(jié)果。具體表單如下表7。表7hotsearch(搜索記錄表)列名數(shù)據(jù)類型長度是否為空說明uidvarchar50no搜索記錄uidhot_numint5no搜索次數(shù)hot_textvarchar10no搜索文本hot_timevarchar25no搜索時間infolongtext255no搜索結(jié)果Likecomm表主要存儲了用戶點贊資訊的信息，其中包括用戶點贊信息的唯一標識uid，資訊的uid以及用戶的openId。具體表單如下表8。表8likecomm(用戶點贊記錄表)列名數(shù)據(jù)類型長度是否為空說明uidvarchar50no點贊記錄標識commIdvarchar50no資訊信息標識openIdvarchar50no用戶openIdQuestion表主要存儲了題庫信息，其中包括了問題的id，問題的垃圾名稱，垃圾名稱所對應(yīng)的垃圾類型。具體表單如下表9。表9question(題庫表)列名數(shù)據(jù)類型長度是否為空說明uidvarchar50no點贊記錄標識commIdvarchar50no資訊信息標識openIdvarchar50no用戶openIdUser表主要存儲了用戶信息，其中包括了數(shù)據(jù)庫表的主鍵標識id，uid，用戶在小程序的唯一標識openId，用戶頭像鏈接，用戶所在城市，用戶所在國家，用戶性別，用戶積分，用戶使用語言，用戶名，用戶所在省份，最初使用時間，是否回答問題標志。具體表單如下表10。表10user(用戶表)列名數(shù)據(jù)類型長度是否為空說明idint10no數(shù)據(jù)庫表iduidvarchar50no數(shù)據(jù)庫表uidopenIdvarchar50no用戶openIdavatarUrlvarchar255no用戶頭像cityvarchar25yes用戶所在城市countryvarchar25yes用戶所在國家integralint5no用戶積分use_languagevarchar20yes用戶使用語言nickNamevarchar25no用戶名provincevarchar25yes用戶所在省份use_timevarchar30no最初使用時間genderisAnswerintint11nono用戶性別是否答題標志W(wǎng)rongquestion表主要存儲了用戶答錯的題目，其中包括了用戶的openId(用來區(qū)分不同用戶的錯題)，錯題的垃圾名稱，正確的垃圾類型，用戶選擇的錯誤垃圾類型。具體表單如下表11。表11wrongquestion(錯題表)列名數(shù)據(jù)類型長度是否為空說明openIdvarchar30no用戶openIdnamevarchar100no垃圾名稱typevarchar100no垃圾類型check_choosevarchar100no選擇垃圾類型

系統(tǒng)實現(xiàn)小程序?qū)崿F(xiàn)首頁功能頁面實現(xiàn)小程序首頁頁面實現(xiàn)，按照上面的設(shè)計，在頁面上設(shè)置各功能的入口，點擊能夠成功跳轉(zhuǎn)到相應(yīng)的功能界面。按照藍色為可回收垃圾、紅色為有害垃圾、綠色為易腐垃圾、黃色和灰色為其他垃圾，使用這些顏色對首頁頁面的主色調(diào)進行設(shè)置，使頁面美觀而又簡潔。首頁頁面為小程序的主要功能區(qū)，將首頁設(shè)置為底部導(dǎo)航欄，方便用戶進行切換。小程序首頁功能頁面如下圖8和圖9。圖8小程序首頁功能頁面1圖9小程序首頁功能頁面2資訊功能頁面實現(xiàn)小程序資訊頁面顯示管理員發(fā)布的所有的資訊信息，頁面中顯示一條資訊的標題、內(nèi)容介紹、資訊圖片以及資訊的標簽。點擊一條資訊進入，將會顯示更詳細的信息。從上而下，首先頂部就是資訊的標題，接著就是發(fā)布時間以及閱讀次數(shù)，再接著就是資訊的內(nèi)容、圖片、資訊的標簽以及點贊數(shù)量的顯示，在其底部設(shè)置了分享按鈕，供用戶將資訊內(nèi)容分享給微信好友。小程序資訊功能頁面如下圖10和圖11。圖10小程序資訊功能頁面1圖11小程序資訊功能頁面2

答題功能頁面實現(xiàn)小程序答題功能頁面供用戶進行答題賺取積分，點擊進入頁面，會彈出一個提示框，內(nèi)容為：每日僅首次答題滿分可獲得10積分。用戶可以從A.可回收物B.廚余垃圾C.有害垃圾D.其他垃圾這四個選項中選擇進行答題。小程序答題功能頁面如下圖12和圖13。圖12小程序答題功能頁面1圖13小程序答題功能頁面2用戶功能頁面實現(xiàn)小程序用戶功能頁面首先會判斷是否已經(jīng)授權(quán)登錄，如果未登錄，則會跳轉(zhuǎn)到用戶授權(quán)登錄頁面[13]。如果已登錄，則進入用戶頁面，此頁面實現(xiàn)了用戶對自己的一些信息的操作，并在此頁面設(shè)置了后臺管理功能，是為了方便管理員進行管理。頁面頂部顯示了用戶的頭像以及用戶名，下面就是一些功能的入口。小程序用戶功能頁面如下圖14和圖15。圖14小程序用戶功能頁面1圖15小程序用戶功能頁面2后臺管理系統(tǒng)實現(xiàn)管理員登陸頁面實現(xiàn)管理員登錄頁面是供管理員登錄使用的，輸入賬號和密碼，后臺校驗通過后，即可進入環(huán)保小能手后臺管理系統(tǒng)。后臺管理系統(tǒng)登陸頁面如下圖16。圖16后臺管理系統(tǒng)登錄頁面用戶管理頁面實現(xiàn)用戶管理頁面如下圖17。圖17用戶管理頁面用戶反饋頁面實現(xiàn)用戶反饋頁面如下圖18。圖18用戶反饋頁面答題管理頁面實現(xiàn)答題管理頁面如下圖19。圖19答題管理頁面兌換記錄頁面實現(xiàn)兌換記錄頁面如下圖20。圖20兌換記錄頁面資訊管理頁面實現(xiàn)資訊管理頁面如下圖21。圖21資訊管理頁面兌換管理頁面實現(xiàn)兌換管理頁面如下圖22。圖22兌換管理頁面

系統(tǒng)測試測試方式此次需要測試的功能比較多，將全部功能測試完不太現(xiàn)實，所以會隨機測試6個功能。小程序測試3例，后臺管理系統(tǒng)測試3例，將測試數(shù)據(jù)接入，查看輸出數(shù)據(jù)是否正確，并截圖。測試用例測試用例能夠明確在測試中需要測試的東西，寫好測試用例，能夠避免測試中遺漏東西，同時也能更好的發(fā)現(xiàn)問題并及時得解決問題，也是系統(tǒng)能夠在線上運行正常的保障[14]。下列表12為此次測試的系統(tǒng)測試用例。表12系統(tǒng)測試用例測試編號測試模塊測試詳情預(yù)期結(jié)果實際結(jié)果1-1小程序拍照識別垃圾模塊識別結(jié)果是否正常對垃圾進行拍照后，能夠得到垃圾的類別以及投放建議符合預(yù)期1-2小程序智能問詢回答內(nèi)容是否正常輸入詢問的內(nèi)容發(fā)送，機器人會回復(fù)相應(yīng)的答案符合預(yù)期1-3小程序答題模塊答題功能是否正常答過5道題后，進行提交，進入到結(jié)果頁面符合預(yù)期2-1管理員登錄模塊登錄功能是否正常使用正確的用戶名和密碼可登錄成功，使用錯誤的用戶名或者密碼，登錄失敗符合預(yù)期2-2資訊管理模塊對資訊進行發(fā)布是否正常對資訊進行添加，在小程序端顯示相應(yīng)的資訊信息符合預(yù)期2-3兌換管理模塊對兌換禮品進行添加是否正常在兌換管理界面對禮品進行添加，在小程序端的我的積分界面顯示新增的禮品信息符合預(yù)期

測試截圖測試編號1-1的測試結(jié)果如下圖23。圖23拍照識別垃圾模塊測試截圖測試編號1-2的測試結(jié)果如下圖24。圖24智能問詢模塊測試截圖測試編號1-3的測試結(jié)果如下圖25和圖26。圖25答題模塊測試截圖1圖26答題模塊測試截圖2測試編號2-1的測試結(jié)果如下圖27和圖28。圖27管理員登錄失敗截圖圖28管理員登錄成功截圖測試編號2-2的測試結(jié)果如下圖29、圖30和圖31。圖29后臺系統(tǒng)資訊發(fā)布頁面截圖圖30