高校宿舍管理系統(tǒng)設計和實現(xiàn)

內容摘要本系統(tǒng)設計成果是高校宿舍管理系統(tǒng)，參考多家高校的宿舍管理系統(tǒng)，為了管理人員和學生可以更加的順暢的參與當前系統(tǒng)中，減少麻煩的流程，簡化繁瑣的操作。本設計研究的是以Node.js于Node.jsExpress,進行快速、開放、極簡的Web數(shù)據(jù)庫是MongoDB,頁面框架選擇的是LAYUI,使用可視化工具為開發(fā)的軟件為VisualStudio。該系統(tǒng)重點針對的是系統(tǒng)的管理人員的需求，實現(xiàn)宿舍管理的主要功能，展示系統(tǒng)的設計和實現(xiàn)的過程。該系統(tǒng)主要包含了管理員，舍監(jiān)，學生三個模塊。管理人員主要對棟，宿舍，學生的基礎信息進行增加，修改，刪除和查詢；對報修單進行處理調節(jié)學生宿舍等操作功能。舍監(jiān)主要對學生住宿進行分配；水電單的錄入；處理欠費宿舍等操作功能。學生主要是水電單的繳費，報修單的填寫和公告的查看等操作功能。本文將重點介紹系統(tǒng)實現(xiàn)的思想和整個過程。關鍵字管理系統(tǒng)Node.js Express MongoDB ECHARTS LAYUI第一章緒論課題背景與必要性計算機技術優(yōu)勢了。隨著計算機技術的快速發(fā)展和普及,在現(xiàn)代社會信息管理系統(tǒng)已經(jīng)深入到各個領域,信息管理系統(tǒng)是一個由人與計算機等組成的可以進行信息錄入，操作，采集和維護的系統(tǒng)。學生宿舍管理系統(tǒng)就是一個典型的信息管理系統(tǒng),它的實現(xiàn)讓人息錄入，修改個刪除功能；以及對新入校學生進行宿舍安排等功能。研究現(xiàn)狀顯得尤為重要。目前,已經(jīng)有越來越多的高校開始將計算機科學技術應用到宿舍舍管理系統(tǒng)的開發(fā)與應用已經(jīng)成為高校管理工作的必然趨勢。開發(fā)目的和意義本高校管理系統(tǒng)的開發(fā)的目的和意義是高校的宿舍管理一直都是十分頻繁第二章主要技術的介紹Node.jsNode.jsJavaScriptGoogle開V8Node.jsJavaScriptJavaScript的運行是在瀏覽器上的，Node.jsJavaScript也能用于服務端編程。Node.js含有一系列內置這里獲得。Express框架ExpressNode.jsweb框架，它能夠提供一系列強大特性用于webHTTP請求，通過模板傳遞參HTMLhttp數(shù)據(jù)庫的連接和操作，跨域請求。LAYUI框架LAYUI是一套采用前端模塊化規(guī)范編程寫的前端UI框架，遵循原則原生HTML/CSS/JSPCMongoDB數(shù)據(jù)庫MongoDB數(shù)據(jù)庫是屬于非關系型數(shù)據(jù)庫，屬于文檔型數(shù)據(jù)庫。在適量級的分快。MongoDB的Json格式數(shù)據(jù)十分適合文檔格式的儲存與查詢。AJAXAjax能異步請求服務器數(shù)據(jù)，可以做到局部更新網(wǎng)頁數(shù)據(jù)而不用數(shù)據(jù)的每AJAX的熟練運用也會讓我更好的對接后端接口，對接口理解更加深入。jQueryjQueryJavaScript框架，它倡導以最少的代碼實現(xiàn)更多的事情，它具ECHARTSECHARTSJavaScriptpc和移動設備上，本章小結Node.js作為我的后臺基礎，因為它作為后臺對前端人員是比較友好的。而Express框架是基于Node.js的可以快速架構Web項目。它附帶強大的中間件和包裝過的網(wǎng)絡請求讓我的開發(fā)事半功倍。LAYUI16速開發(fā)設計。而我的項目作為管理系統(tǒng)用它也是十分的適合的。后面的技術都第三章系統(tǒng)分析系統(tǒng)需求分析系統(tǒng)可行性分析買或者租借，開發(fā)完全使用本機和流行穩(wěn)定的開發(fā)工具，經(jīng)濟成本很低。他們之間都有相輔相成，能快速進行開發(fā)設計。可行性分析結論案實施是可行的。功能需求本次設計中主要實現(xiàn)一下的系統(tǒng)功能：碼。況對宿舍進行斷電和通電處理。該棟的舍監(jiān)再對學生分配有空余床位的宿舍。對自己棟宿舍的水電單進行錄入，管理員進行管理，學生進行水電單交付。知管理員進行相關信息錄入，進而完成報修流程。監(jiān)和學生都能收到特定的信息。系統(tǒng)框架分層圖如下：圖3-1系統(tǒng)框架分層圖系統(tǒng)總體分析系統(tǒng)模塊分析學生進行查看公告，水電單付費，報修單的填寫等功能。圖3-2總功能系統(tǒng)模塊圖圖3-3管理員管理子系統(tǒng)模塊圖3-4舍監(jiān)管理子系統(tǒng)模塊圖3-5學生前臺子系統(tǒng)模塊3.2.3系統(tǒng)用例分析圖3-6高校管理系統(tǒng)系統(tǒng)用例圖(管理員)圖3-7高校管理系統(tǒng)系統(tǒng)用例圖(舍監(jiān))用例總表如下：

