在線報(bào)修系統(tǒng)的設(shè)計(jì)實(shí)現(xiàn)

申曉平

摘要：自從互聯(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)修，從而使校園管理更加高效、更加智能，更加人性化。