歐 暢

(廣西城市職業(yè)大學(xué)，廣西 崇左 532200)

宿舍管理是以Hbuilder作為開發(fā)平臺，使用MUI高性能前端框架，完成宿舍管理系統(tǒng)app。該系統(tǒng)以科學(xué)、全面、易操作的理念進(jìn)行開發(fā)，在網(wǎng)上參考許多不同學(xué)校的宿舍管理理念，對目前我們國內(nèi)宿舍的管理情況進(jìn)行分析，實(shí)用而科學(xué)。集查詢與輸入操作為一體，自動化功能強(qiáng)大，操作靈活。

1 系統(tǒng)的預(yù)期要求

該系統(tǒng)主要包括基本功能、信息查詢與修改、系統(tǒng)維護(hù)：(1)基本功能部分應(yīng)實(shí)現(xiàn)調(diào)換宿舍、充值水電費(fèi)，學(xué)生信息的增加、刪除、修改、報(bào)修和查看通告的功能；(2)信息查詢與修改應(yīng)包括學(xué)生查詢個(gè)人信息并對其數(shù)據(jù)進(jìn)行修改或刪除的基本途徑；(3)系統(tǒng)技術(shù)可行性分析：在系統(tǒng)維護(hù)中包括使用時(shí)對ID進(jìn)行識別、登陸與退出處理。

2 系統(tǒng)功能說明

2.1 用戶登錄模塊

用戶登錄模塊包括學(xué)生登錄、注冊賬號、忘記密碼三大部分。學(xué)生登陸：通過該系統(tǒng)學(xué)生可登陸，充值水電費(fèi)、調(diào)換宿舍、查看宿舍樓通告、修改個(gè)人信息、報(bào)修宿舍家電等操作。注冊賬戶：學(xué)生可通過填寫姓名、學(xué)號、宿舍號、密碼、確認(rèn)密碼和郵箱信息等進(jìn)行注冊。忘記密碼：用戶可通過填寫注冊郵箱找回密碼。

2.2 首頁模塊

首頁模塊包括宿舍文明照片、充值水費(fèi)、充值電費(fèi)、保障制度、充值、支付記錄、更多功能、宿管通告版8個(gè)部分。宿舍文明照片：該部分使用圖片輪播的特效去展示文明宿舍的照片。充值水費(fèi)：學(xué)生可以通過選擇宿舍號，填寫充值金額進(jìn)行充值水費(fèi)。充值電費(fèi)：學(xué)生可以通過選擇宿舍號，填寫充值金額進(jìn)行充值電費(fèi)。保障制度：學(xué)生可通過該功能了解詳細(xì)的宿舍制度條款。充值：學(xué)生可通過填寫充值金額完成充值操作，金額可用于繳納水電費(fèi)。支付記錄：學(xué)生可通過該功能查看支付記錄與憑證。更多功能：該功能模塊包括調(diào)換宿舍與報(bào)修功能，學(xué)生可通過填寫自己的宿舍號、聯(lián)系方式，與調(diào)換人的姓名與宿舍號進(jìn)行申請調(diào)換宿舍。學(xué)生可進(jìn)行選擇維修師傅，并填寫姓名、維修地址與損壞情況進(jìn)行宿舍維修。舍管通告版：學(xué)生可查看社管發(fā)布的最新通告。

2.3 朋友管理模塊

朋友管理模塊包括：查詢好友、最近聯(lián)系人、管理人員、我的朋友4個(gè)部分。查詢好友：用戶可以在查詢框內(nèi)輸入朋友的相關(guān)信息快速查找已有的好友。最近聯(lián)系人：學(xué)生可以查看最近有過對話的人。管理人員：該部分分為宿舍管理員與維修人員，學(xué)生可直接與宿舍管理員、維修人員進(jìn)行對話。我的朋友：該部分包括舍友與好友，學(xué)生可直接與舍友、好友進(jìn)行聊天。

2.4 個(gè)人設(shè)置模塊

個(gè)人設(shè)置包括個(gè)人信息、錢包、賬單、收藏、設(shè)置5個(gè)部分。個(gè)人信息：學(xué)生可在該部分進(jìn)行修改個(gè)人頭像、名字。錢包：學(xué)生可在該部分中查詢余額、添加銀行卡、打開收付碼。賬單：學(xué)生可在該部分中查看自己已支付的水電費(fèi)記錄。收藏：學(xué)生可在該部分中查看收藏內(nèi)容，并可以在搜索框內(nèi)快速查找已收藏內(nèi)容。設(shè)置：在設(shè)置中可查看賬戶與安全、通用設(shè)置、新消息通知、幫助與反饋、關(guān)于宿舍之家與退出登錄操作。

3 系統(tǒng)詳細(xì)設(shè)計(jì)與實(shí)現(xiàn)

3.1 序言及目標(biāo)

此章節(jié)為宿舍管理系統(tǒng)的詳細(xì)設(shè)計(jì)說明書，主要為了實(shí)現(xiàn)系統(tǒng)功能所進(jìn)行的系統(tǒng)詳細(xì)設(shè)計(jì)說明，詳細(xì)描述系統(tǒng)里各軟件模塊的實(shí)現(xiàn)流程、功能內(nèi)容，以便實(shí)現(xiàn)對系統(tǒng)編碼的約束與指導(dǎo)。本文檔供項(xiàng)目開發(fā)人員、程序員閱讀。

3.2 工具及環(huán)境

(1)研發(fā)語言及編譯器：開發(fā)本系統(tǒng)使用的是HTML5語言，開發(fā)的IDE工具是HbuilderX。(2)其他工具：開發(fā)使用墨刀、Process on等工具。

3.3 用戶界面設(shè)計(jì)

3.3.1 系統(tǒng)首頁界面

3.3.2 登錄界面

圖1 首頁界面

圖2 登陸界面

3.3.3 聯(lián)系人界面

圖3 聯(lián)系人界面

3.3.4 個(gè)人中心界面

圖4 個(gè)人中心界面

3.3.5 個(gè)人信息管理界面

圖5 個(gè)人信息管理界面

4 結(jié)語

本著當(dāng)下學(xué)校對宿舍管理的更便捷化的需求，圍繞這一目的，設(shè)計(jì)出宿舍管理系統(tǒng)的前端部分并開發(fā)，其基本功能均能得以實(shí)現(xiàn)。在開發(fā)過程中，難免遇到難題，難免靈感枯竭，為此，查看了大量的文獻(xiàn)，在網(wǎng)上尋求幫助，在此過程中，問題不但得以解決，也提升了自身解決問題的能力。