《基于Web平臺(tái)以及微信小程序的校園廁所環(huán)境監(jiān)測(cè)系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)》13000字（論文）

基于Web平臺(tái)以及微信小程序的校園廁所環(huán)境監(jiān)測(cè)系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)摘要針對(duì)傳統(tǒng)校園廁所較為突出的問(wèn)題，即第一，校園廁所流量具有“潮汐變化”的特點(diǎn)，上下課高峰期，如廁需求量較大，不能很好的選擇人少的廁所如廁；第二，校園廁所是一個(gè)禁止吸煙的場(chǎng)所，但在校園的廁所里有很多煙頭以及吸煙的現(xiàn)象還是很常見(jiàn)的，不能及時(shí)的發(fā)現(xiàn)處理吸煙問(wèn)題；第三，廁所空氣質(zhì)量不好的問(wèn)題，影響如廁心情。由此可見(jiàn)，設(shè)計(jì)開發(fā)校園廁所環(huán)境以及坑位等待監(jiān)測(cè)系統(tǒng)是非常有必要。本文主要介紹了校園廁所環(huán)境以及坑位等待監(jiān)測(cè)系統(tǒng)，該系統(tǒng)主要由Web平臺(tái)以及微信小程序端組成，Web平臺(tái)主要為平臺(tái)管理員使用，主要有設(shè)備地圖、數(shù)據(jù)展示、數(shù)據(jù)分析、通知公告以及信息反饋等，方便平臺(tái)管理員監(jiān)測(cè)查看數(shù)據(jù)、及時(shí)了解用戶需求，前端主要采用的技術(shù)有：HTML、CSS、js、JavaScript技術(shù)，后端采用JAVA語(yǔ)言編寫；微信小程序端主要面向普通用戶使用，普通用戶可登錄該小程序查看廁所環(huán)境的數(shù)據(jù)、了解廁所等待人數(shù)情況、及時(shí)收到管理員發(fā)布的通知公告以及反饋信息給管理員該系統(tǒng)解決了傳統(tǒng)校園廁所帶來(lái)的問(wèn)題，實(shí)時(shí)的數(shù)據(jù)監(jiān)測(cè)大大提高了管理員的管理效率，及時(shí)了解廁所有無(wú)人抽煙，也極大的提高了如廁的舒適性。關(guān)鍵詞：校園廁所環(huán)境監(jiān)測(cè)；人數(shù)等待；Web平臺(tái)；微信小程序端；NB-IOT技術(shù)目錄TOC\o"1-3"\h\u11328第一章前言 1163111.1課題研究背景 1245231.2課題研究意義 1258781.3課題研究?jī)?nèi)容 11488第二章系統(tǒng)相關(guān)技術(shù)及工具 3118372.1系統(tǒng)相關(guān)核心技術(shù)介紹 3184702.2系統(tǒng)相關(guān)工具介紹 426823第三章系統(tǒng)需求分析 6181993.1可行性分析 6246103.2系統(tǒng)功能需求分析 6175743.3非功能需求分析 77396第四章系統(tǒng)總體設(shè)計(jì) 8104214.1系統(tǒng)總體架構(gòu) 8118624.2系統(tǒng)軟件架構(gòu)設(shè)計(jì) 8118194.3數(shù)據(jù)庫(kù)設(shè)計(jì) 105340第五章系統(tǒng)的主要功能模塊設(shè)計(jì)與實(shí)現(xiàn) 1497165.1Web系統(tǒng)平臺(tái) 1464205.2微信小程序端 3025894第六章系統(tǒng)測(cè)試 40324236.1系統(tǒng)測(cè)試環(huán)境 4094486.2系統(tǒng)功能測(cè)試 402309第七章總結(jié)與展望 4526387.1總結(jié) 45233217.2展望 4526803參考文獻(xiàn) 46前言1.1課題研究背景廁所，在這一個(gè)不登大雅之堂的場(chǎng)所，就是我們生活中最離不開的場(chǎng)所。進(jìn)入現(xiàn)代社會(huì)，廁所的健康水平，是評(píng)價(jià)一個(gè)社會(huì)文明水平的主要標(biāo)準(zhǔn)。同樣，在師生們的每天生活學(xué)習(xí)的校園里，配備干凈衛(wèi)生的廁所，逐漸成為文明校園建設(shè)的重要內(nèi)容。在以前，由于公共衛(wèi)生管理專業(yè)人員技術(shù)能力較低，工作難度則會(huì)增大，增加了精細(xì)化管理作業(yè)難度，學(xué)校衛(wèi)生間氣味過(guò)大的情況往往無(wú)法有效處理，而學(xué)校廁所吸煙的現(xiàn)象往往也無(wú)法及時(shí)發(fā)現(xiàn),極大的不便于教師對(duì)學(xué)校吸煙情況的有效控制,也導(dǎo)致學(xué)校如廁環(huán)境的空氣質(zhì)量不好,嚴(yán)重影響了人們的如廁體驗(yàn)。課間十分鐘，由于學(xué)校學(xué)生如廁需求量較大，學(xué)校也無(wú)法確定在衛(wèi)生間內(nèi)等待人員的多少,學(xué)生無(wú)法合理的選擇在衛(wèi)生間如廁,從而造成學(xué)校部分衛(wèi)生間內(nèi)無(wú)人如廁,學(xué)校部分衛(wèi)生間如廁需要量大,在課間時(shí)間內(nèi)無(wú)法有效處理學(xué)生如廁情況。隨著社會(huì)經(jīng)濟(jì)的發(fā)展，人們的生活水平有了很大提升，對(duì)公廁在內(nèi)的公共環(huán)境衛(wèi)生的要求也越來(lái)越高REF_Ref355\w\h[1]。因此，推動(dòng)校園廁所環(huán)境監(jiān)測(cè)的智能化建設(shè)尤為重要。1.2課題研究意義為了方便學(xué)校對(duì)校園廁所的管理，大量減少人力物力以及財(cái)力的投入，提升公共服務(wù)質(zhì)量，實(shí)現(xiàn)數(shù)據(jù)可視化，解決傳統(tǒng)廁所帶來(lái)的問(wèn)題，為此，設(shè)計(jì)了校園廁所環(huán)境以及等待人數(shù)監(jiān)測(cè)系統(tǒng)。校園廁所環(huán)境以及坑位等待監(jiān)測(cè)系統(tǒng)可以在校園的每個(gè)廁所安裝設(shè)備，可以實(shí)時(shí)監(jiān)測(cè)廁所環(huán)境的溫度、濕度、氨氣、煙霧、等待人數(shù)等，采用NB-IOT技術(shù)傳輸數(shù)據(jù)，并及時(shí)存入數(shù)據(jù)庫(kù)中方便管理員調(diào)用，平臺(tái)讀取數(shù)據(jù)庫(kù)中的數(shù)據(jù)進(jìn)行分析并顯示，管理員可實(shí)時(shí)查看監(jiān)測(cè)點(diǎn)的數(shù)據(jù)。該系統(tǒng)優(yōu)點(diǎn)眾多，平臺(tái)管理員可通過(guò)本系統(tǒng)查看各監(jiān)測(cè)點(diǎn)的實(shí)時(shí)數(shù)據(jù)，從而了解監(jiān)測(cè)點(diǎn)的情況，方便管理員管理，避免學(xué)生在標(biāo)有禁止吸煙的校園廁所吸煙，以及為了給學(xué)生一個(gè)舒適的如廁環(huán)境；普通用戶可以通過(guò)搜索廁所名稱了解該廁所的情況，避免在廁所前著急排隊(duì)的現(xiàn)象，瀏覽管理員發(fā)布的通知公告，普通用戶也可以反饋問(wèn)題給平臺(tái)管理員，讓管理員即使了解管理員暫未了解到的情況以及建議，做到人性化管理。相比于傳統(tǒng)的校園廁所，本系統(tǒng)提高了管理員的管理效率，提高了如廁的舒適性。1.3課題研究?jī)?nèi)容本課題主要對(duì)校園廁所環(huán)境以及等待人數(shù)監(jiān)測(cè)系統(tǒng)進(jìn)行研究，該系統(tǒng)對(duì)監(jiān)測(cè)點(diǎn)設(shè)備的溫度、濕度、氨氣、煙霧等數(shù)據(jù)進(jìn)行監(jiān)測(cè)和傳輸，通過(guò)NB-IOT無(wú)線傳輸技術(shù)，對(duì)數(shù)據(jù)存儲(chǔ)至阿里云服務(wù)器數(shù)據(jù)庫(kù)，應(yīng)用平臺(tái)讀取并分析數(shù)據(jù)庫(kù)數(shù)據(jù)實(shí)時(shí)可視化展示。本文主要是Web平臺(tái)和微信小程序端的設(shè)計(jì)和實(shí)現(xiàn)。第二章系統(tǒng)相關(guān)技術(shù)及工具2.1系統(tǒng)相關(guān)核心技術(shù)介紹本課題主要研究實(shí)現(xiàn)校園廁所環(huán)境及等待人數(shù)監(jiān)測(cè)系統(tǒng)平臺(tái)Web端以及微信小程序端的軟件開發(fā)，Web端與下位機(jī)的數(shù)據(jù)傳輸主要通過(guò)NB-IOT技術(shù)傳輸，需設(shè)計(jì)數(shù)據(jù)庫(kù)用于存儲(chǔ)下位機(jī)設(shè)備監(jiān)測(cè)的數(shù)據(jù)。使用若依框架作為后臺(tái)管理系統(tǒng)，同時(shí)引用了Echart圖表技術(shù)對(duì)數(shù)據(jù)更直觀的展示，為了對(duì)實(shí)現(xiàn)監(jiān)測(cè)點(diǎn)的地圖定位展示，引用了百度地圖的API來(lái)實(shí)現(xiàn)。小程序前端使用ColorUIcss組件庫(kù)開發(fā)，通過(guò)API接口與Web端后臺(tái)進(jìn)行數(shù)據(jù)交互。2.1.1若依框架Ruoyi是一個(gè)基于經(jīng)典技術(shù)組合的企業(yè)級(jí)JavaEE快速開發(fā)平臺(tái)。基本技術(shù)采用SpringBoot、ApacheShiro和MyBatis。其優(yōu)點(diǎn)是技術(shù)難度低，節(jié)省人力，縮短項(xiàng)目周期，提高軟件安全質(zhì)量，界面簡(jiǎn)單美觀。SpringBoot是一個(gè)開箱即用，沒(méi)有代碼生產(chǎn)無(wú)需XML配置的框架，其簡(jiǎn)單、快速、方便！SpringBoot是一些庫(kù)的集合，框架中的框架，只要導(dǎo)入相應(yīng)依賴，它就能夠被任意項(xiàng)目的構(gòu)建系統(tǒng)所使用REF_Ref1100\w\h[2]。SpringBoot可以在主程序執(zhí)行mian主函數(shù)運(yùn)行，也可以以jar包形式通過(guò)java–jarxx.jar來(lái)運(yùn)行，內(nèi)嵌servlet容器，降低對(duì)環(huán)境的要求，自動(dòng)配置Spring，可以不用或只需很少的配置文件，它使用習(xí)慣優(yōu)于配置理念，內(nèi)置Tomcat啟動(dòng)方便，并提供一切注解方便開發(fā)。ApacheShiro是一個(gè)強(qiáng)大而靈活的開源安全框架，提供身份驗(yàn)證、授權(quán)、加密和會(huì)話管理。它可以在JavaSE或JavaEE環(huán)境中使用。對(duì)于任何應(yīng)用程序，Shiro都可以提供全面的安全管理服務(wù)REF_Ref3781\w\h[3]，Shiro比其他安全框架簡(jiǎn)單得多。Shiro的三個(gè)主要組件：主體Subject、安全管理組件SecurityManager和安全實(shí)體數(shù)據(jù)源Realm。Shiro在身份認(rèn)證和授權(quán)管理過(guò)程中至少需要一個(gè)Realm來(lái)實(shí)現(xiàn)相關(guān)功能REF_Ref4453\w\h[4]。MyBatis是一個(gè)支持動(dòng)態(tài)SQL語(yǔ)句的持久層框架，支持普通SQL查詢，存儲(chǔ)過(guò)程和高級(jí)映射，整體構(gòu)造由數(shù)據(jù)源配置文件、SQL映射文件、會(huì)話工廠、會(huì)話、執(zhí)行器和底層封裝對(duì)象組成REF_Ref5694\w\h[5]，功能架構(gòu)分為三層：API接口層、數(shù)據(jù)處理層和基礎(chǔ)支持層。在MyBatis框架中，可通過(guò)寫SqlMapConfig.xml文件來(lái)配置數(shù)據(jù)庫(kù)連接池，能避免反復(fù)創(chuàng)建和釋放資源REF_Ref5727\w\h[6]。2.1.2Echarts圖表技術(shù)Echarts是一個(gè)免費(fèi)的、功能強(qiáng)大的、可視化的，基于Canvas的，純Javascript的圖表庫(kù)，底層依賴輕量級(jí)的Canvas類庫(kù)ZRender，提供直觀、生動(dòng)、可交互、可高度個(gè)性化定制的數(shù)據(jù)可視化圖表REF_Ref8614\w\h[7]。2.1.3JSONJSON是一種以JavaScript為基礎(chǔ)的輕型數(shù)據(jù)交換形式，其文字形式與其他語(yǔ)言無(wú)關(guān)，不管使用哪種開發(fā)語(yǔ)言編寫，JSON都可以用于跨網(wǎng)絡(luò)進(jìn)行數(shù)據(jù)交互和處理數(shù)據(jù)，幾乎每一種編程語(yǔ)言都擁有良好的庫(kù)或者第三方的工具來(lái)為JSON提供API的基礎(chǔ)，所以可以輕松的使用自己所喜愛(ài)的任意一種語(yǔ)言來(lái)實(shí)現(xiàn)JSON的數(shù)據(jù)。JSON格式具有簡(jiǎn)潔和清晰的層次結(jié)構(gòu)，易于開發(fā)人員編寫、閱讀和檢查，也易于機(jī)器解析和生成，傳輸速度快，支持JSON格式的編程語(yǔ)言多，因此JOSN格式正迅速成為Web上最流行的數(shù)據(jù)交換格式之一REF_Ref8917\w\h[8]。2.1.4百度地圖定位百度地圖為開發(fā)人員提供一一系列的百度地圖API，它是一種由JavaScrip語(yǔ)言編寫的應(yīng)用程序接口，可以幫助我們構(gòu)建功能豐富、交互性強(qiáng)的地圖應(yīng)用程序。百度地圖API不僅包含構(gòu)建地圖的基本功能接口，還提供了諸如本地搜索、路線規(guī)劃等數(shù)據(jù)服務(wù)。適用于PC或移動(dòng)設(shè)備端基于瀏覽器的開發(fā)REF_Ref11458\w\h[9]。2.1.5NB-IOT技術(shù)NB-IoT技術(shù)是基于蜂窩的窄帶物聯(lián)網(wǎng)，是IoT領(lǐng)域的一個(gè)新興領(lǐng)域，由于NB-IoT技術(shù)支持低功耗設(shè)備在廣域網(wǎng)的蜂窩數(shù)據(jù)連接，也被叫做叫做低功耗廣域網(wǎng)（LPWAN）。具有廣覆蓋、大連接、低功耗、低成本的優(yōu)勢(shì)，解決了傳統(tǒng)物聯(lián)網(wǎng)存在的技術(shù)碎片化、覆蓋不足的問(wèn)題，極大提升了物聯(lián)網(wǎng)的應(yīng)用能力，獲得了業(yè)內(nèi)的廣泛支持，將成為物聯(lián)網(wǎng)主流技術(shù)REF_Ref12689\w\h[10]。NB-IOT四大主要特點(diǎn)如下表2-1所示。表2-1NB-IOT主要特點(diǎn)廣覆蓋在同樣的頻段下，NB-IOT比現(xiàn)有網(wǎng)絡(luò)增益20dB，覆蓋面積擴(kuò)大100倍海量連接NB-IOT一個(gè)人扇區(qū)能夠支持10萬(wàn)個(gè)連接，支持低延時(shí)敏感度、超低的設(shè)備成本、低設(shè)備功耗和優(yōu)化的網(wǎng)絡(luò)架構(gòu)低功耗NB-IOT終端模塊的待機(jī)時(shí)間可長(zhǎng)達(dá)10年低成本預(yù)期NB-IOT模塊單價(jià)5美元左右2.2系統(tǒng)相關(guān)工具介紹2.2.1intelliJIDEA簡(jiǎn)介IDER全稱IntelliJIDEA，是用于java語(yǔ)言開發(fā)的集成環(huán)境（也可用于其他語(yǔ)言），是公認(rèn)為最好的java開發(fā)工具之一。其特色功能有智能選取、豐富的導(dǎo)航模式、歷史記錄功能、JUnit的完美支持、對(duì)重構(gòu)的優(yōu)越支持、編碼輔助、靈活的排版功能、XML的完美支持、動(dòng)態(tài)語(yǔ)法監(jiān)測(cè)、代碼檢查、對(duì)JSP的完全支持、智能編輯、EJB支持、列邏輯模式、預(yù)置模板、完美的自動(dòng)代碼生成、版本控制完美支持、不使用代碼的檢查、智能代碼、正則表達(dá)式的查詢和替換功能、JavaDoc預(yù)覽支持、程序員意圖支持等REF_Ref13528\w\h[11]。最突出的功能是調(diào)試，可以對(duì)Java代碼、JavaScript、JQuery、Ajax等技術(shù)進(jìn)行調(diào)試。2.2.2微信開發(fā)者小程序介紹微信開發(fā)者工具是微信官方提供的針對(duì)微信小程序的開發(fā)工具，是一種全新的連接用戶與服務(wù)的方式，集成了開發(fā)、調(diào)試、預(yù)覽、上傳等功能，為開發(fā)人員提供了一個(gè)簡(jiǎn)單高效的應(yīng)用開發(fā)框架，并包含了大量的組件及API，極大的方便了開發(fā)者開發(fā)和調(diào)試。視圖層包括.wxml和.wxss文件，其中.wxml文件主要用來(lái)構(gòu)建基礎(chǔ)元素類似于HTML,.wxss文件類似于CSS負(fù)責(zé)頁(yè)面樣式和布局，主要的業(yè)務(wù)邏輯由.js文件來(lái)實(shí)現(xiàn)REF_Ref20988\w\h[12]。2.2.3MySQL簡(jiǎn)介MySQL是一個(gè)真正的多用戶、多線程SQL數(shù)據(jù)庫(kù)服務(wù)器，開發(fā)者為瑞典MySQLAB公司，是世界上最流行的和標(biāo)準(zhǔn)化的數(shù)據(jù)庫(kù)語(yǔ)言，它使得存儲(chǔ)、更新和存取信息更容易。MySQL數(shù)據(jù)庫(kù)是一種開源性數(shù)據(jù)庫(kù)系統(tǒng),其數(shù)據(jù)傳輸速度快,體積小,目前正廣泛應(yīng)用于普通網(wǎng)站、Web數(shù)據(jù)庫(kù)、嵌入式應(yīng)用以及大數(shù)據(jù)等多方互聯(lián)網(wǎng)領(lǐng)域REF_Ref20918\w\h[13]。MySQL軟件運(yùn)用較為廣泛,可同時(shí)運(yùn)行Windows、Linux以及Macos等多個(gè)系統(tǒng)平臺(tái),且能夠保持?jǐn)?shù)據(jù)傳輸、處理以及存儲(chǔ)等基本功能的一致性REF_Ref20918\w\h[14]。MySQL優(yōu)點(diǎn)如下：1、性能快捷、優(yōu)化SQL語(yǔ)言；2、容易使用；3、多線程和可靠性；4、多用戶支持；5、可移植性和開放源代碼；6、遵循國(guó)際標(biāo)準(zhǔn)和國(guó)際化支持；7、為多種編程語(yǔ)言提供API。

