《基于微信小程序的校园疫情防控信息平台设计与实现》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