《基于微信小程序的校園疫情防控信息平臺設計與實現》8700字（論文）

PAGE5基于微信小程序的校園疫情防控信息平臺設計與實現目錄摘要 II1引言 41.1研究背景 41.2研究意義 41.3國內外研究現狀 41.3.1國外研究現狀 41.3.2國內研究現狀 51.4論文組織結構 52開發技術分析 72.1微信小程序 72.1.1設計基礎架構 72.1.2客戶端框架 72.1.3文件結構 82.2軟件環境 82.3技術選擇 92.3.1微信小程序前端 92.3.2后臺管理端與服務器端 93系統設計 103.1系統簡介 103.2系統總體架構 103.3系統需求分析 103.3.1功能需求 103.3.2性能需求 113.4數據庫設計 113.4.1用戶信息數據表設計 123.4.2返校登記信息數據表設計 123.4.3打卡記錄信息數據表設計 133.5系統功能模塊設計 133.5.1用戶登錄模塊設計 133.5.2信息提交模塊設計 143.5.3疫情實時信息服務模塊設計 144系統實現 164.1系統后端服務實現 164.1.1后端服務類 164.2系統功能實現 174.2.1微信小程序客戶端功能實現 174.2.2管理端功能實現 205結論與展望 23參考文獻 25摘要學校師生數量眾多，且來自于國內各個地區，不同地區的疫情形勢也大不相同。無論是校方在進行學生日常健康信息監管又或是處理師生返校信息時，高校大多采用第三方軟件，這些傳統的收集方式不僅會增加工作負擔，而且經常會出現信息錯誤、數據滯后、等一系列問題，為學生與教職工的日常生活都帶來了極大的不便。考慮到當前多變的疫情形勢，高校急需一套校園疫情防控系統，實現健康信息填報、返校登記、疫情實時查看、返校信息管理等功能，為校園疫情管理提供便利。本文設計并實現了一套基于微信小程序的校園疫情防空服務平臺，該系統主要實現目標為：（1）用戶在微信小程序客戶端填寫健康信息，實現健康信息每日提交；（2）用戶返校前在微信小程序客戶端進行返校登記；（3）后臺管理員實現打卡信息管理和返校等級信息管理；（4）實時更新國內疫情情況，起到一定的警示作用。此系統的開發不僅可以實現學生與教職工每日健康信息提交，增加了返校登記功能，用戶填寫后將獲得系統即時反饋的疫情處理信息，方便用戶返校后安排后續相關行程。同時，管理員也可以對相關用戶的個人信息和返校登記信息進行管理為校園疫情防控提供便利。關鍵詞：微信小程序；校園生活平臺；疫情防控引言研究背景微信小程序可簡稱為小程序（MiniProgram），是移動端微信平臺能夠直接使用的應用，相比手機APP更加便捷高效，有著體積小、無需安裝等優點。開發者利用微信小程序MNIA框架和微信小程序組件及對應樣式表，就能快速地開發出微信小程序產品。搭載微信平臺本身就具有的大流量，微信小程序依附社交軟件而發展的優勢是與生俱來的。微信小程序由前端顯示和后端管理兩個部分組成。微信小程序已成為一個可供大眾開發的程序，不需要投入太多的時間成本和人力成本，為廣大用戶提供更便捷的功能，維護成本也比較低。研究意義新冠疫情極大地改變了全國人民的日常生活。學校作為一個特殊場所，兼具巨大的人員數量和人流量，在疫情防控中面臨著更大的挑戰。“全封閉管理”的校園疫情防控舉措固然在某種程度上會扼制病毒的傳播，但是更多地是，這項措施不僅不利于師生的日常生活需求，并且會對師生產生一些心理上的負面影響。尤其是一些需要多加實踐的專業的學生，需要經常外出參與實習見習，經常地進出校園無法避免。此時，傳統的校園監測辦法的局限性體現出來，急需一套全新的、智能化的校園疫情服務平臺解決這些問題。微信小程序因其無需安裝且使用便捷的優點迎合了校園疫情服務平臺的需求。校園疫情服務平臺包括為微信小程序前端和服務器后端。微信小程序前端主要實現用戶登錄、個人信息修改、健康信息提交、返校登記和疫情信息實時查看等功能;后臺管理端主要實現管理員對用戶信息、打卡信息、學生教職工返校信息的管理。基于微信小程序的校園疫情服務平臺的研究不僅進一步探索微信小程序在各個領域的應用，也將對高校師生的進出校園信息化管理，為師生返校復學、校園人員流動以及全體師生身體健康提供重要保障。國內外研究現狀國外研究現狀在國外，多地已開始使用現有的科技手段以信息化方式為全民健康保駕護航。美國加州曾推出一款APP，不僅可以全天候實時監測血壓記錄，并且可以監測睡眠呼吸狀態，經進行信息化處理的結果，可以給專家針對性治療提供參考ADDINEN.CITE<EndNote><Cite><Author>Chen</Author><Year>2021</Year><RecNum>1</RecNum><DisplayText><styleface="superscript">[1]</style></DisplayText><record><rec-number>1</rec-number><foreign-keys><keyapp="EN"db-id="wewtx0px55pat0eppryptxs7freax0tattvs"timestamp="1648466128"guid="8ec3f222-92be-4beb-9f93-8a4e63293fd0">1</key></foreign-keys><ref-typename="JournalArticle">17</ref-type><contributors><authors><author>ShufenChen</author></authors></contributors><auth-address>HenanNormalUniversity</auth-address><titles><title>TheInfluenceofTeacherAudioFeedbackviaWeChatMiniProgramSharedakaonChineseCollegeStudents’EnglishSpeakingAbility%JTheoryandPracticeinLanguageStudies</title></titles><volume>11</volume><number>12</number><keywords><keyword>teacheraudiofeedback</keyword><keyword>daka</keyword><keyword>WeChatMiniProgramSharedaka</keyword><keyword>ChineseCollegeStudents</keyword><keyword>Englishspeakingability</keyword></keywords><dates><year>2021</year></dates><isbn>1799-2591</isbn><urls></urls><remote-database-provider>Cnki</remote-database-provider></record></Cite></EndNote>[1]。ZEO公司開發出一款期望解決睡眠問題的APP，這款產品不僅通過腦波監測跟蹤睡眠不同階段所用時間來改善睡眠質量，還將獲取的睡眠數據經過分析后，評估用戶的睡眠質量，進而為用戶提供一些優化睡眠習慣的建議ADDINEN.CITE<EndNote><Cite><Author>Pang</Author><Year>2020</Year><RecNum>16</RecNum><DisplayText><styleface="superscript">[2]</style></DisplayText><record><rec-number>16</rec-number><foreign-keys><keyapp="EN"db-id="wewtx0px55pat0eppryptxs7freax0tattvs"timestamp="1648533689"guid="448de64c-4642-4cce-94c6-0af8fd952c43">16</key></foreign-keys><ref-typename="JournalArticle">17</ref-type><contributors><authors><author>BingyaoPang</author><author>JiangqinWu</author></authors></contributors><auth-address>ZhejiangUniversity,Hangzhou,China;;ZhejiangUniversity,Hangzhou,China</auth-address><titles><title>ChineseCalligraphyCharacterImageRecognitionandItsApplicationsinWebandWechatAppletPlatform</title><secondary-title>DigitalLibrariesin2020</secondary-title></titles><periodical><full-title>DigitalLibrariesin2020</full-title></periodical><keywords><keyword>5S</keyword><keyword>AI</keyword><keyword>HCI</keyword><keyword>NLP</keyword><keyword>Adaptiveself-organization</keyword><keyword>Licklider</keyword><keyword>Procognitive</keyword><keyword>Scenarios</keyword><keyword>Societies</keyword><keyword>Spaces</keyword><keyword>Streams</keyword><keyword>Structures</keyword></keywords><dates><year>2020</year></dates><urls></urls><remote-database-provider>Cnki</remote-database-provider></record></Cite></EndNote>[2]。ESB有著很明顯的劣勢，不靈活的集成部署包括高額的成本，致使其在輕量級企業應用服務的應用已經不再符合當下趨勢。與此同時，微服務的概念吸引了開發者的注意。微服務作為一種開發軟件的架構和組織方法，不僅繼承了面向服務架構設計的基本原則，同時不再會因ESB的復雜性、瓶頸等缺點而面臨風險，更加適用于敏捷開發ADDINEN.CITE<EndNote><Cite><Author>張宇</Author><Year>2018</Year><RecNum>22</RecNum><DisplayText><styleface="superscript">[3]</style></DisplayText><record><rec-number>22</rec-number><foreign-keys><keyapp="EN"db-id="wewtx0px55pat0eppryptxs7freax0tattvs"timestamp="1650169749"guid="eb97f4ea-3497-4ecd-8c66-ebeb05d30f83">22</key></foreign-keys><ref-typename="Thesis">32</ref-type><contributors><authors><author>張宇</author></authors><tertiary-authors><author>張仲楠,</author></tertiary-authors></contributors><titles><title>基于微服務架構的企業在線培訓平臺的設計與實現</title></titles><keywords><keyword>在線培訓</keyword><keyword>分布式系統</keyword><keyword>微服務架構</keyword></keywords><dates><year>2018</year></dates><publisher>廈門大學</publisher><work-type>碩士</work-type><urls></urls><remote-database-provider>Cnki</remote-database-provider></record></Cite></EndNote>[3]。國內研究現狀當下，微信已成為國內最重要的社交工具之一，依附其而誕生的微信小程序的應用不僅涉及到日常的衣食住行等方面，更涉及到許多個性化服務。微信小程序與圖書館的結合不僅改進了圖書館的服務，同時也提升了用戶體驗，為圖書和人員管理提供了新的管理渠道和管理策略ADDINEN.CITE<EndNote><Cite><Author>王天泥</Author><Year>2016</Year><RecNum>45</RecNum><DisplayText><styleface="superscript">[4]</style></DisplayText><record><rec-number>45</rec-number><foreign-keys><keyapp="EN"db-id="wewtx0px55pat0eppryptxs7freax0tattvs"timestamp="1650805292"guid="1e6dd6cf-f2f5-412c-a799-3211b060f6f4">45</key></foreign-keys><ref-typename="JournalArticle">17</ref-type><contributors><authors><author>王天泥</author></authors></contributors><auth-address>遼寧省圖書館;</auth-address><titles><title>當圖書館遇上微信小程序</title><secondary-title>圖書與情報</secondary-title></titles><periodical><full-title>圖書與情報</full-title></periodical><pages>83-86</pages><number>06</number><keywords><keyword>圖書館</keyword><keyword>微信小程序</keyword><keyword>APP</keyword><keyword>讀者服務</keyword></keywords><dates><year>2016</year></dates><isbn>1003-6938</isbn><call-num>62-1026/G2</call-num><urls></urls><remote-database-provider>Cnki</remote-database-provider></record></Cite></EndNote>[4]。不僅如此，微信小程序所開發的圖書館排架游戲也為圖書館的日常培訓工作帶來諸多樂趣ADDINEN.CITE<EndNote><Cite><Author>朱玉強</Author><Year>2017</Year><RecNum>44</RecNum><DisplayText><styleface="superscript">[5]</style></DisplayText><record><rec-number>44</rec-number><foreign-keys><keyapp="EN"db-id="wewtx0px55pat0eppryptxs7freax0tattvs"timestamp="1650805292"guid="7d9f8e07-494c-401c-a5f2-302b2ddd456a">44</key></foreign-keys><ref-typename="JournalArticle">17</ref-type><contributors><authors><author>朱玉強</author></authors></contributors><auth-address>山東師范大學圖書館;</auth-address><titles><title>微信小程序在圖書館移動服務中的應用實踐——以排架游戲為例</title><secondary-title>圖書館論壇</secondary-title></titles><periodical><full-title>圖書館論壇</full-title></periodical><pages>132-138</pages><volume>37</volume><number>07</number><keywords><keyword>微信小程序</keyword><keyword>圖書館移動服務</keyword><keyword>排架游戲</keyword></keywords><dates><year>2017</year></dates><isbn>1002-1167</isbn><call-num>44-1306/G2</call-num><urls><related-urls><url>/kcms/detail/44.1306.G2.20170306.1027.002.html</url></related-urls></urls><remote-database-provider>Cnki</remote-database-provider></record></Cite></EndNote>[5]。疫情不僅使得企業停工，學校也隨之停課。諸多類似于釘釘、騰訊課堂的線上學習APP應運而生，然而更多的線上學習APP也帶來了內存問題及資源浪費問題。微信小程序以其輕量級的特點，搭建的線上學習平臺在獲取方式、使用成本、使用難度等多方面都顯得更加便利ADDINEN.CITE<EndNote><Cite><Author>王玉洋</Author><Year>2018</Year><RecNum>40</RecNum><DisplayText><styleface="superscript">[6]</style></DisplayText><record><rec-number>40</rec-number><foreign-keys><keyapp="EN"db-id="wewtx0px55pat0eppryptxs7freax0tattvs"timestamp="1650805292"guid="696674a0-0f1f-4b85-afcb-921301bc37c6">40</key></foreign-keys><ref-typename="Thesis">32</ref-type><contributors><authors><author>王玉洋</author></authors><tertiary-authors><author>王自強,</author></tertiary-authors></contributors><titles><title>基于微信小程序的移動學習平臺環境構建與系統設計開發</title></titles><keywords><keyword>微信小程序</keyword><keyword>移動學習</keyword><keyword>移動學習平臺</keyword></keywords><dates><year>2018</year></dates><publisher>南京大學</publisher><work-type>碩士</work-type><urls></urls><remote-database-provider>Cnki</remote-database-provider></record></Cite></EndNote>[6]。基于微信小程序的醫療設備管理系統為醫院醫療設備管理者提供了更加方便、可靠的管理手段，適應了現代化的醫療設備管理需要ADDINEN.CITE<EndNote><Cite><Author>查曉俊</Author><Year>2018</Year><RecNum>41</RecNum><DisplayText><styleface="superscript">[7]</style></DisplayText><record><rec-number>41</rec-number><foreign-keys><keyapp="EN"db-id="wewtx0px55pat0eppryptxs7freax0tattvs"timestamp="1650805292"guid="54e17ebf-7ad6-4818-bc3a-5c863fe9f426">41</key></foreign-keys><ref-typename="JournalArticle">17</ref-type><contributors><authors><author>查曉俊</author><author>成剛</author><author>楊玉志</author></authors></contributors><auth-address>南京鼓樓醫院臨床醫學工程處;</auth-address><titles><title>基于微信小程序的醫療設備管理系統設計與實現</title><secondary-title>中國醫療設備</secondary-title></titles><periodical><full-title>中國醫療設備</full-title></periodical><pages>125-129</pages><volume>33</volume><number>05</number><keywords><keyword>醫療設備管理系統</keyword><keyword>微信小程序</keyword><keyword>移動平臺</keyword><keyword>Web前端開發</keyword></keywords><dates><year>2018</year></dates><isbn>1674-1633</isbn><call-num>11-5655/R</call-num><urls></urls><remote-database-provider>Cnki</remote-database-provider></record></Cite></EndNote>[7]。作為獲取信息的重要途徑，傳統媒體已逐漸演變為網絡媒體，一些門戶網站和各類如微博平臺的APP越發火爆。基于微信小程序的個人電臺，并非是像其他自媒體一樣，更多的是一個展現自己的平臺ADDINEN.CITE<EndNote><Cite><Author>金瑩</Author><Year>2017</Year><RecNum>43</RecNum><DisplayText><styleface="superscript">[8]</style></DisplayText><record><rec-number>43</rec-number><foreign-keys><keyapp="EN"db-id="wewtx0px55pat0eppryptxs7freax0tattvs"timestamp="1650805292"guid="4f9e216b-3968-4d39-89ea-56d481b91d75">43</key></foreign-keys><ref-typename="Thesis">32</ref-type><contributors><authors><author>金瑩</author></authors><tertiary-authors><author>張曉旭,</author></tertiary-authors></contributors><titles><title>基于微信小程序的個人電臺系統的設計與實現</title></titles><keywords><keyword>個人電臺</keyword><keyword>C/S</keyword><keyword>WAMP</keyword><keyword>MySQL</keyword><keyword>微信小程序</keyword></keywords><dates><year>2017</year></dates><publisher>吉林大學</publisher><work-type>碩士</work-type><urls></urls><remote-database-provider>Cnki</remote-database-provider></record></Cite></EndNote>[8]。信息技術的發展，用戶消費方式也發生了變化，線上消費已成為主流的消費模式基于微信小程序的網上購物系統滿足了消費者方便快捷的需求，應用更加廣泛ADDINEN.CITE<EndNote><Cite><Author>程子珍</Author><Year>2018</Year><RecNum>39</RecNum><DisplayText><styleface="superscript">[9]</style></DisplayText><record><rec-number>39</rec-number><foreign-keys><keyapp="EN"db-id="wewtx0px55pat0eppryptxs7freax0tattvs"timestamp="1650805292"guid="c9bde91d-8dd7-477c-aa38-a1b343d7fd11">39</key></foreign-keys><ref-typename="Thesis">32</ref-type><contributors><authors><author>程子珍</author></authors><tertiary-authors><author>牛東來,</author></tertiary-authors></contributors><titles><title>基于微信小程序的網上購物系統的設計與實現</title></titles><keywords><keyword>微信小程序</keyword><keyword>購物系統</keyword><keyword>O2O</keyword></keywords><dates><year>2018</year></dates><publisher>首都經濟貿易大學</publisher><work-type>碩士</work-type><urls></urls><remote-database-provider>Cnki</remote-database-provider></record></Cite></EndNote>[9]。在餐飲行業，微信小程序將點餐、結賬的流程從線下搬運到線上，使顧客能夠體驗到更加個性化、更加便捷的服務ADDINEN.CITE<EndNote><Cite><Author>李昊</Author><Year>2020</Year><RecNum>38</RecNum><DisplayText><styleface="superscript">[10]</style></DisplayText><record><rec-number>38</rec-number><foreign-keys><keyapp="EN"db-id="wewtx0px55pat0eppryptxs7freax0tattvs"timestamp="1650805292"guid="d952a6eb-dfbf-404a-9db8-0e1fb16249cb">38</key></foreign-keys><ref-typename="Thesis">32</ref-type><contributors><authors><author>李昊</author></authors><tertiary-authors><author>李濤,</author></tertiary-authors></contributors><titles><title>基于微信小程序的智能推薦點餐系統的設計與實現</title></titles><keywords><keyword>點餐</keyword><keyword>微信小程序</keyword><keyword>推薦系統</keyword><keyword>協同過濾</keyword><keyword>關聯法則</keyword></keywords><dates><year>2020</year></dates><publisher>南京郵電大學</publisher><work-type>碩士</work-type><urls></urls><electronic-resource-num>10.27251/ki.gnjdc.2020.000283</electronic-resource-num><remote-database-provider>Cnki</remote-database-provider></record></Cite></EndNote>[10]。微信小程序正在以其特有的諸多優勢，進一步開拓在日常生活、醫療健康等諸多領域更加廣闊的應用。論文組織結構第一部分是引言，主要介紹基于微信小程序的校園疫情防控平臺的研究背景與研究意義，同時經過查閱文獻，總結了國外使用APP監測人體健康的應用和國內微信小程序在人們日常生活諸多領域中的應用。第二部分是開發技術分析，該部分引出了微服務的概念，介紹了微信小程序的設計基礎架構、客戶端框架和文件結構。同時介紹了本系統所用到的軟件環境和技術選擇。技術選擇詳細介紹例如MVVM模式、Vue.js框架、Axios技術。第三部分是系統設計，首先介紹了系統總體架構以及相關的系統需求，然后詳細說明了數據庫設計的原則和系統的主要數據表，最后介紹系統相關具體功能模塊設計。第四部分是系統實現，詳細說明系統后端服務類，并用相關截圖展示系統。最后是對論文的總結，指出了本文的一些不足，并對未來系統的進一步完善做出展望。