第三章系統(tǒng)需求分析在軟件工程中，需求分析是一個(gè)重要的流程，軟件需求分析就是在軟件計(jì)劃期間對(duì)建立的軟件可行性分析求精和細(xì)化，分析各種可能的解法，并且分配給各個(gè)軟件元素。需求分析是軟件定義階段中的最終環(huán)節(jié)，它決定了系統(tǒng)需要做的事情，即要求系統(tǒng)的完整、準(zhǔn)確、清晰和具體。3.1可行性分析在本系統(tǒng)中的可行性分析主要包括以下幾個(gè)方面的內(nèi)容：技術(shù)可行性分析：本系統(tǒng)主要有Web端和微信小程序端，Web端采用Springboot+SpringMvc+MyBatis+Shiro+Thymeleaf技術(shù)開發(fā)，使用JAVA語(yǔ)言編程，Java是一種通用的程序語(yǔ)言，是軟件開發(fā)的重要語(yǔ)言之一，它被廣泛地應(yīng)用于計(jì)算機(jī)軟件的開發(fā)中REF_Ref23074\w\h[15]。前端是基于thymeleaf的HTML和Jquery，簡(jiǎn)單易學(xué)，易上手；小程序端使用微信者開發(fā)工具，系統(tǒng)結(jié)構(gòu)淺顯易懂。后臺(tái)數(shù)據(jù)庫(kù)使用的是MySQL數(shù)據(jù)庫(kù)，通過(guò)Mybatis實(shí)現(xiàn)與后臺(tái)數(shù)據(jù)庫(kù)的訪問(wèn)。2.經(jīng)濟(jì)可行性分析：本系統(tǒng)使用IntelliJIDEA軟件開發(fā)Web端，使用微信者開發(fā)工具開發(fā)小程序，使用NavicatPremium開發(fā)工具存儲(chǔ)數(shù)據(jù)，所使用的開發(fā)軟件免費(fèi)開發(fā)，無(wú)需額外付費(fèi)。3.管理可行性分析：本系統(tǒng)由管理員和一般使用者組成，不同的角色具有各自的權(quán)限，便于不同角色管理。3.2系統(tǒng)功能需求分析3.2.1系統(tǒng)角色用例分析功能模塊需求分析主要設(shè)計(jì)分析需要實(shí)現(xiàn)哪幾個(gè)功能模塊以及該功能模塊能夠提供什么樣的功能REF_Ref24735\w\h[16]。本課題主要研究校園廁所監(jiān)測(cè)以及人數(shù)等待進(jìn)行開發(fā)，下面將對(duì)管理員和普通用戶進(jìn)行簡(jiǎn)單用例介紹：1.管理員：管理員為Web平臺(tái)的使用者，主要可以對(duì)廁所環(huán)境進(jìn)行監(jiān)測(cè)以及廁所等待人數(shù)監(jiān)測(cè)，對(duì)設(shè)備進(jìn)行管理，下發(fā)通知公告，查看普通用戶所反饋的信息；管理員的用例圖如圖3-1所示。圖3-1管理員用例圖2.普通用戶：普通用戶是我們移動(dòng)端主要面向用戶，主要可以查看數(shù)據(jù)展示，通知公告瀏覽，反饋信息，個(gè)人資料瀏覽，普通用戶的用例圖如圖3-2所示。圖3-2普通用戶用例圖3.3非功能需求分析非功能需求指的是，為了滿足客戶的業(yè)務(wù)需求，軟件產(chǎn)品除了功能需求之外，還需要其他一些特性，這直接關(guān)系到產(chǎn)品能否持續(xù)、穩(wěn)定、有效地提供服務(wù)。該平臺(tái)系統(tǒng)的主要面向?qū)ο笫瞧脚_(tái)管理員和普通用戶，用戶人數(shù)眾多，所以在應(yīng)用時(shí)必須滿足下列非功能需求：1.性能需求：性能方面主要是頁(yè)面跳轉(zhuǎn)時(shí)間，精確搜索反饋結(jié)果時(shí)間，本平臺(tái)系統(tǒng)精確搜索反饋結(jié)果時(shí)間主要指數(shù)據(jù)查詢、數(shù)據(jù)圖表顯示以及地圖加載時(shí)間，因此對(duì)網(wǎng)絡(luò)方面有一定要求。2.安全性需求：本系統(tǒng)主要提供給學(xué)校管理員使用，平臺(tái)管理員可查詢每個(gè)操作日志、登錄日志，保障了系統(tǒng)的安全性。3.可維護(hù)性：本系統(tǒng)功能分模塊化開發(fā)，不同模塊對(duì)應(yīng)不同功能，方便后期管理和維護(hù)，減少重復(fù)開發(fā)量。4.易用性：即易學(xué)習(xí)性，易操作性，用戶錯(cuò)誤防御機(jī)制，用戶界面美觀。