圖3-8高校管理系統(tǒng)系統(tǒng)用例圖(學生)表3-1用例總表編 參與號

用例名稱

用例說明000管理員000管理員用戶登陸001管理員管理員修改學號規(guī)則名的設置。管理員 管理員添加系別

管理員登陸后點擊學院管理內系別名完成添加操作。管理員 管理員添加管理員 管理員登陸后點擊用戶管理點擊添加輸入用戶名和密碼后點擊確認完成管理員添加操作。管理員 管理員添加棟管理員 管理員添加宿舍管理員 管理員調配學生管理員 重置學生密碼管理員 管理員修改水電單收費標管理員 管理員添加維修員管理員 管理員處理報修單管理員 管理員發(fā)布公告舍監(jiān) 舍監(jiān)修改棟公告舍監(jiān) 舍監(jiān)為學生分配宿舍舍監(jiān) 舍監(jiān)添加水電單

管理員登陸后點擊宿舍管理的添加棟操作。管理員登陸后點擊宿舍管理的的棟和填寫宿舍名字點擊添加完成添加宿舍操作。添加學生的產(chǎn)物進行分配棟操作擇棟點擊完成完成調配學生操作。管理員登陸后點擊學生管理的擊重置完成修改學生密碼操作。管理員登陸后點擊水電單管理費和擋位水費的內容后點擊修改完成水電單收費標準修改操作。管理員登陸后點擊報修管理的修員名字和電話后點擊添加完成維修員添加操作。管理員登陸后點擊報修管理的輸入價錢和備注點擊完成完成報修單處理操作。管理員登陸后點擊公告管理后作。完成修改棟公告操作。擊分配完成學生分配宿舍操作舍監(jiān)登陸后點擊水電單管理的輸入水電稍耗點擊添加完成水電單添加操作舍監(jiān) 舍監(jiān)對欠費宿舍進行斷電 舍監(jiān)登陸后點擊水電單管理的操作學生 修改密碼學生 繳費水電學生 報修單填對主要用例圖進行詳細描述：