開發技術分析微信小程序微服務架構最工程師先由MartinFowler提出，微服務提倡將系統應用劃分成多個服務，每個服務可以各自獨立運行，開發出的每一個獨立的服務就是微服務ADDINEN.CITE<EndNote><Cite><Author>劉從軍</Author><Year>2019</Year><RecNum>48</RecNum><DisplayText><styleface="superscript">[11]</style></DisplayText><record><rec-number>48</rec-number><foreign-keys><keyapp="EN"db-id="wewtx0px55pat0eppryptxs7freax0tattvs"timestamp="1650805581">48</key></foreign-keys><ref-typename="JournalArticle">17</ref-type><contributors><authors><author>劉從軍</author><author>劉毅</author></authors></contributors><auth-address>江蘇科技大學計算機學院;江蘇科大匯峰科技有限公司;</auth-address><titles><title>基于微服務的維修資金管理系統</title><secondary-title>計算機系統應用</secondary-title></titles><periodical><full-title>計算機系統應用</full-title></periodical><pages>52-60</pages><volume>28</volume><number>04</number><keywords><keyword>微服務架構</keyword><keyword>SpringCloud</keyword><keyword>維修資金管理</keyword></keywords><dates><year>2019</year></dates><isbn>1003-3254</isbn><call-num>11-2854/TP</call-num><urls></urls><electronic-resource-num>10.15888/ki.csa.006843</electronic-resource-num><remote-database-provider>Cnki</remote-database-provider></record></Cite></EndNote>[11]。微信小程序是一種無需下載的、區別于NativeAPP的另外一種形式，用戶無需擔心手機內存空間的問題，微信小程序將無處不在、隨處可用、但又無需安裝卸載ADDINEN.CITE<EndNote><Cite><Author>劉紅衛</Author><Year>2016</Year><RecNum>49</RecNum><DisplayText><styleface="superscript">[12]</style></DisplayText><record><rec-number>49</rec-number><foreign-keys><keyapp="EN"db-id="wewtx0px55pat0eppryptxs7freax0tattvs"timestamp="1650805581">49</key></foreign-keys><ref-typename="JournalArticle">17</ref-type><contributors><authors><author>劉紅衛</author></authors></contributors><auth-address>泰達圖書館檔案館;</auth-address><titles><title>微信小程序應用探析</title><secondary-title>無線互聯科技</secondary-title></titles><periodical><full-title>無線互聯科技</full-title></periodical><pages>11-12+40</pages><number>23</number><keywords><keyword>微信</keyword><keyword>小程序</keyword><keyword>移動應用</keyword><keyword>輕型應用</keyword></keywords><dates><year>2016</year></dates><isbn>1672-6944</isbn><call-num>32-1675/TN</call-num><urls></urls><remote-database-provider>Cnki</remote-database-provider></record></Cite></EndNote>[12]。設計基礎架構微信小程序依附于微信平臺，采用傳統的C/S架構實現數據安全高效的傳輸。如REF_Ref101715098\r\h圖2-1，微信小程序利用動態語言算法，減去了安裝客戶端APP的限制，由MINA框架完成數據加載和數據同步ADDINEN.CITE<EndNote><Cite><Author>李哲</Author><Year>2019</Year><RecNum>47</RecNum><DisplayText><styleface="superscript">[13]</style></DisplayText><record><rec-number>47</rec-number><foreign-keys><keyapp="EN"db-id="wewtx0px55pat0eppryptxs7freax0tattvs"timestamp="1650805581">47</key></foreign-keys><ref-typename="JournalArticle">17</ref-type><contributors><authors><author>李哲</author><author>周靈</author></authors></contributors><auth-address>佛山科學技術學院;</auth-address><titles><title>微信小程序的架構與開發淺析</title><secondary-title>福建電腦</secondary-title></titles><periodical><full-title>福建電腦</full-title></periodical><pages>66-69</pages><volume>35</volume><number>12</number><keywords><keyword>微信小程序</keyword><keyword>MINA框架</keyword><keyword>JavaScript技術</keyword><keyword>WXML技術</keyword><keyword>WXSS技術</keyword></keywords><dates><year>2019</year></dates><isbn>1673-2782</isbn><call-num>35-1115/TP</call-num><urls></urls><electronic-resource-num>10.16707/ki.fjpc.2019.12.024</electronic-resource-num><remote-database-provider>Cnki</remote-database-provider></record></Cite></EndNote>[13]。微信小程序網絡架構客戶端框架微信小程序應用MINA框架進行開發。如REF_Ref101715354\r\h圖2-2所示，微信小程序開發框架分為邏輯層和視圖層，邏輯層與視圖層之間的數據交換依賴MINA框架實現。邏輯層采用Javascript語言，視圖層使用WXML語言編寫。微信小程序開發框架文件結構app.js、app.json、app.wxss共同組成微信小程序主體。如REF_Ref101715834\r\h圖2-3所示，app.json負責公共配置問題；app.js是小程序代碼邏輯主體；app.wxss負責每個頁面中各組件的樣式。微信小程序文件結構軟件環境校園疫情服務平臺包括到微信小程序前端開發、服務端開發、管理端開發。在服務器端，本服務平臺使用tomcat提供服務器服務。服務端與管理端均采用java語言，使用idea工具開發。微信小程序前端使用微信官方的微信開發者工具進行開發。技術選擇微信小程序前端微信小程序前端使用JS、WXML、JSON、JSON幾種語言進行開發。（1）JS語言即JavaScript。JavaScript是一種基于對象的解釋性腳本語言，無需預編譯便可直接由瀏覽器解析，使用方法較為簡單。（2）WXML語言類似于HTML語言，它包括一系列將諸多組件連接為一個邏輯整體的標簽。（3）WXSS語言類似于CSS語言，是一種為結構化文檔添加樣式的計算機語言ADDINEN.CITE<EndNote><Cite><Author>熊磊</Author><Year>2012</Year><RecNum>51</RecNum><DisplayText><styleface="superscript">[14]</style></DisplayText><record><rec-number>51</rec-number><foreign-keys><keyapp="EN"db-id="wewtx0px55pat0eppryptxs7freax0tattvs"timestamp="1650805714">51</key></foreign-keys><ref-typename="Thesis">32</ref-type><contributors><authors><author>熊磊</author></authors><tertiary-authors><author>王知衍,</author></tertiary-authors></contributors><titles><title>基于云存儲的WebOS瀏覽器的研究和實現</title></titles><keywords><keyword>WebOS</keyword><keyword>瀏覽器</keyword><keyword>QtWebkit</keyword><keyword>云存儲</keyword></keywords><dates><year>2012</year></dates><publisher>華南理工大學</publisher><work-type>碩士</work-type><urls></urls><remote-database-provider>Cnki</remote-database-provider></record></Cite></EndNote>[14]，用來修飾網頁。（4）JSON語言是當前頁面的配置代碼。后臺管理端校園疫情服務平臺后臺管理端的開發基于前后端分離的設計。前后端分離的模式使開發過程更加靈活，提高了代碼的復用率。（1）MVVM框架：前端部分使用HTML、Javascript、CSS語言三大核心技術。Web前端部分引入MVVM框架實現展示邏輯與業務邏輯相分離ADDINEN.CITE<EndNote><Cite><Author>王志任</Author><Year>2018</Year><RecNum>50</RecNum><DisplayText><styleface="superscript">[15]</style></DisplayText><record><rec-number>50</rec-number><foreign-keys><keyapp="EN"db-id="wewtx0px55pat0eppryptxs7freax0tattvs"timestamp="1650805714">50</key></foreign-keys><ref-typename="Thesis">32</ref-type><contributors><authors><author>王志任</author></authors><tertiary-authors><author>周延周,</author><author>楊虹宇,</author></tertiary-authors></contributors><titles><title>基于Vue.js的開發平臺的設計與實現</title></titles><keywords><keyword>前后端分離</keyword><keyword>MVVM模式</keyword><keyword>Vue.js框架</keyword><keyword>iview</keyword><keyword>Webpack</keyword><keyword>Axios</keyword></keywords><dates><year>2018</year></dates><publisher>廣東工業大學</publisher><work-type>碩士</work-type><urls></urls><remote-database-provider>Cnki</remote-database-provider></record></Cite></EndNote>[15]。選用當前比較流行的Vue.js框架，Vue.js因采用自底向上的增量開發設計，相比于其他的前端框架而言，屬于輕量級框架，分離視圖和模型，提高了視圖和邏輯的可重用性ADDINEN.CITE<EndNote><Cite><Author>仰燕蘭</Author><Year>2011</Year><RecNum>25</RecNum><DisplayText><styleface="superscript">[16]</style></DisplayText><record><rec-number>25</rec-number><foreign-keys><keyapp="EN"db-id="wewtx0px55pat0eppryptxs7freax0tattvs"timestamp="1650169749"guid="46669ab3-46e5-48ef-a5c2-df93abea7bdf">25</key></foreign-keys><ref-typename="JournalArticle">17</ref-type><contributors><authors><author>仰燕蘭</author><author>金曉雪</author><author>葉樺</author></authors></contributors><auth-address>東南大學自動化學院;東南大學復雜工程系統測量與控制教育部重點實驗室;</auth-address><titles><title>ASP.NETAJAX框架研究及其在Web開發中的應用</title><secondary-title>計算機應用與軟件</secondary-title></titles><periodical><full-title>計算機應用與軟件</full-title></periodical><pages>195-198</pages><volume>28</volume><number>06</number><keywords><keyword>AJAX</keyword><keyword>ASP.NETAJAX</keyword><keyword>遠程定位監控系統</keyword><keyword>異步局部更新</keyword><keyword>定時刷新</keyword></keywords><dates><year>2011</year></dates><isbn>1000-386X</isbn><call-num>31-1260/TP</call-num><urls></urls><remote-database-provider>Cnki</remote-database-provider></record></Cite></EndNote>[16]。與原生JavaScript相比，Vue.JS只需關注視圖層數據，不需要復雜的DOM操作，并支持多種第三方庫，方便項目集成，從而節省開發時間和成本ADDINEN.CITE<EndNote><Cite><Author>李娟</Author><Year>2020</Year><RecNum>19</RecNum><DisplayText><styleface="superscript">[17]</style></DisplayText><record><rec-number>19</rec-number><foreign-keys><keyapp="EN"db-id="wewtx0px55pat0eppryptxs7freax0tattvs"timestamp="1650169749"guid="da405428-ce8b-46ba-b4f6-f49010561817">19</key></foreign-keys><ref-typename="Thesis">32</ref-type><contributors><authors><author>李娟</author></authors><tertiary-authors><author>張貴軍,</author></tertiary-authors></contributors><titles><title>基于VueJS的景區管理系統設計與開發</title></titles><keywords><keyword>景區管理</keyword><keyword>視頻監控</keyword><keyword>票務管理</keyword><keyword>VueJS</keyword><keyword>WebRTC</keyword></keywords><dates><year>2020</year></dates><publisher>浙江工業大學</publisher><work-type>碩士</work-type><urls></urls><electronic-resource-num>10.27463/ki.gzgyu.2020.000033</electronic-resource-num><remote-database-provider>Cnki</remote-database-provider></record></Cite></EndNote>[17]。（2）AXios技術：Axios技術是對Ajax進行封裝后，實現網頁異步請求，即網頁局部數據刷新它可以自動轉換請求和響應數據、JSON數據，在項目開發中越來越常用。