第四章系統(tǒng)總體設(shè)計(jì)4.1系統(tǒng)總體架構(gòu)如圖4-1所示，系統(tǒng)由上位機(jī)和下位機(jī)兩部分組成，上位機(jī)包含Web端和微信小程序端。下位機(jī)由STM32單片機(jī)開發(fā)板+NB-IOT傳輸模塊+各種傳感器組成。STM32單片機(jī)對(duì)各個(gè)傳感器的采集模塊進(jìn)行數(shù)據(jù)處理，然后通過(guò)串口將數(shù)據(jù)傳輸給NB-IOT通信模塊，由NB-IOT網(wǎng)絡(luò)將所接收到的數(shù)據(jù)傳送給Socket搭建的即時(shí)通訊服務(wù)器，遠(yuǎn)程服務(wù)器會(huì)自動(dòng)解析并保存該數(shù)據(jù)至阿里云服務(wù)器數(shù)據(jù)庫(kù)中。上位機(jī)Web連接阿里云服務(wù)器獲取下位機(jī)監(jiān)測(cè)的數(shù)據(jù)進(jìn)行處理展示，小程序端通過(guò)API接口調(diào)取Web端數(shù)據(jù)進(jìn)行展示。圖4-1系統(tǒng)架構(gòu)示意圖4.2系統(tǒng)軟件架構(gòu)設(shè)計(jì) 該系統(tǒng)采用了經(jīng)典MVC的設(shè)計(jì)模式如圖4-2，它將整個(gè)的系統(tǒng)分為三層，即Model（數(shù)據(jù)持久層）、View（視圖層）和Controller（業(yè)務(wù)邏輯控制層）三個(gè)層次，也就是將用戶視圖與業(yè)務(wù)處理隔離開，并且通過(guò)控制器連接起來(lái)，從而達(dá)到性能與邏輯的解耦，是一個(gè)標(biāo)準(zhǔn)的軟件分層架構(gòu)REF_Ref29675\w\h[17]。MVC模式的三個(gè)模塊的工作是清晰的，而且是獨(dú)立的。View是一個(gè)界面，它被使用者看見(jiàn)并且可以與它進(jìn)行互動(dòng)，本系統(tǒng)視圖層基于若依框架開發(fā)，使用HTML元素組成界面。業(yè)務(wù)邏輯層是用對(duì)程序進(jìn)行業(yè)務(wù)邏輯處理，以避免界面與數(shù)據(jù)庫(kù)的直接交互，使程序便于維護(hù)、可擴(kuò)展，實(shí)現(xiàn)界面與數(shù)據(jù)持久層的解耦。數(shù)據(jù)持久層用于對(duì)數(shù)據(jù)庫(kù)進(jìn)行操作，并與數(shù)據(jù)庫(kù)進(jìn)行了直接的交互。MVC體系結(jié)構(gòu)是由控制器等待使用者的輸入，由使用者輸入的指令及數(shù)據(jù)庫(kù)傳送至業(yè)務(wù)模型，再由業(yè)務(wù)邏輯判斷和數(shù)據(jù)庫(kù)存取，根據(jù)業(yè)務(wù)邏輯選擇不同的視圖將結(jié)果反饋給用戶。圖4-2MVC架構(gòu)示意圖4.3系統(tǒng)功能模塊設(shè)計(jì)系統(tǒng)有Web端和微信小程序端構(gòu)成，Web端使用對(duì)象為平臺(tái)管理員，微信小程序端使用對(duì)象為普通用戶，即在校學(xué)生或老師等，系統(tǒng)功能模塊圖如圖4-3所示。圖4-3系統(tǒng)功能模塊圖4.3數(shù)據(jù)庫(kù)設(shè)計(jì)數(shù)據(jù)庫(kù)是一個(gè)系統(tǒng)的重要組成部分，本系統(tǒng)的MySQL數(shù)據(jù)庫(kù)是搭建在阿里云遠(yuǎn)程主機(jī)上，用于存儲(chǔ)下位機(jī)監(jiān)測(cè)的數(shù)據(jù)，由上位機(jī)存取數(shù)據(jù)庫(kù)中的數(shù)據(jù)進(jìn)行分析和展示。該系統(tǒng)是對(duì)校園廁所環(huán)境監(jiān)測(cè)以及等待人數(shù)監(jiān)測(cè)，采集的數(shù)據(jù)包括溫度、濕度、煙霧、氨氣以及廁所等待人數(shù)等。4.3.1系統(tǒng)數(shù)據(jù)庫(kù)需求分析本系統(tǒng)各個(gè)功能的實(shí)現(xiàn)都是基于數(shù)據(jù)庫(kù)的增刪查改操作，根據(jù)系統(tǒng)平臺(tái)的要求和需求，設(shè)計(jì)了如下所需的數(shù)據(jù)項(xiàng)和數(shù)據(jù)結(jié)構(gòu)：1、平臺(tái)管理員數(shù)據(jù)實(shí)體：用戶ID、部門ID、登錄賬號(hào)、用戶昵稱、用戶類型、用戶郵箱、手機(jī)號(hào)碼、用戶性別、頭像路徑、登錄密碼、鹽加密、賬號(hào)狀態(tài)、創(chuàng)建時(shí)間。2、普通用戶數(shù)據(jù)實(shí)體：用戶ID、部門ID、登錄賬號(hào)、用戶昵稱、用戶類型、用戶郵箱、手機(jī)號(hào)碼、用戶性別、頭像路徑、登錄密碼、鹽加密、賬號(hào)狀態(tài)、創(chuàng)建時(shí)間。3、部門數(shù)據(jù)實(shí)體：部門ID、部門名稱、聯(lián)系電話、郵箱、部門狀態(tài)、創(chuàng)建者、創(chuàng)建時(shí)間、更新時(shí)間。4、角色數(shù)據(jù)實(shí)體：角色I(xiàn)D、角色名稱、角色狀態(tài)、創(chuàng)建者、創(chuàng)建時(shí)間、更新時(shí)間。5、菜單數(shù)據(jù)實(shí)體：菜單ID、菜單名稱、父菜單ID、請(qǐng)求地址、菜單類型、菜單狀態(tài)、是否刷新、菜單圖標(biāo)、創(chuàng)建者、創(chuàng)建時(shí)間、更新時(shí)間、備注。6、通知公告數(shù)據(jù)實(shí)體：公告ID、公告標(biāo)題、公告類型、公告內(nèi)容、公告狀態(tài)、創(chuàng)建者、創(chuàng)建時(shí)間、更新者、更新時(shí)間。7、監(jiān)測(cè)數(shù)據(jù)實(shí)體：編號(hào)、廁所位置、等待人數(shù)、溫度、濕度、氨氣、煙霧、創(chuàng)建時(shí)間。8、信息反饋數(shù)據(jù)實(shí)體：編號(hào)、姓名、班級(jí)、反饋內(nèi)容、創(chuàng)建時(shí)間。4.3.2數(shù)據(jù)的概念結(jié)構(gòu)設(shè)計(jì)在數(shù)據(jù)庫(kù)的總體設(shè)計(jì)中，概念設(shè)計(jì)是一個(gè)重要的環(huán)節(jié)，在需求分析的基礎(chǔ)上，對(duì)數(shù)據(jù)進(jìn)行分類、組織，確定實(shí)體、實(shí)體屬性、關(guān)聯(lián)類型，形成的E-R圖如圖4-4所示。圖4-4數(shù)據(jù)庫(kù)E-R圖4.3.3數(shù)據(jù)庫(kù)表的設(shè)計(jì)主要數(shù)據(jù)庫(kù)表如下所示：（1）sys_user（用戶信息表），存放用戶信息，如表4-1。表4-1用戶信息表字段name數(shù)據(jù)類型（長(zhǎng)度）主鍵是否可為空描述user_idbigint（20）是否用戶IDdept_idvarchar(20)否否部門IDlogin_namevarchar(30)否否登錄賬號(hào)user_namevarchar(30)否否用戶昵稱user_typevarchar(2)否否用戶類型emailvarchar(50)否否用戶郵箱phonenumbervarchar(11)否否手機(jī)號(hào)碼sexchar（1）否否用戶性別avatarvarchar(100)否否頭像路徑passwordvarchar(50)否否登錄密碼saltvarchar(50)否否鹽加密statuschar（1）否否賬號(hào)狀態(tài)create_timedatetime否否創(chuàng)建時(shí)間（2）sys_dept（部門管理信息表），記錄部門信息，如表4-2。表4-2部門管理信息表字段name數(shù)據(jù)類型（長(zhǎng)度）主鍵是否可為空描述dept_idbigint（20）是否部門IDdept_namevarchar(50)否否部門名稱phonevarchar(11)否否手機(jī)號(hào)碼emailvarchar(50)否否用戶郵箱statuschar（1）否否部門狀態(tài)create_byvarchar(50)否否創(chuàng)建者create_timedatetime否否創(chuàng)建時(shí)間update_timedatetime否否更新時(shí)間（3）sys_role（角色管理信息表）：記錄角色信息，如表4-3。表4-3角色管理信息表字段name數(shù)據(jù)類型（長(zhǎng)度）主鍵是否可為空描述role_idbigint（20）是否角色I(xiàn)Drole_namevarchar(50)否否角色名稱statuschar（1）否否角色狀態(tài)create_byvarchar(50)否否創(chuàng)建者create_timedatetime否否創(chuàng)建時(shí)間update_timedatetime否否更新時(shí)間（4）sys_menu（菜單數(shù)據(jù)表）：存放菜單數(shù)據(jù)，如表4-4。表4-4菜單數(shù)據(jù)表字段name數(shù)據(jù)類型（長(zhǎng)度）主鍵是否可為空描述menu_idbigint（20）是否菜單IDmenu_namevarchar(50)否否菜單名稱parent_idbigint（20）否否父菜單IDurlvarchar(200)否否請(qǐng)求地址menu_typechar（1）否否菜單類型visiblechar（1）否否菜單狀態(tài)is_refreshchar（1）否否是否刷新iconvarchar(100)否否菜單圖標(biāo)create_byvarchar(50)否否創(chuàng)建者create_timedatetime否否創(chuàng)建時(shí)間update_timedatetime否否更新時(shí)間remarkvarchar(500)否否備注（5）sys_notice（公告信息表）：存放平臺(tái)管理員發(fā)布的通知公告，如表4-5。表4-5公告信息表字段name數(shù)據(jù)類型（長(zhǎng)度）主鍵是否可為空描述notice_idbigint（20）是否公告IDnotice_titlevarchar(50)否否公告標(biāo)題notice_typechar（1）否否公告類型notice_contentvarchar(2000)否否公告內(nèi)容statuschar（1）否否公告狀態(tài)create_byvarchar(50)否否創(chuàng)建者create_timedatetime否否創(chuàng)建時(shí)間update_timedatetime否否更新時(shí)間（6）dygetdata（監(jiān)測(cè)數(shù)據(jù)表）：存放下位機(jī)監(jiān)測(cè)的數(shù)據(jù)，如表4-6。表4-6監(jiān)測(cè)數(shù)據(jù)表字段name數(shù)據(jù)類型（長(zhǎng)度）主鍵是否可為空描述idbigint（20）是否編號(hào)positionvarchar(50)否否廁所位置watingvarchar(50)否否等待人數(shù)temperaturevarchar(30)否否溫度humidityvarchar(30)否否濕度NH3varchar(30)否否氨氣smogvarchar(30)否否煙霧create_timedatetime否否創(chuàng)建時(shí)間（7）dymessage（信息反饋表）：存放普通用戶上發(fā)的信息反饋，如表4-7。表4-7信息反饋表字段name數(shù)據(jù)類型（長(zhǎng)度）主鍵是否可為空描述idbigint（20）是否編號(hào)subnamevarchar(50)否否廁所位置subclassroomvarchar(50)否否等待人數(shù)subcontentvarchar(2000)否否溫度create_timedatetime否否創(chuàng)建時(shí)間