學生登陸后點擊右上角名字展作學生登陸后在主頁可以看到水水電單操作學生登陸后在主頁可以看到報表3-2管理員登錄用例圖詳細描述表用例編號：用例編號：000用例名稱：管理員用戶登錄簡要說明：管理員進入登陸頁面后輸入用戶名和密碼，點擊登陸，進入主頁參與者：管理員前置條件：無后置條件：進入管理員主頁，本地保存用戶信息基本事件流：輸入用戶名輸入密碼輸入驗證碼點擊登陸驗證驗證碼驗證用戶名驗證密碼登陸成功，進入主頁其他事件流：無異常事件流：5a：驗證碼錯誤5a1：提示驗證碼錯誤6a：用戶名不存在6a1：提示用戶名或密碼錯誤7a：密碼錯誤7a1：提示用戶名或密碼錯誤補充說明補充說明：無表3-3管理員添加系別用例圖詳細描述表用例編號：用例編號：004用例名稱：管理員添加系別簡要說明：管理員登陸后點擊學院管理內的系別表，點擊添加后輸入系別號和系別名完成添加操作。參與者：管理員前置條件：管理員登陸主頁后置條件：系別表添加新數(shù)據(jù)，搜索框可更新到新數(shù)據(jù)基本事件流：輸入專業(yè)號輸入專業(yè)名稱點擊添加系統(tǒng)驗證專業(yè)名稱系統(tǒng)驗證專業(yè)號專業(yè)號添加完成，刷新頁面其他事件流：無異常事件流：4a：專業(yè)名稱長度不符合標準5a：專業(yè)號不匹配學好標準1a1：提示專業(yè)號標準長度補充說明：無表3-4舍監(jiān)分配宿舍用例圖詳細描述表用例編號：用例編號：013用例名稱：舍監(jiān)分配宿舍簡要說明：舍監(jiān)登陸后點擊宿舍管理，選擇學生后點擊分配宿舍，選擇宿舍后點擊分配完成學生分配宿舍操作參與者：舍監(jiān)前置條件：舍監(jiān)登陸主頁，管理員調配學生后置條件：宿舍現(xiàn)住人數(shù)字段添加基本事件流：選擇需要分派宿舍的學生點擊分配按鈕選擇宿舍系統(tǒng)校驗宿舍床位其他事件流：4a：選擇的學生數(shù)超過宿舍可住人數(shù)4a1：提示錯誤，分配失敗異常事件流：異常事件流：無補充說明：無表3-5學生填寫報修單用例圖詳細描述表用例編號：用例編號：018用例名稱：學生填寫報修單簡要說明：學生登陸后在主頁可以看到報修單表，學生點擊報修按鈕后選擇報修項目，填寫備注，上傳圖片，點擊完成完成報修單填寫操作參與者：學生前置條件：學生登陸主頁后置條件：管理員處理報修單基本事件流：點擊報修按鈕填寫備注選擇維修項目上傳圖片點擊提交系統(tǒng)檢驗備注系統(tǒng)檢驗圖片其他事件流：1a：學生當前宿舍嚴重欠費中1a1：提示欠費，無法進行報修服務6a：沒有提交圖片6a1:提示必須提交圖片7a：沒有寫備注7a1：提示必須填寫備注異常事件流：無補充說明：無數(shù)據(jù)庫設計數(shù)據(jù)實體設計的E-R圖3-9管理員庫圖3-10學號標準庫圖3-11棟庫3-123-133-143-153-163-17圖3-18學生庫3-193-20圖3-21數(shù)據(jù)表關系數(shù)據(jù)表

表3-6管理員表序號列名數(shù)據(jù)類型長度主鍵說明1_idObject30是管理員id2adminString10管理員賬號3passwordString20賬號的密碼表名：build

說明棟id說明棟id連接管理員表棟名稱舍監(jiān)密碼序號列名數(shù)據(jù)類型長度主鍵1_idObject30是2adminObject103buildvarchar204userString205phoneString206nowInt327passwordString50表名：dorm

表3-8宿舍表序號列名數(shù)據(jù)類型長度主鍵說明1_idObject30是宿舍id2dormString10連接宿舍表3maxInt20床位4nowInt20現(xiàn)住學生5breakInt20電閘

