申曉平



摘要:自從互聯(lián)網(wǎng)建設(shè)以來(lái),各級(jí)院校也開(kāi)始建立自己的校園信息化工程,其中實(shí)時(shí)在線報(bào)修系統(tǒng)是校園信息化必不可少的一部分。該系統(tǒng)采用BIS結(jié)構(gòu),由三部分組成:web客戶(hù)端,手機(jī)客戶(hù)端,服務(wù)器端。Web客戶(hù)端采用使用Angular技術(shù),手機(jī)客戶(hù)端采用Android技術(shù),服務(wù)器端采用SpringBoot技術(shù)框架,數(shù)據(jù)庫(kù)使用MYSQL。
關(guān)鍵詞:在線報(bào)修系統(tǒng);SpringBoot;Anguldr技術(shù);Android;MYSQL
中圖分類(lèi)號(hào)TP319 文獻(xiàn)標(biāo)識(shí)碼:A
文章編號(hào):1009-3044(2019)29-0052-02
1背景
自互聯(lián)網(wǎng)建設(shè)以來(lái),各級(jí)院校的學(xué)生人數(shù)越來(lái)越多,對(duì)應(yīng)的生活用品也越來(lái)越多,學(xué)校擁有的教學(xué)設(shè)備和實(shí)驗(yàn)設(shè)備越來(lái)越多,物品的基數(shù)過(guò)大,導(dǎo)致物品需要維修的數(shù)量也會(huì)變多,因此,需要一個(gè)信息化的維修系統(tǒng)。常州工業(yè)技術(shù)學(xué)院大學(xué)城校區(qū)從2006年建成,到目前大部分設(shè)施設(shè)備已經(jīng)使用了13年,很多東西由于老化、長(zhǎng)時(shí)間使用、保養(yǎng)不當(dāng)?shù)仍?,需要及時(shí)維修。特別是在公寓區(qū),學(xué)生的報(bào)修信息不能及時(shí)地傳遞到維修師傅中,或者因?yàn)槿鄙倬S修配件導(dǎo)致維修時(shí)間延長(zhǎng)。這些不僅影響到了學(xué)生的日常生活,而且在學(xué)生心中,留下了學(xué)校不重視、維修拖沓的不良印象。而在公共區(qū)域的報(bào)修更是困難,報(bào)修人通過(guò)電話等方式向物業(yè)管理報(bào)修時(shí),很難將出現(xiàn)的問(wèn)題描述清楚,可能就會(huì)在后面的維修中難以需要維修的物品、需要勘定現(xiàn)場(chǎng)后才能確定具體情況、不能確定是否及時(shí)維修。
2總體設(shè)計(jì)
常州工業(yè)技術(shù)學(xué)院在線報(bào)修系統(tǒng)的主要角色有普通用戶(hù)、維修用戶(hù)和管理員三種。普通用戶(hù)主要有登陸、報(bào)修信息申報(bào)、我的報(bào)修信息、歷史報(bào)修和搜索報(bào)修信息等模塊。維修用戶(hù)主要有登陸、已派發(fā)報(bào)修、搜索報(bào)修信息和處理報(bào)修信息等模塊。管理員主要有后臺(tái)登錄、報(bào)修單審核、報(bào)修單打印、報(bào)修單評(píng)價(jià)、搜索報(bào)修信息和歷史報(bào)修等功能。通過(guò)以上的分析,得出了以下在線報(bào)修系統(tǒng)的總體設(shè)計(jì)圖,不同角色之間有用不同的功能,如圖1所示。
3基于SpringBoot服務(wù)器端設(shè)計(jì)
整個(gè)在線報(bào)修系統(tǒng)分為服務(wù)器端與客戶(hù)端,總體架構(gòu)如圖2所示。服務(wù)器端基于SpringBoot框架進(jìn)行開(kāi)發(fā)的,在部署時(shí),基于“約定優(yōu)先配置”的原則下,采用Restful設(shè)計(jì)簡(jiǎn)化配置。SpringBoot內(nèi)置Tomcat容器的單一jaT包,它提供了系統(tǒng)所有需要的API接口,方便與前端對(duì)接。
本系統(tǒng)的后臺(tái)數(shù)據(jù)庫(kù)采用MySQL數(shù)據(jù)庫(kù)來(lái)存儲(chǔ)數(shù)據(jù),該數(shù)據(jù)庫(kù)使用方便靈活。通過(guò)HTTP協(xié)議傳輸JSON格式數(shù)據(jù)與web端和移動(dòng)端進(jìn)行數(shù)據(jù)交換腳。數(shù)據(jù)庫(kù)需要建立用戶(hù)信息表、報(bào)修表、評(píng)估表、維修記錄表。用戶(hù)信息表用于存儲(chǔ)管理員的相關(guān)信息,報(bào)修表為主要用來(lái)填寫(xiě)報(bào)修信息的;評(píng)估表主要用來(lái)登記評(píng)估此次維修的工作量;維修記錄表主要用來(lái)記錄維修的進(jìn)度。
4基于Angular技術(shù)web客戶(hù)端設(shè)計(jì)
Angular技術(shù)是Google推出的一款Web應(yīng)用開(kāi)發(fā)框架。它提供了一系列兼容性良好并可擴(kuò)展的服務(wù),包括數(shù)據(jù)綁定,DOM操作,MVC設(shè)計(jì)模式和模塊加載等。在操作過(guò)程中,用戶(hù)和模板之間進(jìn)行交互,當(dāng)模板接受用戶(hù)的操作后,通過(guò)數(shù)據(jù)綁定和組件類(lèi)進(jìn)行交互,最后完成處理后的模板視圖服務(wù)來(lái)擴(kuò)展組件類(lèi),相應(yīng)的指令來(lái)擴(kuò)展模板。常州工業(yè)技術(shù)學(xué)院在線報(bào)修系統(tǒng)的前端在此框架內(nèi)孕育而生,下面提供前端的登錄界面模板,在登陸界面樣式模板中綁定登陸組件,代碼如下:
5基于Android技術(shù)手機(jī)客戶(hù)端設(shè)計(jì)
Android操作系統(tǒng)是以開(kāi)源Linux為基礎(chǔ)開(kāi)發(fā)的一款移動(dòng)設(shè)備操作系統(tǒng),其中Retrofit框架是Android用來(lái)訪問(wèn)網(wǎng)絡(luò)接口的第三方庫(kù),它可以使數(shù)據(jù)解耦合,實(shí)現(xiàn)對(duì)請(qǐng)求數(shù)據(jù)以及返回?cái)?shù)據(jù)做一個(gè)對(duì)象封裝,在操作過(guò)程中使用注解形式來(lái)區(qū)分不同的接口。
常州工業(yè)技術(shù)學(xué)院在線報(bào)修系統(tǒng)手機(jī)客戶(hù)端在登錄以后,進(jìn)人APP的登錄界面,輸入網(wǎng)站地址和手機(jī)號(hào)可以進(jìn)人主界面。界面底部設(shè)置導(dǎo)航欄,有兩個(gè)不同的Fragment,一個(gè)是查看當(dāng)前提交報(bào)修信息(未處理)的Fragment,一個(gè)是查看歷史報(bào)修記錄(已處理)的Fragment。底部導(dǎo)航欄上面有兩個(gè)翻頁(yè)按鈕,右邊由一個(gè)懸浮按鈕,懸浮按鈕自定義實(shí)現(xiàn),可以擴(kuò)展出三個(gè)懸浮附加按鈕,分別為掃碼,新建報(bào)修信息,刷新按鈕。普通用戶(hù)主APP主界面,如圖3所示。
6結(jié)束語(yǔ)
常州工業(yè)技術(shù)學(xué)院在線報(bào)修系統(tǒng)采用前后端分離的方式,不僅提高開(kāi)發(fā)效率,還讓后期系統(tǒng)維護(hù)變得簡(jiǎn)單。學(xué)校自從有了該系統(tǒng)后,一旦有任何物品損壞,都能方便、實(shí)時(shí)報(bào)修,從而使校園管理更加高效、更加智能,更加人性化。