第五章系統(tǒng)的主要功能模塊設(shè)計(jì)與實(shí)現(xiàn)5.1Web系統(tǒng)平臺(tái)5.1.1登錄模塊登錄模塊：進(jìn)入登錄界面，用戶輸入username、password、code（驗(yàn)證碼），提交login接口，驗(yàn)證驗(yàn)證碼是否正確，調(diào)用securityapi來(lái)進(jìn)行驗(yàn)證用戶信息，根據(jù)username查詢dygetdata數(shù)據(jù)表，判斷是否用這個(gè)用戶，如果有該用戶，就會(huì)調(diào)用createLoginUser()方法來(lái)返回LoginUser類，LoginUser類查詢出用戶信息，填充在LoginUser中，菜單權(quán)限查詢成功，異步打印日志，更新用戶登錄ip、日期，最后生成token，返回給前端，前端登錄成功，即跳轉(zhuǎn)至平臺(tái)首頁(yè)，登錄流程圖如圖5-1所示，登錄界面效果圖如圖5-2所示。圖5-1登錄流程圖圖5-2登錄界面效果圖圖5.1.2設(shè)備地圖模塊設(shè)備地圖模塊：設(shè)備地圖即為平臺(tái)首頁(yè)，設(shè)備地圖模塊是基于百度地圖JavaScriptAPI開發(fā)，要申請(qǐng)密鑰(ak)才可使用，通過(guò)newBMapGL.Map('container')創(chuàng)建地圖對(duì)象，newBMapGL.Point()創(chuàng)建坐標(biāo)點(diǎn)，newBMapGL.Marker(newBMapGL.Point(111.324383,23.504107))創(chuàng)建指定經(jīng)緯度添加標(biāo)記點(diǎn)，為marker添加點(diǎn)擊事件和提示窗口，點(diǎn)擊該標(biāo)記點(diǎn)顯示該樓的廁所平面圖，主要實(shí)現(xiàn)代碼如下。流程圖如圖5-3所示。圖5-3設(shè)備地圖流程圖設(shè)備地圖效果圖如圖5-4所示。圖5-4設(shè)備地圖效果圖5.1.2設(shè)備數(shù)據(jù)管理模塊數(shù)據(jù)展示數(shù)據(jù)展示主要為對(duì)下位機(jī)獲取的數(shù)據(jù)進(jìn)行展示以及dygetdata表進(jìn)行增刪查改的實(shí)現(xiàn)，數(shù)據(jù)展示效果圖如圖5-5所示。圖5-5設(shè)備數(shù)據(jù)展示效果圖點(diǎn)擊添加。平臺(tái)管理員可根據(jù)需要增加設(shè)備數(shù)據(jù)信息，通過(guò)@RequiresPermissions注解使該頁(yè)面擁有添加的權(quán)限，通過(guò)@GetMapping獲取頁(yè)面添加的信息，保存到dygetdata表中，實(shí)現(xiàn)代碼如下。