表3-9學號標準表序號列名數(shù)據(jù)類型長度主鍵說明1_idObject30是學號標準id2sizeInt32學號長度3gradeString20屆號4systemString20專業(yè)號5classString20班級號6rankString20班級排名號表名：notices

表3-10公告表序號列名數(shù)據(jù)類型長度主鍵說明1_idObject30是公告id2flagInt32發(fā)布對象3noticeString20公告內容4dateDouble20發(fā)布日期表名：repairman表3-11維修員表序號列名數(shù)據(jù)類型長度主鍵說明1_idObject30是維修員id2rmnameString20維修員名字3rmphoneString20維修員電話4rmpootoString20維修員頭像圖片表名：repairs

表3-12維修單表序號列名數(shù)據(jù)類型長度主鍵說明1_idObject30是維修單id2buildObject30連接棟表3dormObject30連接宿舍表4typeObject30連接維修項目表5sremarkString50學生備注6sphotoString20圖片7snoString20學生學號8sphoneDouble32學生電話9timeDouble32提交時間10flagInt32維修狀態(tài)11dpayInt32學生付款12flag2Int32付款對象13oktimeDouble32維修時間14repairmanObject30連接維修員表15rremarkString50維修員備注16spayInt32學校付款表名：student

表3-13學生表序號列名數(shù)據(jù)類型長度主鍵說明1_idObject30是學生id2buildObject20連接棟表3dormObject20連接宿舍表4snoDouble20學生學號5snameString20學生名字6ssexInt32學生性別7sphoneString20學生電話8spwdString20學生密碼9flagInt32學生住宿狀態(tài)表名：system表3-14專業(yè)號表序號列名數(shù)據(jù)類型長度主鍵說明1_idObject30是id2numString20專業(yè)號3systemString20專業(yè)名稱表名：type

表3-15維修項目表序號序號12列名_idtype數(shù)據(jù)類型ObjectString長度3020主鍵是說明id表名：werule

表3-16水電單標準表序號列名數(shù)據(jù)類型長度主鍵說明1_idObject30是水電單標準id2ereliefInt32電費減免3wreliefInt32水費減免4efirstDouble32一檔電費5esecondDouble32二檔電費6ethirdDouble32三檔電費7wfirstInt32一檔水費8wsecondDouble32二檔水費9wthirdDouble32三檔水費10et1Int32最大一檔耗電11et2Int32最大二檔耗電12wt1Int32最大一檔耗水13wt2Int32最大二檔耗水表名：we

