學生管理員通知管理學生管理員通知管理密碼ID姓名班級請假、查看信息內(nèi)容ID類型標題nnn性別發(fā)布時間用戶名密碼n城市假條日期m審核教師管理用戶名密碼1mn1健康卡原因基本信息日期n圖5-3系統(tǒng)E-R圖本文使用MySQL數(shù)據(jù)庫系統(tǒng)作為疫情防控系統(tǒng)，主要是考慮到系統(tǒng)可移植性、系統(tǒng)性能、系統(tǒng)穩(wěn)定性、系統(tǒng)功能、系統(tǒng)規(guī)模等等。使用者在操作該系統(tǒng)時需要填寫賬號、密碼等基本信息才可以進入以該系統(tǒng)中，例表5-1所示。表5-1用戶表字段名數(shù)據(jù)類型長度字段含義是否主鍵是否外鍵usersexVARCHAR5用戶性別userpwdVARCHAR20用戶密碼usernameVARCHAR20用戶賬戶名typeINTEGER11角色id是useridINTEGER11用戶ID是usersexVARCHAR5用戶性別classVARCHAR20所在班級createdtimeDATETIME20創(chuàng)建日期updatedtimeDATETIME20更新日期表5-2是健康卡基本屬性表，學生通過填寫健康卡表進行健康填報，教師端根據(jù)學校要求對學生健康表進行審核，并備注審核意見，具體詳情見表5-2。表5-2健康卡表字段名數(shù)據(jù)類型長度字段含義是否主鍵是否外鍵tempVARCHAR5用戶體溫usernameVARCHAR20用戶賬戶名ideaVARCHAR50審核意見是useridINTEGER11用戶ID是tempVARCHAR5用戶體溫classVARCHAR20所在班級createdtimeDATETIME20提交日期answer1VARCHAR5是否接觸危險人員answer2VARCHAR5是否出過學校answer3VARCHAR5是否感冒癥狀answer4VARCHAR5是否口罩充足answer5VARCHAR5是否做過核酸Answer6VARCHAR5是否有其他癥狀表5-3是通知匹配表，包括有三個字段，此表的目的是為了實現(xiàn)分類通知以及消息的匹配發(fā)送。通知可以分為全員消息和老師通知，老師通知只有老師才能收到相應的消息，在全員消息中，老師和學生都可以收到對應的消息。表5-3通知匹配表字段名數(shù)據(jù)類型長度字段含義是否主鍵是否外鍵idINTEGER10序列號useridINTEGER10用戶ID是messageidINTEGER10通知ID是表5-4為通知表，該通知表能夠?qū)⑼ㄖ男畔蚀_記錄，比如通知的內(nèi)容、通知的標題、可以看到的人員類型、通知的發(fā)布者、以及通知發(fā)布的日期等。表5-4通知表字段名數(shù)據(jù)類型長度字段含義是否主鍵是否外鍵contentVARCHAR200通知內(nèi)容titleVARCHAR20通知標題idINTEGER10ID號是typeINTEGER11角色ID是publisherVARCHAR10發(fā)布者dateDATETIME20發(fā)布日期表5-5是請假表，該請假表能夠?qū)W生的請假信息詳細記錄，比如請假開始時間、請假結束時間、請假事由、請假班級、學生手機號、學生姓名。填寫完畢后由教師對學生的請假進行審批，提高疫情期間學校請假批假的效率。表5-5請假表字段名數(shù)據(jù)類型長度字段含義是否主鍵是否外鍵idVARCHAR5序列號userphoneVARCHAR20用戶電話usernameVARCHAR20用戶賬戶名typeINTEGER11角色id是useridINTEGER11用戶ID是reasonVARCHAR100請假理由classVARCHAR20所在班級begintimeDATETIME20開始日期endtimeDATETIME20結束日期passVARCHAR20是否通過ideaVARCHAR100審核意見5.4學生界面各模塊的實現(xiàn)當學生對網(wǎng)站首頁進行訪問時，能夠給學生一個比較清晰、簡潔的畫面。學生登錄系統(tǒng)中，可以清楚看到該網(wǎng)頁的基本信息，各大功能模塊放在了側導航欄，清晰直觀，便于操作。學生登錄系統(tǒng)后，可以按照學生設計的需求功能均得到實現(xiàn)，包括學生用戶的登錄、修改學生用戶的個人信息、進行請假的發(fā)起、健康信息填報等。圖5-4健康卡-疫情防控系統(tǒng)學生請假展示圖具體實現(xiàn)如下所示，首先學生填寫健康信息表包括集中基本信息。router.post("/add",auth,(req,resp)=>{//學生申請請假TbLeaveDao.insert({//錄入的信息...req.bodyclasses:req.user.classes,//學生班級name:,//學生姓名userId:req.user.id//學生編號}).then(()=>{resp.send(R.ok())}).catch(err=>{resp.send(R.fail(err.message))})})然后根據(jù)請假審核接口提交審核。router.post("/update",auth,(req,resp)=>{//請假審核接口TbLeaveDao.update(req.body).then(()=>{resp.send(R.ok())}).catch(err=>{resp.send(R.fail(err.message))})})如下圖所示是學生健康卡填寫的截面圖。學生填寫基本的健康卡信息然后提交給教師端進行審核。圖5-5健康卡-疫情防控系統(tǒng)學生健康卡展示圖具體實現(xiàn)如下所示，首先學生進行健康卡的填寫，然后由接口提交給教師端。router.post("/add",auth,function(req,resp){//學生錄入健康卡TbHealthDao.existByUserIdToday(req.user.id).then(exist=>{if(!exist){TbHealthDao.insert({//錄入的信息...req.body//用戶信息user:req.user}).then(()=>{resp.send(R.ok())}).catch(err=>{resp.send(R.fail(err.message))})}else{resp.send(R.fail("你今天已經(jīng)填過健康卡了!"))}})})圖5-6健康卡-疫情防控系統(tǒng)學生個人信息展示圖具體實現(xiàn)如下所示,首先用get方法獲取用戶的基本信息，根據(jù)用戶角色，獲取用戶的身份，在通過前后端的數(shù)據(jù)交互，將用戶的基本信息展示在頁面上。router.get('/info',auth,function(req,resp){//獲取用戶信息let{user}=req;letroles=[];switch(user.type){case0:roles.push('學生')break;case1:roles.push('教師')break;case2:roles.push('管理員')break;}resp.send(R.ok({avatar:"/f778734338c-e4f8-4843470-b63434-56703b4acafe.gif",name:,roles}))})5.5教師界面各功能模塊的實現(xiàn)假如老師對該系統(tǒng)網(wǎng)頁進行訪問時，除了可以瀏覽疫情防控系統(tǒng)中所有用戶的信息，查看學校管理員發(fā)送的通知外，還能使用注銷功能，可以在系統(tǒng)中給請假學生的假條進行審批，對學生的健康信息進行審批。具體的界面展示和實現(xiàn)如下所示。圖5-7健康卡-疫情防控系統(tǒng)教師審核請假展示圖教師通過請假端口并使用對應的方法獲取所有學生的請假信息并進行審核。router.get("/list/user",auth,(req,resp)=>{//查看學生的所有請假條TbLeaveDao.listByUserId(req.user.id).then(res=>{resp.send(R.ok(res))})})router.get('/list/classes',auth,(req,resp)=>{//教師查看班級的所有請假條TbLeaveDao.listByClasses(req.user.classes).then(res=>{resp.send(R.ok(res))})})教師審核學生健康卡的實現(xiàn)方式與審核請假的方式類似。具體界面及實現(xiàn)如下。圖5-8健康卡-疫情防控系統(tǒng)教師審核健康卡展示圖首先通過get方法獲取學生的健康卡列表，顯示在對應的前端頁面中。//獲取學生的健康卡列表router.get('/list/user',auth,function(req,resp){TbHealthDao.listByUserId(req.user.id).then(res=>{resp.send(R.ok(res))})})然后教師端通過post方法接收到對應學生提交過后的健康卡信息，對學生的健康卡列表進行審核。//教師審核健康卡內(nèi)容router.post("/update",auth,function(req,resp){TbHealthDao.update(req.body).then(()=>{resp.send(R.ok())}).catch(err=>{resp.send(R.fail(err.message))})})5.6管理員界面各功能模塊的實現(xiàn)該疫情防控系統(tǒng)中的管理員界面，通知、老師、學生等管理工作受到管理員全權負責，在該界面中，管理員可以擁有發(fā)布通知、修改通知的功能。具體的界面和實現(xiàn)方式如下圖所示。圖5-9健康卡-疫情防控系統(tǒng)管理員管理通知展示圖router.post("/add",(req,resp)=>{//添加通知TbMessageDao.insert(req.body).then((res)=>{TbMessageUserDao.update(res.insertId,req.body.users);resp.send(R.ok())}).catch(err=>{resp.send(R.fail(err.message))})})router.post("/update",(req,resp)=>{//修改通知TbMessageDao.update(req.body).then(()=>TbMessageUserDao.update(req.body.id,req.body.users);resp.send(R.ok())}).catch(err=>{resp.send(R.fail(err.message))})})通過通知的ID控制管理員將通知發(fā)送給老師還是包括老師與學生的所有成員，實現(xiàn)方式如下。router.get('/userid/:messageId',(req,resp)=>{//通過通知的ID獲取發(fā)送到哪些用戶idTbMessageUserDao.listByMessageId(req.params.messageId).then(res=>{letresult=[]res.forEach(item=>{result.push(item.userId)})resp.send(R.ok(result))})})在該界面中，管理員可以通過該界面對老師和學生的基本信息進行刪除或增加的操作。圖5-10健康卡-疫情防控系統(tǒng)管理員管理師生展示圖6、系統(tǒng)測試6.1測試概述在設計完成之后，需要對其進行反復測試，能夠使設計系統(tǒng)的錯誤以及bug明顯減少，能夠使有效的測試系統(tǒng)的穩(wěn)定性。在對設計系統(tǒng)進行測試時，需要參考項目設計時的相關要求，對相關功能進行一對一進行檢測，從而能夠有效的增加測試的準確性。為了讓系統(tǒng)能夠可靠準確的運行，系統(tǒng)測試過程中需要找到需要改進的地方和檢出出系統(tǒng)在運行過程中的不足。整個系統(tǒng)是否能準確的運行，系統(tǒng)測試是非常重要的。測試的三個方面為驗證測試、組裝測試和模塊測試。測試整個系統(tǒng)程序的正確性要進行模塊測試，程序接口可以通過組裝測試驗證是否準確，最后系統(tǒng)軟件測試的關鍵在利用驗證測試檢驗系統(tǒng)軟件是否滿足用戶的需求和使用性能。系統(tǒng)會檢測到很多的問題，我們就會在不斷調(diào)試的過程中找到出現(xiàn)問題的具體地方，對問題進行改正。防疫系統(tǒng)的測試應根據(jù)總體的需求規(guī)范，并將連接組件涵蓋于系統(tǒng)中為了保證系統(tǒng)符合需求規(guī)格，需要進行一系列測試在整個系統(tǒng)中，應在與要求不一致或矛盾的區(qū)域進行進一步修改。。6.2可用性測試通常開發(fā)完系統(tǒng)后，會測試整個系統(tǒng)的功能性是否完好，測試通過后，就可以確定每個功能在系統(tǒng)運行過程中能夠很好的完成任務，保證系統(tǒng)運行正常。為了再次保證我們所設計的功能在系統(tǒng)用完成，就需要在系統(tǒng)中逐一驗證。為了讓檢驗系統(tǒng)達到我們的預期，可以在對每一項功能進行測試的過程中用到一些測試用例，可用性的測試也會比較全面。數(shù)據(jù)驅(qū)動測試或者黑盒測試也被稱之為功能測試，我們測試系統(tǒng)過程中不必考慮整個代碼的結構而將著重點放在每一個獨立功能上。通常情況下，我們最開始測試的是每一個小功能，比如我們會測試以下疫情防控系統(tǒng)的功能是否可用：（1）學生端登錄：學生登錄系統(tǒng)后，其使用功能均按照學生的需求來設計的，包括在界面上進行用戶登錄、修改學生用戶的個人信息、進行請銷假的發(fā)起、健康信息的填報以及查看歷史請假記錄以及歷史健康信息記錄等。所有功能均滿足學生用戶需求，則測試通過。（2）教師端登錄：除了可以瀏覽疫情防控系統(tǒng)中所有用戶的信息，查看學校管理員發(fā)送的通知外，還能使用注銷功能，可以在系統(tǒng)中給請假學生的假條進行審批，審核學生的健康信息。教師端用戶需求，先有的功能全部滿足，測試也就通過。（3）管理員端登錄：管理員登錄后，可以在管理界面中瀏覽用戶的基本信息，對系統(tǒng)中的用戶進行管理包括刪除修改增加，還可以在管理界面發(fā)布和修改通知。這些需求完全符合管理員身份的設定，也能滿足學生的使用需求，這個系統(tǒng)也就測試通過。表6-1測試用例用例名稱測試用例預期結果測試結果學生請假學生在請假時，可以填寫請假流程，寫完之后直接提交教師可以在自己的用戶端看到并審核與預期結果一致學生瀏覽使學校通知可以查看，使用戶信息得以瀏覽瀏覽、查看學校通知很正常，不會出現(xiàn)錯誤與預期結果一致學生健康卡填寫學生在健康卡填寫功能中填寫相關信息，提交發(fā)起審核。提交后的健康卡信息顯示在教師端，教師端可以對健康卡信息進行審核與預期結果一致教師審核審核學生提交的請假信息與健康卡信息審核后的結果返回給相應的學生端與預期結果一致教師查看通知查看學校發(fā)送給所有人員、教師的通知能夠正常查看與預期結果一致管理員添加刪除修改學生老師添加和刪除學生和教師用戶以及查看他們的信息可以正常查看、修改、刪除與添加與預期結果一致登錄登錄成功顯示對應角色的頁面能夠正常顯示與預期結果一致管理員發(fā)布修改通知可以發(fā)布通知和修改相應的通知能夠正常的操作流程，能夠查看到對應的通知。與預期結果一致6.3兼容性測試系統(tǒng)能不能在各種平臺以及不同的環(huán)境下正常運行，進行兼容性的測試是至關重要的，將系統(tǒng)放在各種瀏覽器和操作系統(tǒng)的不同環(huán)境中進行兼容性測試，若一個B/S系統(tǒng)兼容性在大多數(shù)的主瀏覽器中不能通過，這個系統(tǒng)的穩(wěn)定運行能力相對來說也很差。在開發(fā)防控疫情系統(tǒng)的過程中，商業(yè)因素就不太需要考慮在內(nèi)，但是如果想要系統(tǒng)在未來的運行過程中更穩(wěn)定，可以在通過兼容性測試后考慮這些商業(yè)因素。因此，能否決定系統(tǒng)在市場上穩(wěn)定運行，最有用的辦法就是檢測系統(tǒng)的兼容性。6.4系統(tǒng)測試結果總結為了保證系統(tǒng)的使用結果，需要簡單測試系統(tǒng)中可能有的功能錯誤模塊。在經(jīng)過測試完成后，系統(tǒng)基本上不會出現(xiàn)太多的錯誤，但是也可能會出現(xiàn)其他誤差。即使在測試過程中，沒有出現(xiàn)功能錯誤模塊，也需要去完善很多不好的功能。所以，在今后的系統(tǒng)測試中，為了使系統(tǒng)在很大程度上保證準確，就要在測試系統(tǒng)過程中注意細節(jié)。7、結論以及展望7.1總結在確定疫情防控系統(tǒng)這個選題后，本人大量查找和審閱了相關資料，最后決定在進行開發(fā)疫情防控系統(tǒng)時采用web技術。如果想簡單容易的構建web網(wǎng)站，可以選擇目前流行的框架express，然后結合網(wǎng)站的動態(tài)進行使用，這樣使開發(fā)者在構建網(wǎng)站時非常容易上手。由于對express框架的知識有限，只有一些簡單的基本知識和業(yè)務邏輯，不知道如何構建和部署框架，這使得在開發(fā)疫情防控系統(tǒng)過程中遇到了很多的困難，為了克服這些困難，我進行了更深更全面的學習，積極關注新的技術和知識，不斷的積累經(jīng)驗，將學到的知識和實踐結合，出現(xiàn)自己無法解決的問題就會先去查閱相關資料并向經(jīng)驗豐富的前輩和知識淵博的老師們請教，自己的開發(fā)水平也逐漸提高，同時在構建疫情防控系統(tǒng)上也運用了JWT認證技術與Vue.js前端框架，寫系統(tǒng)頁面代碼時可修改性強、易懂、直觀。總之，通過自己的不斷努力學習和積累經(jīng)驗，疫情防控系統(tǒng)的開發(fā)也就越來越順利。7.2展望本文分析了H5疫情防控系統(tǒng)的4個方面：最終的項目設計、技術學習、需求分析、研究與設計實現(xiàn)，這四個方面雖然已經(jīng)使系統(tǒng)的基本功能較全面，但是經(jīng)過測試過系統(tǒng)之后，依然存在著很多的問題：不完善的系統(tǒng)功能，邏輯不嚴謹?shù)墓δ苣K，以及使用功能不能完全體現(xiàn)。經(jīng)過這幾月對前端開發(fā)進行了大量的學習，本人收益良多，對編程的開發(fā)思想有了更深的理解。最重要的是在學習編程的過程中，充分認識到學習的重要性，同時也需要時刻告誡自己，學習需要一步步打好基礎，需要有耐心花費時間投入到不斷的學習中。由于本人知識面不足和時間有限，目前的疫情防控系統(tǒng)的功能不完善，在今后的學習工作中，會將理論緊密結合實際，繼續(xù)讓這個系統(tǒng)的功能變得更加全面，讓用戶的體驗感變得更好，也能夠為我們的疫情防工作變得更加便利。參考文獻[1]劉星航,何永超,蔣先進,等.新冠肺炎疫情管理信息系統(tǒng)的應急開發(fā)與應用[J].中國衛(wèi)生信息管理雜志,2021,18(2):199-202+213.[2]徐秀芳,夏旻,徐森,等.基于Django的校園疫情防控系統(tǒng)設計與實現(xiàn)[J].軟件導刊,2021,20(2):24-30.[3]王建強,左雅靜.智能溫度信息采集系統(tǒng)在高校疫情防控中的設計與應用[J].裝備制造技術,2020(12):113-115.[4]汪莉,周雪梅,李玲秀,等.疫情防控期間人工智能試卷命題與分析系統(tǒng)的研發(fā)與應用[J].中醫(yī)教育,2020,39(6):8-10.[5]周全興,李秋賢.基于微信小程序的疫情健康監(jiān)測系統(tǒng)設計與實現(xiàn)[J].現(xiàn)代信息科技,2020,4(22):110-112.[6]顧軍,鈕新顏.人工智能時代教育系統(tǒng)疫情防控技術的智慧實踐[J].中國教育信息化,2020(21):43-47.[7]詹曉蕓,黃持瑩,王斌,等.新型5G紅外熱成像測溫系統(tǒng)設計與實現(xiàn)[J].電子測試,2020(19):24-26.[8]王明省,林鴻,何華貴,等.基于時空云平臺的COVID-19防疫輔助系統(tǒng)設計與實現(xiàn)——以廣州市為例[J].測繪通報,2020(S1):198-204.[9]尹積棟,謝茶花,曾炎,等.基于大數(shù)據(jù)技術的疫情防控對策研究——以吉安市新冠肺炎疫情防控為例[J].中小企業(yè)管理與科技(上旬刊),2020(08):111-112.[10]陳旭.疫情防控體系下視頻會商系統(tǒng)的建設[J].無線互聯(lián)科技,2020,17(13):87-90.[11]曾可,張鋒,由麗孿,等.智能預分檢電子通行證系統(tǒng)助力醫(yī)院新型冠狀病毒肺炎疫情防控[J].醫(yī)學信息學雜志,2020,41(06):15-19.[12]陸李萍,張超,富小飛,等.基于大數(shù)據(jù)的醫(yī)療機構新冠肺炎防控應對與思考[J].中國數(shù)字醫(yī)學,2020,15(6):21-24.[13]蘇皖,譚挺,王曉東,等.面向新冠疫情的網(wǎng)格化智能篩查系統(tǒng)設計與研究[J].中國數(shù)字醫(yī)學,2020,15(06):2-5.[14]雷霆,王孟軒.基于NLP的新冠肺炎疫情研判系統(tǒng)設計與實現(xiàn)[J].電信快報,2020(06):21-25.[15]陳郁欣.基于Ap