流程圖如圖5-6所示。圖5-6設(shè)備數(shù)據(jù)添加流程圖實(shí)現(xiàn)效果圖如圖5-7所示。圖5-7添加設(shè)備數(shù)據(jù)頁(yè)面點(diǎn)擊刪除。平臺(tái)管理員可對(duì)設(shè)備數(shù)據(jù)進(jìn)行刪除，通過(guò)@RequiresPermissions獲取刪除權(quán)限，根據(jù)id進(jìn)行刪除該id的所有數(shù)據(jù)，實(shí)現(xiàn)代碼如下。流程圖如圖5-8所示。圖5-8設(shè)備數(shù)據(jù)刪除流程圖實(shí)現(xiàn)效果圖如圖5-9所示。圖5-9刪除設(shè)備數(shù)據(jù)頁(yè)面點(diǎn)擊搜索。平臺(tái)管理員可通過(guò)廁所名稱、時(shí)間進(jìn)行檢索，通過(guò)@RequiresPermissions獲取權(quán)限，根據(jù)廁所名稱或時(shí)間對(duì)dygetdata數(shù)據(jù)列表進(jìn)行檢索，實(shí)現(xiàn)代碼如下。流程圖如圖5-10所示。圖5-10設(shè)備數(shù)據(jù)搜索流程圖實(shí)現(xiàn)效果圖如圖5-11所示。圖5-11搜索設(shè)備數(shù)據(jù)頁(yè)面