表3-17水電單表序號列名數(shù)據(jù)類型長度主鍵說明1_idObject30是水電單id2yearInt32年3monthInt32月4buildObject32連接棟表5dormObject32連接宿舍表6electricDouble32耗電7waterDouble32耗水8efeeDouble32電費9wfeeDouble32水費序號序號1011列名totalflag數(shù)據(jù)類型DoubleInt長度3232主鍵說明總計支付狀態(tài)第四章系統(tǒng)詳細分析類圖和活動圖類圖系統(tǒng)類圖體現(xiàn)出了各個類之間的關系，如下圖所示：adminbuilddormbuild，student，we，repairdorm，repairtyperepairman圖4-1系統(tǒng)主要類圖活動圖圖。用戶登陸活動圖圖4-2用戶登陸活動圖敗，將會有錯誤提示，提示完畢或密碼成功操作完畢。學生住宿活動圖圖4-3學生住宿活動圖學生的住宿活動流程是管理員進行學生的錄入后或者操作已經(jīng)入住的學生舍床位不足，調配失敗，如果宿舍床位足夠則學生入住完成。學生報修活動圖圖4-4學生報修活動圖3第五章網(wǎng)站系統(tǒng)描述與實現(xiàn)登錄模塊5-1圖5-1用戶登陸頁面tokentokentoken5-2圖5-2token的設置和登陸路由tokenlocalstorageid，學生的話我會存入名字，所屬棟id，所屬宿舍id。如5-3圖5-3頁面存儲效果宿舍管理模塊5-4，5-5圖5-4棟管理頁面圖5-5宿舍管理頁面build5-6圖5-6宿舍管理查找接口及其他接口nownow5-7圖5-7前臺刪除宿舍邏輯判斷學生住宿模塊圖5-8管理員調配學生頁圖5-9舍監(jiān)分配宿舍頁體的宿舍，入住學生頁面和入住宿舍接口如圖5-10，5-11所示：圖5-10分配宿舍頁面展示圖5-11入住宿舍接口個操作可以完成的條件是當前學生所在宿舍沒有欠費的水電單。代碼實現(xiàn)如圖5-12，5-13所示：5-125-13學生添加是管理學生的來源，學生添加主要需要學號的不重復性，前端提交5-14，5-15圖5-14添加學生頁面圖5-15添加學生后端接口實現(xiàn)水電單管理模塊標準進行計算就可以完成水電單的生成。5-16，5-17示：圖5-16水電收費標準修改頁面圖5-17水電收費標準修改后臺接口5-18，5-19圖5-18舍監(jiān)錄入水電單頁面圖5-19水電單添加后端接口邏輯5-21圖5-20舍監(jiān)系統(tǒng)宿舍的欠費和斷電頁面圖5-21欠費宿舍列表的代碼實現(xiàn)報修管理模塊5-22圖5-22學生填寫報修單頁面后臺系統(tǒng)使用上傳專用的模塊，每次上傳都把圖片存儲在服務器文件中，上傳圖片邏輯實現(xiàn)如圖5-23所示：圖5-23圖片上傳實現(xiàn)代碼5-24圖5-24報修單添加后端接口實現(xiàn)所示：圖5-25管理員處理報修單頁面管理員點擊處理按鈕，實現(xiàn)處理報修單后端接口，如圖5-26所示：圖5-26管理員處理報修主要接口統(tǒng)計管理模塊ECHARTS5-27圖5-27管理員統(tǒng)計分析頁面主要對各年份的個月份平均水電費的實現(xiàn)進行介紹，后臺接收請求數(shù)據(jù)，查5-28圖5-28統(tǒng)計分析模塊后端接口設計ECHARTS所示：圖5-29平均水電單統(tǒng)計費用前端代碼第六章系統(tǒng)測試6.1用戶登陸模塊測試6.1用戶登陸模塊測試與操作表5-1用戶登錄主要功能測試用例描述測試步驟預期結果實際結果測試是否通過用戶輸入正確的用戶名，密碼和驗證碼進入頁面，輸入用戶名和密碼，驗證碼，點擊登陸登陸成功，進入主頁登陸成功，進入主頁是用戶輸入正確的用戶名和密碼，輸入錯誤的驗證碼進入頁面，輸入用戶名和密碼，驗證碼，點擊登陸登陸失敗，進入主頁，提示驗證碼錯誤。登陸成功，進入主頁，提示驗證碼錯誤。是用戶輸入正確的用戶名和驗證碼，輸入錯誤的密碼進入頁面，輸入用戶名和密碼，驗證碼，點擊登陸登陸失敗，進入主頁，提示用戶名或密碼。登陸失敗，進入主頁，提示用戶名或密碼。是用戶輸入正確的驗證碼和密碼，輸入錯誤的用戶名進入頁面，輸入用戶名和密碼，驗證碼，點擊登陸登陸失敗，進入主頁，提示用戶名或密碼。登陸失敗，進入主頁，提示用戶名或密碼。是測試評價也是比較清晰嚴謹?shù)?。宿舍管理模塊測試宿舍管理模塊測試與操作表5-2宿舍管理主要功能測試用例描述測試步驟預期結果實際結果測試是否通過管理員進入主頁后進行宿舍管理，添輸入完全打開棟添加按鈕，填寫名稱，負責人和電話棟添加成功，頁面刷新棟添加成功，頁面刷新是管理員進入主頁后進行宿舍管理，添輸入不完全打開棟添加按鈕，填寫名稱，負責人，沒有填寫電話棟添加失敗，提示錯誤信息棟添加失敗，提示請輸入完全信息。是管理員進入主頁后進行宿舍管理，添輸入不標準打開棟添加按鈕，填寫名稱，負責人，在電話框中填寫超過11位字符棟添加失敗，提示錯誤信息棟添加失敗，提示請正確填寫電話號是管理員進入主頁后進行宿舍管理，正確填寫宿舍信息管理員進入主頁后進行宿舍管選擇棟，填寫宿舍名字和床位限制宿舍添加成功，頁面刷新宿舍添加成功，頁面刷新是管理員進入主頁后進行宿舍管理，填寫宿舍信息不完全管理員進入主頁后進行宿舍管選擇棟，填寫宿舍名字，沒有填寫床位號宿舍添加失敗，提示錯誤信息宿舍添加失敗，提示錯誤信息是管理員刪除存在宿舍的棟管理員點擊刪除棟按鈕棟刪除失敗，提示錯誤信息棟刪除失敗，提示錯誤信息是管理員刪除不存在宿舍的棟管理員點擊刪除棟按鈕棟刪除成功，頁面刷新棟刪除成功，頁面刷新是管理員刪除存在學生的宿舍管理員點擊刪除宿舍按鈕宿舍刪除失敗，提示錯誤信息宿舍刪除失敗，提示錯誤信息是管理員刪除不存在學生的宿舍管理員點擊刪除宿舍按鈕宿舍刪除成功，頁面刷新宿舍刪除成功，頁面刷新是管理員修改宿舍床位數(shù)少于等于當前宿舍學生現(xiàn)住數(shù)管理員點擊修改宿舍按鈕，修改當前宿舍床位修改宿舍成功，刷新頁面修改宿舍成功，刷新頁面是管理員修改宿舍床位數(shù)大于當前宿舍學生現(xiàn)住數(shù)管理員點擊修改宿舍按鈕，修改當前宿舍床位修改宿舍失敗，提示失敗信息修改宿舍失敗，提示失敗信息是測試評價誤，在重點的添加，修改，刪除宿舍中的操作中有穩(wěn)定的提示。學生管理模塊測試學生管理模塊測試與操作表5-3學生管理主要功能測試用例描述測試步驟預期結果實際結果測試是否通過管理員添加學生輸入已存在的學生學號點擊添加按鈕，電話，名字添加學生失敗，顯示錯誤提示添加學生失敗，提示學號已存在是管理員添加學生輸入不存在的學生學號點擊添加按鈕，電話，名字添加學生成功，刷新頁面添加學生成功，刷新頁面是選擇學生進行調配學生點擊調配按鈕調配失敗，提示錯誤信息調配失敗，提示選擇學生是選擇學生進行調配學生選擇學生，點擊調配按鈕調配頁面顯示調配頁面顯示是選擇不同棟選擇學生，點擊學生入住失敗，學生入住失敗，是學生進行入住宿舍入住宿舍按鈕提示錯誤信息提示需要選擇同棟學生選擇同棟學生進行入住滿人的宿舍選擇學生，點擊入住宿舍按鈕學生入住失敗，提示錯誤信息學生入住失敗，提示當前宿舍床位不夠是選擇同棟學生進行入住不滿人的宿舍選擇學生，點擊入住宿舍按鈕學生入住成功，刷新頁面學生入住成功，刷新頁面是對已入住的學生進行重新調配點擊一鍵調配按鈕一鍵調配失敗，提示錯誤信息一鍵調配失敗，提示選擇學生進行調配是對已入住的學生進行重新調配選擇不同宿舍學生，點擊一鍵調配按鈕一鍵調配失敗，提示錯誤信息一鍵調配失敗，提示需要相同宿舍的進行調配是對已入住的學生進行重新調配選