系統設計系統簡介基于微信小程序的校園疫情防控服務平臺包括微信小程序前端和Web管理端。微信小程序主要實現以下功能：（1）用戶填寫相關個人信息。（2）用戶填寫健康打卡信息。（3）用戶提前進行返校登記按照系統給出反饋規劃后續行程。（4）用戶可查看國內實時疫情地圖，了解疫情局勢。Web管理端主要實現的功能有：管理員管理用戶信息。管理員管理打卡具體內容和具體打卡記錄.（3）管理員管理學生與教職工返校登記信息。（4）管理員與用戶的消息溝通。系統總體架構校園疫情服務平臺的開發基于前后端分離的設計。后端負責業務邏輯，前端負責UI交互設計。在這種模式下，開發過程更為靈活，前端與后端的代碼耦合將大大減少，后端提供業務之間的邏輯接口，前端只需調用后端提供的接口，頁面加載速度也會提升。本系統主要包含3個服務，分別是用戶信息服務、返校登記信息服務、疫情實時信息服務。系統需求分析功能需求傳統的個人信息收集方式已不再適應當下復雜多變的疫情形勢。本文研究在于實現一款基于微信小程序的校園疫情服務平臺，為學生和教職工日常生活和校園疫情管理提供便利。因此，在功能需求主要考慮用戶方面（包含教職工、學生）和管理員兩方面。（1）用戶層面健康打卡：用戶在平臺實現健康打卡，首先要綁定個人信息，學生需要提前輸入包括姓名、性別、班級、學號在內等；教職工需要輸入姓名、性別、學院、聯系方式以及家庭住址等。此外關乎用戶身體健康的因素有許多，例如體溫、居住地附近疫情形勢等，科學合理設置打卡內容以便對用戶的日常健康做出最精準的判斷。返校登記：無論是寒暑假，又或是日常節假日返校，學校為保證校內疫情防控形勢的平穩，避免引起師生恐慌，需要返校的教職工及學生提前進行返校登記，并即時給出反饋，判斷其是否符合返校規定以及返校后的相關安排，方便用戶合理安排行程。返校登記的內容需包括出發城市、出發時體溫、返校交通方式等，學生需填寫宿舍。教職工還需填寫返校后詳細居住地址，方便進行后續行程信息的查看。疫情實時信息：在微信小程序前端以地圖形式展示全國各地區實時疫情信息，起到一定的警示作用的同時，也方便教職工與學生安排出行。（2）管理員層面用戶管理：對用戶的信息和權限進行管理，可以批量導出用戶。創建不同權限的用戶，必要時可為各專業負責人或各班級負責人創建管理員賬號，方便層次管理。返校登記管理：管理學生和教職工提交的返校登記信息，修改相關數據信息，也可以批量導出時間段內的返校人員，方便應對復雜多變的疫情形勢。打卡信息管理：根據當下醫學上的最新研究癥狀修改健康打卡的內容，對用戶的打卡內容進行實時監測。消息管理：用戶未打卡，可以發送個人消息進行提醒性能需求（1）可靠性：校園人數眾多，并發訪問時能夠穩定的運行是實現相關功能的前提。系統應當保障平臺能夠平穩運行，提高用戶的使用體驗（2）交互性：充分考慮到管理員與用戶之間的頻繁交互需求，交互設計可以對平臺實際體驗效果起到促進作用（3）兼容性：系統可兼容不同操作系統的移動設備及瀏覽器。數據庫設計數據庫是系統實現最重要的部分，數據庫中存儲數據的安全性直接關系到系統能否穩定運行。MySQL數據庫體積小，由標準的語法規范，因此本文實現的校園疫情服務平臺采用MySQL數據庫，使用navicat建立若干數據表，數據表之間通過外鍵相關聯，設計數據庫時，要考慮到數據庫的相關設計原則及四大屬性。但是值得注意的是，數據表中外鍵的數量不宜過多，外鍵的維護成本較高，而且會增加數據庫的壓力。本數據庫相關數據表主要包含用戶信息數據表、返校登記信息數據表和打卡記錄表。用戶信息數據表設計系統面向的人群主要為用戶（包括學生和教職工）和管理員，用戶信息表包括分別是管理員信息表和用戶信息表。用戶使用微信小程序登錄后，除都需要填寫姓名、聯系方式等基本信息，學生須填寫學院、宿舍等；教職工還需填寫詳細的居住地址。這些個人信息保存在mall_user表中，具體字段名如表REF_Ref101006249\r\h表3-1所示。用戶信息表字段名數據類型主鍵/允許空字段含義idint(11)PRIMARYKEYopenidvarchar(255)NULL微信openidnicknamevarchar(255)NULL昵稱avatar_urlvarchar(255)NULL頭像genderchar(1)NULL性別real_namevarchar(50)NULL姓名mobilevarchar(50)NULL手機號碼login_namevarchar(255)NULL登錄名passwordvarchar(255)NULL密碼stu_idvarchar(50)NULL學號school_namevarchar(100)NULL學校/班級create_timedatetimeNULL創建時間管理員信息表包含用戶名、密碼、聯系方式、創建者ID和創建時間,具體字段名如REF_Ref101007269\r\h表3-2所示管理員信息表字段名數據類型主鍵/允許空字段含義user_idbigint(20)PRIMARYKEYusernamevarchar(50)PRIMARYKEY用戶名passwordvarchar(100)NULL密碼emailvarchar(100)NULL郵箱mobilevarchar(100)NULL手機號statustinyint(4)NULL狀態create_user_idbigint(20)NULL創建者IDcreate_timedatetimeNULL創建時間返校登記信息數據表設計返校登記信息數據表表包含返校登記信息表、打卡記錄表。返校登記信息表（REF_Ref101007672\r\h表3-3）中有兩種角色，包括學生以及教職工。主要存儲學生和教職工的學院、居住地、體溫等數據，通過stu_id學號關聯其它表。返校登記信息表字段名數據類型主鍵/允許空字段含義idint(11)PRIMARYKEYfrom_cityvarchar(50)NULL出發城市campusvarchar(50)NULL校區school_namevarchar(50)NULL學院tempvarchar(50)NULL體溫namevarchar(50)NULL姓名stu_idvarchar(50)NULL學號sexvarchar(50)NULL性別agevarchar(50)NULL年齡timevarchar(50)NULL時間identityvarchar(50)NULL身份addressvarchar(50)NULL居住地址resultvarchar(50)NULL判定結果打卡記錄信息數據表設計打卡記錄表（REF_Ref101007726\r\h表3-4）存儲用戶每天在微信小程序提交的健康信息，包括體溫、是否咳嗽、是否處于隔離等，通過user_id與其他表關聯。打卡記錄表字段名數據類型主鍵/允許空字段含義idint(11)PRIMARYKEYuser_idint(11)NULL用戶answervarchar(255)NULL打卡內容create_timedatetimeNULL創建時間系統功能模塊設計用戶登錄模塊設計（1）微信小程序端登錄用戶注冊后輸入用戶名及密碼登錄微信小程序，進入個人信息頁面填寫姓名、學號、班級等相關信息提交。（2）Web管理端登錄如REF_Ref101008257\r\h圖3-4所示，輸入相應的賬號和密碼，成功登錄則跳轉至相應的界面，同時生成登錄記錄，若登錄失敗，則返回“您的用戶名或者密碼不正確”錯誤，重新登錄。登錄流程圖信息提交模塊設計REF_Ref101008306\r\h圖3-6是返校登記流程圖流程圖。用戶在假期返校前和請假外出的返校時，填寫出發城市等相關信息，其中教職工不僅需要填寫學院等，還需要填寫居住地址等詳細信息，系統會根據疫情實時情況根據用戶出發城市以及體溫給出正常、隔離等相關判定，用戶在微信小程序客戶端填寫時可即時獲取結果。返校登記疫情實時信息服務模塊設計REF_Ref101008339\r\h圖3-7是全國疫情信息查看圖。將國家衛健委中心的數據實時獲取后存入數據庫中，然后進行地圖展示。疫情查看