（4）點(diǎn)擊修改。平臺(tái)管理員可對(duì)設(shè)備數(shù)據(jù)信息進(jìn)行修改，通過(guò)@RequiresPermissions獲取修改權(quán)限，根據(jù)id對(duì)dygetdata表進(jìn)行數(shù)據(jù)刪除，實(shí)現(xiàn)代碼如下。流程圖如圖5-12所示。圖5-12設(shè)備數(shù)據(jù)刪除流程圖實(shí)現(xiàn)效果圖如圖5-13所示。圖5-13修改數(shù)據(jù)頁(yè)面數(shù)據(jù)分析數(shù)據(jù)分析主要為數(shù)據(jù)圖表顯示，該系統(tǒng)中采用折線圖的形式對(duì)溫度、濕度進(jìn)行數(shù)據(jù)展示，采用柱狀圖的形式對(duì)氨氣、煙霧進(jìn)行數(shù)據(jù)展示，平臺(tái)管理員可根據(jù)需要移動(dòng)到相應(yīng)的折線圖、柱狀圖進(jìn)行數(shù)據(jù)的詳情展示。后端撰寫DyEchartsController類通過(guò)Controller進(jìn)行@GetMapping("")注釋來(lái)接收?qǐng)D表數(shù)據(jù)信息，前端通過(guò)ajax技術(shù)對(duì)后端數(shù)據(jù)解析并顯示在界面上。折線圖部分代碼如下，數(shù)據(jù)圖表展示效果圖如圖5-14所示。圖5-14數(shù)據(jù)圖表展示5.1.3通知公告模塊平臺(tái)管理員可編輯發(fā)布通知或公告，也可對(duì)發(fā)布的通知公告進(jìn)行修改或刪除，方便普通用戶及時(shí)收到有關(guān)信息，實(shí)現(xiàn)效果圖如圖5-15所示。圖5-15通知公告效果圖（1）添加公告。平臺(tái)管理員可根據(jù)需要添加公告，通過(guò)@RequiresPermissions獲得添加公告權(quán)限，封裝AjaxResult返回?cái)?shù)據(jù)，實(shí)現(xiàn)代碼如下。流程圖如圖5-16所示。圖5-16添加公告流程圖實(shí)現(xiàn)效果圖如圖5-17所示。圖5-17添加公告效果圖修改公告。平臺(tái)管理員可根據(jù)需要修改公告，通過(guò)@RequiresPermissions獲得添加修改權(quán)限，封裝AjaxResult返回?cái)?shù)據(jù)，實(shí)現(xiàn)代碼如下。流程圖如圖5-18所示。圖5-18修改公告流程圖實(shí)現(xiàn)效果圖如圖5-19所示。圖5-19修改公告效果圖刪除公告。平臺(tái)管理員可根據(jù)需要?jiǎng)h除公告，通過(guò)@RequiresPermissions獲得刪除公告權(quán)限，封裝AjaxResult返回?cái)?shù)據(jù)，實(shí)現(xiàn)代碼如下。流程圖如圖5-20所示。圖5-20刪除公告流程圖實(shí)現(xiàn)效果圖如圖5-21所示。圖5-21刪除公告效果圖5.1.4信息反饋模塊查看信息反饋。平臺(tái)管理員可查看由用戶反饋的信息反饋內(nèi)容，通過(guò)@RequiresPermissions獲得查看信息反饋內(nèi)容權(quán)限，使用startPage()方法配合前端完成自動(dòng)分頁(yè)，實(shí)現(xiàn)代碼如下。流程圖如圖5-22所示。圖5-22搜索信息反饋流程圖實(shí)現(xiàn)效果圖如圖5-23所示。圖5-23信息反饋效果圖刪除信息反饋。平臺(tái)管理員可根據(jù)需要對(duì)用戶反饋的信息進(jìn)行刪除，通過(guò)@RequiresPermissions獲得刪除信息反饋內(nèi)容權(quán)限，封裝AjaxResult返回?cái)?shù)據(jù)，實(shí)現(xiàn)代碼如下。流程圖如圖2-24所示。圖5-24刪除信息反饋流程圖實(shí)現(xiàn)效果圖如圖5-25所示。圖5-25刪除信息反饋效果圖5.2微信小程序端微信小程序是一款不需要下載安裝就能使用的軟件用，通過(guò)微信客戶端作為寄生宿主、利用微信提供的基礎(chǔ)能力，實(shí)現(xiàn)了輕量級(jí)的應(yīng)用、達(dá)到了“來(lái)之可用，用完即走”的極致用戶體驗(yàn)REF_Ref20988\w\h[18]。在微信中打開該小程序，底部導(dǎo)航欄有數(shù)據(jù)展示、公告查看、信息反饋、平面地圖以及個(gè)人中心，用戶可根據(jù)導(dǎo)航欄選擇要顯示的界面。5.2.1數(shù)據(jù)展示模塊用戶可通過(guò)搜索廁所名稱，顯示出該廁所監(jiān)測(cè)到的廁所等待人數(shù)、溫度、濕度、氨氣、煙霧以及監(jiān)測(cè)時(shí)間等。用戶輸入廁所名稱，前端通過(guò)wx.request({})發(fā)起HTTPS網(wǎng)絡(luò)請(qǐng)求，后端接收前端傳來(lái)的廁所名稱，后端根據(jù)廁所名稱查詢dygetdata表查詢?cè)搸臄?shù)據(jù)并返回前端，前端頁(yè)面顯示該數(shù)據(jù)，從而實(shí)現(xiàn)通過(guò)模糊查詢廁所名稱獲取后臺(tái)數(shù)據(jù)，若查詢不到數(shù)據(jù)則顯示暫無(wú)搜索內(nèi)容。前端主要實(shí)現(xiàn)代碼如下：后端接口主要實(shí)現(xiàn)代碼如下：圖5-26數(shù)據(jù)展示流程圖數(shù)據(jù)展示效果圖如圖5-27所示。圖5-27數(shù)據(jù)展示效果圖5.2.2公告查看模塊用戶可以查看管理員發(fā)布的通知公告，方便用戶及時(shí)收到信息。通過(guò)Promise函數(shù)封裝wx.request請(qǐng)求數(shù)據(jù)，使用module.exports將noticeList:(params)=>request('system/notice/noticeList','POST',params)、noticeDetail:(params)=>request('system/notice/noticeDetail','POST',params)方法暴露出去使得在其他js文件中使用該方法，首先公告列表前端請(qǐng)求后臺(tái)接口，后臺(tái)接收到請(qǐng)求后查詢相關(guān)數(shù)據(jù)，列表顯示查詢到的公告，點(diǎn)擊所要查看的公告內(nèi)容，公告詳情頁(yè)面接收父頁(yè)面?zhèn)鱽?lái)的參數(shù)noticeId，后臺(tái)通過(guò)noticeId查詢?cè)摴娴膬?nèi)容，wxParse解析數(shù)據(jù)，解析出來(lái)的數(shù)據(jù)將在頁(yè)面上顯示。主要實(shí)現(xiàn)代碼如下。公告列表前端實(shí)現(xiàn)代碼如下：公告列表后端主要實(shí)現(xiàn)代碼如下：公告詳情前端實(shí)現(xiàn)主要代碼如下：公告詳情后端主要實(shí)現(xiàn)代碼：圖5-28公告查看流程圖圖5-29通知公告效果圖圖5-30公告詳情效果圖5.2.3信息反饋模塊用戶可自愿對(duì)該平臺(tái)給出意見(jiàn)或建議，對(duì)廁所的管理或?qū)h(huán)境的不滿意進(jìn)行反饋給管理員，實(shí)現(xiàn)人性化平臺(tái)。前端通過(guò)formSubmit(e)請(qǐng)求用戶輸入的參數(shù)，addMessage(params).then((res)請(qǐng)求接口，@PostMapping處理HTTPPOST請(qǐng)求，@RequestBody接受數(shù)據(jù)，使用parseObject()方法將data解析成JSONObject對(duì)象保存至dymessage數(shù)據(jù)表中，流程圖如圖5-31所示。前端主要實(shí)現(xiàn)代碼如下：后端接口實(shí)現(xiàn)代碼如下：圖5-31信息反饋流程圖信息反饋效果圖如圖5-32所示。圖5-32信息反饋效果圖5.2.4平面圖片模塊平面圖有科技樓平面圖和明理樓平面圖，為了方便用戶尋找每棟樓層廁所位置，科技樓效果圖如圖5-33所示，明理樓效果圖如圖5-34所示。圖5-33科技樓平面圖圖5-34明理樓平面圖5.2.5個(gè)人中心模塊個(gè)人中心顯示該登錄用戶的用戶姓名、用戶學(xué)號(hào)、用戶性別、郵箱、手機(jī)號(hào)碼、用戶狀態(tài)以及微信授權(quán)登錄的個(gè)人頭像及昵稱等個(gè)人信息，微信授權(quán)登錄流程圖如圖5-21所示，wx.getUserInfo為獲取用戶信息的網(wǎng)絡(luò)請(qǐng)求，調(diào)用getUserInfo()接口搭配button讓用戶主動(dòng)授權(quán)獲取頭像昵稱。主要實(shí)現(xiàn)代碼如下：圖5-35微信授權(quán)登錄流程圖圖5-36個(gè)人中心效果圖系統(tǒng)測(cè)試系統(tǒng)測(cè)試是軟件開發(fā)過(guò)程中的最后環(huán)節(jié)，其目地是發(fā)現(xiàn)系統(tǒng)在開發(fā)和設(shè)計(jì)過(guò)程中存在的問(wèn)題和錯(cuò)誤，并對(duì)其進(jìn)行改進(jìn)。6.1系統(tǒng)測(cè)試環(huán)境測(cè)試的環(huán)境信息如下：操作系統(tǒng)：Windows10企業(yè)版LTSC、華為nova7SE處理器：Intel(R)Core(TM)i5-5200UCPU@2.20GHz、HUAWEIKirin820E運(yùn)行內(nèi)存：8G內(nèi)存軟件環(huán)境：MySQL5.7、JDK1.8、Tomcat8開發(fā)工具：IntelliJIDEA2017.1.4、微信開發(fā)者工具、Navicat客戶端瀏覽器：谷歌瀏覽器、Android手機(jī)6.2系統(tǒng)功能測(cè)試功能測(cè)試是對(duì)該系統(tǒng)的各個(gè)功能進(jìn)行測(cè)試和驗(yàn)證，確保該系統(tǒng)正常運(yùn)行。6.2.1Web平臺(tái)功能測(cè)試1.登錄模塊測(cè)試登錄模塊測(cè)試的主要目的是平臺(tái)管理員是否只有輸入正確的賬號(hào)、密碼以及驗(yàn)證碼才可以登錄成功，其測(cè)試用例如下。表6-1登錄模塊測(cè)試用例用例編號(hào)module01測(cè)試目的測(cè)試平臺(tái)管理員是否只有輸入正確的賬號(hào)、密碼以及驗(yàn)證碼才可以登錄成功測(cè)試步驟用戶進(jìn)入登錄界面輸入賬號(hào)、密碼以及驗(yàn)證碼點(diǎn)擊登錄按鈕期望結(jié)果系統(tǒng)顯示系統(tǒng)首頁(yè)實(shí)際結(jié)果系統(tǒng)顯示系統(tǒng)首頁(yè)設(shè)備數(shù)據(jù)管理模塊設(shè)備數(shù)據(jù)管理模塊包括數(shù)據(jù)展示和數(shù)據(jù)分析，數(shù)據(jù)展示測(cè)試的主要目的是平臺(tái)管理員能否對(duì)設(shè)備數(shù)據(jù)進(jìn)行增加、刪除、查詢以及修改等操作，測(cè)試用例如表6-2所示；數(shù)據(jù)分析測(cè)試的主要目的是圖表能否正常展示數(shù)據(jù)信息，測(cè)試用例如表6-3所示。表6-2數(shù)據(jù)展示測(cè)試用例用例編號(hào)module02測(cè)試目的測(cè)試平臺(tái)管理員能否對(duì)設(shè)備數(shù)據(jù)進(jìn)行增加、刪除、查詢以及修改等操作測(cè)試步驟管理員用戶進(jìn)入系統(tǒng)并登陸成功進(jìn)入首頁(yè)點(diǎn)擊設(shè)備數(shù)據(jù)管理展開，點(diǎn)擊數(shù)據(jù)展示輸入廁所名稱或檢索時(shí)間，點(diǎn)擊搜索按鈕，查詢到對(duì)應(yīng)數(shù)據(jù)點(diǎn)擊添加按鈕，跳轉(zhuǎn)至添加界面，輸入添加信息，點(diǎn)擊確定，系統(tǒng)頁(yè)面跳轉(zhuǎn)至數(shù)據(jù)展示頁(yè)面并更新添加內(nèi)容點(diǎn)擊刪除按鈕，彈出系統(tǒng)提示，點(diǎn)擊確認(rèn)，頁(yè)面自動(dòng)刷新并更新數(shù)據(jù)點(diǎn)擊修改按鈕，跳轉(zhuǎn)至修改界面，輸入要修改的內(nèi)容，點(diǎn)擊確定，系統(tǒng)頁(yè)面跳轉(zhuǎn)至數(shù)據(jù)展示頁(yè)面并更新修改內(nèi)容期望結(jié)果平臺(tái)管理員能對(duì)設(shè)備數(shù)據(jù)進(jìn)行增加、刪除、查詢以及修改等操作，并且數(shù)據(jù)庫(kù)隨著管理員的操作要求隨之改變實(shí)際結(jié)果與期望結(jié)果一致表6-3數(shù)據(jù)分析測(cè)試用例用例編號(hào)module03測(cè)試目的測(cè)試圖表能否正常展示數(shù)據(jù)信息測(cè)試步驟管理員用戶進(jìn)入系統(tǒng)并登陸成功進(jìn)入首頁(yè)點(diǎn)擊設(shè)備數(shù)據(jù)管理展開，點(diǎn)擊數(shù)據(jù)分析溫度、濕度折線圖表示，氨氣、煙霧柱狀圖表示查看圖表顯示數(shù)據(jù)與數(shù)據(jù)庫(kù)數(shù)據(jù)是否一致期望結(jié)果圖表能正常展示數(shù)據(jù)信息且與數(shù)據(jù)庫(kù)數(shù)據(jù)一致實(shí)際結(jié)果與期望結(jié)果一致通知公告模塊通知公告模塊測(cè)試的主要目的是測(cè)試平臺(tái)管理員能否發(fā)布、修改、查詢以及刪除通知公告,其測(cè)試用例如表6-4所示。表6-4通知公告測(cè)試用例用例編號(hào)module04測(cè)試目的測(cè)試平臺(tái)管理員能否發(fā)布、修改、查詢以及刪除通知公告測(cè)試步驟管理員用戶進(jìn)入系統(tǒng)并登陸成功進(jìn)入首頁(yè)點(diǎn)擊系統(tǒng)管理展開，點(diǎn)擊通知公告點(diǎn)擊新增按鈕，跳轉(zhuǎn)至添加公告界面，輸入要發(fā)布的信息，點(diǎn)擊確定，系統(tǒng)頁(yè)面跳轉(zhuǎn)至通知公告頁(yè)面并更新添加內(nèi)容點(diǎn)擊修改按鈕，跳轉(zhuǎn)至修改界面，輸入要修改的內(nèi)容，點(diǎn)擊確定，系統(tǒng)頁(yè)面跳轉(zhuǎn)至通知公告頁(yè)面并更新修改內(nèi)容輸入公告標(biāo)題、操作人員或公告類型，點(diǎn)擊搜索按鈕，查詢到對(duì)應(yīng)信息點(diǎn)擊刪除按鈕，彈出系統(tǒng)提示，點(diǎn)擊確認(rèn)，頁(yè)面自動(dòng)刷新并更新信息期望結(jié)果測(cè)試平臺(tái)管理員能發(fā)布、修改、查詢以及刪除通知公告，并且數(shù)據(jù)庫(kù)隨著管理員的操作要求隨之改變實(shí)際結(jié)果與期望結(jié)果一致信息反饋模塊信息反饋模塊是檢測(cè)系統(tǒng)管理員是否能夠正確地瀏覽和刪除用戶的反饋信息。其測(cè)試用例表如表6-5所示。表6-5信息反饋測(cè)試用例用例編號(hào)module05測(cè)試目的測(cè)試平臺(tái)管理員能否正常查看或刪除反饋信息列表測(cè)試步驟管理員用戶進(jìn)入系統(tǒng)并登陸成功進(jìn)入首頁(yè)點(diǎn)擊信息反饋，跳轉(zhuǎn)至信息反饋?lái)?yè)面輸入姓名或班級(jí)，點(diǎn)擊搜索，查詢到對(duì)應(yīng)信息點(diǎn)擊刪除按鈕，彈出系統(tǒng)提示，點(diǎn)擊確認(rèn)，頁(yè)面自動(dòng)刷新并更新信息期望結(jié)果測(cè)試平臺(tái)管理員能正常查看或刪除反饋信息列表實(shí)際結(jié)果測(cè)試平臺(tái)管理員能正常查看或刪除反饋信息列表6.2.2微信小程序功能測(cè)試1.數(shù)據(jù)展示模塊數(shù)據(jù)展示模塊主要測(cè)試用戶通過(guò)搜索廁所名稱能否展示數(shù)據(jù)，其廁所用例如表6-6所示。表6-6數(shù)據(jù)展示測(cè)試用例用例編號(hào)module06測(cè)試目的測(cè)試用戶通過(guò)搜索廁所名稱能否展示數(shù)據(jù)測(cè)試步驟用戶微信授權(quán)登錄，進(jìn)入小程序首頁(yè)輸入廁所名稱，點(diǎn)擊搜索，頁(yè)面數(shù)據(jù)更新期望結(jié)果測(cè)試用戶通過(guò)搜索廁所名稱能展示數(shù)據(jù)實(shí)際結(jié)果測(cè)試用戶通過(guò)搜索廁所名稱能展示數(shù)據(jù)公告查看模塊公告查看模塊主要測(cè)試用戶能否查看平臺(tái)管理員發(fā)布的通知公告內(nèi)容，其測(cè)試用例如表6-7所示。表6-7公告查看測(cè)試用例用例編號(hào)module07測(cè)試目的測(cè)試用戶能否查看平臺(tái)管理員發(fā)布的通知公告內(nèi)容測(cè)試步驟用戶微信授權(quán)登錄，進(jìn)入小程序首頁(yè)點(diǎn)擊公告查看，跳轉(zhuǎn)至公告查看頁(yè)面點(diǎn)擊要查看的公告，顯示該公告內(nèi)容期望結(jié)果測(cè)試用戶能查看平臺(tái)管理員發(fā)布的通知公告內(nèi)容實(shí)際結(jié)果測(cè)試用戶能查看平臺(tái)管理員發(fā)布的通知公告內(nèi)容信息反饋模塊信息反饋模塊主要測(cè)試用戶能否正常提交反饋內(nèi)容，其測(cè)試用例如表6-8所示。表6-8信息反饋測(cè)試用例用例編號(hào)module08測(cè)試目的測(cè)試用戶能否正常提交反饋內(nèi)容測(cè)試步驟用戶微信授權(quán)登錄，進(jìn)入小程序首頁(yè)點(diǎn)擊信息反饋，跳轉(zhuǎn)至信息反饋?lái)?yè)面輸入姓名、班級(jí)以及反饋內(nèi)容，點(diǎn)擊提交期望結(jié)果測(cè)試用戶能正常提交反饋內(nèi)容實(shí)際結(jié)果測(cè)試用戶能正常提交反饋內(nèi)容平面地圖模塊平面地圖模塊主要測(cè)試能否正常顯示平面圖，包括科技樓平面圖和明理樓平面圖其測(cè)試用例如表6-9所示。表6-9信息反饋測(cè)試用例用例編號(hào)module09測(cè)試目的測(cè)試能否正常顯示平面圖測(cè)試步驟用戶微信授權(quán)登