系統實現系統后端服務實現后端服務類后端的每個服務都對應一個單獨的項目。每個項目中設有控制層、業務邏輯層、數據對象層、數據持久層，各個層次下面對應著不同的JAVA類，負責不同的職責。控制層用于接收用戶的請求，調用業務邏輯層處理參數。數據對象層將相應數據庫表中的字段一一生成類的成員變量，使業務邏輯層處理參數更加方便。控制層調用業務邏輯層，對參數進行相關處理，然后交給數據持久層。數據持久層通過相應懂得配置找到對應的持久層映射文件執行SQL語句，和數據庫交互，將交互的結果返回給業務邏輯層。業務邏輯層接收到數據對象層返回的結果后，對結果進行行相應處理，再返回給控制層，控制層將結果返回給前端。用戶模塊后端服務類層次類控制層DataController業務邏輯層LoginServerImplIdentityServiceImpl數據對象層LoginModelIdentityModel數據持久層LoginMapperIdentityMapper數據持久層映射文件Login.xmlIdentity.xml學生信息模塊后端服務類層次類控制層DataController業務邏輯層StudentInfoSerImplTempServiceImplCampusServiceImpl數據對象層StudentInfoModelTempModelCampusModel數據持久層StudentInfoMapperTempMapper數據持久層映射文件StudentInfo.xmlTemp.xmlCampus.xml疫情實時信息模塊后端服務類層次類控制層DataController業務邏輯層EpidemicServiceImpl數據對象層EpidemicServiceModel數據持久層EpidemicServiceMapper數據持久層映射文件EpidemicService.xml系統功能實現微信小程序客戶端功能實現（1）微信小程序注冊如REF_Ref101008672\r\h圖4-2所示，點擊注冊按鈕，進入注冊頁面，輸入用戶名、密碼等相關信息點擊注冊，即可成為系統用戶。微信小程序注冊（2）微信小程序登錄如REF