在線報修系統(tǒng)的設計實現(xiàn)

申曉平

摘要：自從互聯(lián)網(wǎng)建設以來，各級院校也開始建立自己的校園信息化工程，其中實時在線報修系統(tǒng)是校園信息化必不可少的一部分。該系統(tǒng)采用BIS結構，由三部分組成：web客戶端，手機客戶端，服務器端。Web客戶端采用使用Angular技術，手機客戶端采用Android技術，服務器端采用SpringBoot技術框架，數(shù)據(jù)庫使用MYSQL。

關鍵詞：在線報修系統(tǒng);SpringBoot;Anguldr技術;Android;MYSQL

中圖分類號TP319 文獻標識碼：A

文章編號：1009-3044（2019）29-0052-02

1背景

自互聯(lián)網(wǎng)建設以來，各級院校的學生人數(shù)越來越多，對應的生活用品也越來越多，學校擁有的教學設備和實驗設備越來越多，物品的基數(shù)過大，導致物品需要維修的數(shù)量也會變多，因此，需要一個信息化的維修系統(tǒng)。常州工業(yè)技術學院大學城校區(qū)從2006年建成，到目前大部分設施設備已經(jīng)使用了13年，很多東西由于老化、長時間使用、保養(yǎng)不當?shù)仍颍枰皶r維修。特別是在公寓區(qū)，學生的報修信息不能及時地傳遞到維修師傅中，或者因為缺少維修配件導致維修時間延長。這些不僅影響到了學生的日常生活，而且在學生心中，留下了學校不重視、維修拖沓的不良印象。而在公共區(qū)域的報修更是困難，報修人通過電話等方式向物業(yè)管理報修時，很難將出現(xiàn)的問題描述清楚，可能就會在后面的維修中難以需要維修的物品、需要勘定現(xiàn)場后才能確定具體情況、不能確定是否及時維修。

2總體設計

常州工業(yè)技術學院在線報修系統(tǒng)的主要角色有普通用戶、維修用戶和管理員三種。普通用戶主要有登陸、報修信息申報、我的報修信息、歷史報修和搜索報修信息等模塊。維修用戶主要有登陸、已派發(fā)報修、搜索報修信息和處理報修信息等模塊。管理員主要有后臺登錄、報修單審核、報修單打印、報修單評價、搜索報修信息和歷史報修等功能。通過以上的分析，得出了以下在線報修系統(tǒng)的總體設計圖，不同角色之間有用不同的功能，如圖1所示。

3基于SpringBoot服務器端設計

整個在線報修系統(tǒng)分為服務器端與客戶端，總體架構如圖2所示。服務器端基于SpringBoot框架進行開發(fā)的，在部署時，基于“約定優(yōu)先配置”的原則下，采用Restful設計簡化配置。SpringBoot內置Tomcat容器的單一jaT包，它提供了系統(tǒng)所有需要的API接口，方便與前端對接。

本系統(tǒng)的后臺數(shù)據(jù)庫采用MySQL數(shù)據(jù)庫來存儲數(shù)據(jù)，該數(shù)據(jù)庫使用方便靈活。通過HTTP協(xié)議傳輸JSON格式數(shù)據(jù)與web端和移動端進行數(shù)據(jù)交換腳。數(shù)據(jù)庫需要建立用戶信息表、報修表、評估表、維修記錄表。用戶信息表用于存儲管理員的相關信息，報修表為主要用來填寫報修信息的;評估表主要用來登記評估此次維修的工作量;維修記錄表主要用來記錄維修的進度。

4基于Angular技術web客戶端設計

Angular技術是Google推出的一款Web應用開發(fā)框架。它提供了一系列兼容性良好并可擴展的服務，包括數(shù)據(jù)綁定，DOM操作，MVC設計模式和模塊加載等。在操作過程中，用戶和模板之間進行交互，當模板接受用戶的操作后，通過數(shù)據(jù)綁定和組件類進行交互，最后完成處理后的模板視圖服務來擴展組件類，相應的指令來擴展模板。常州工業(yè)技術學院在線報修系統(tǒng)的前端在此框架內孕育而生，下面提供前端的登錄界面模板，在登陸界面樣式模板中綁定登陸組件，代碼如下：

5基于Android技術手機客戶端設計

Android操作系統(tǒng)是以開源Linux為基礎開發(fā)的一款移動設備操作系統(tǒng)，其中Retrofit框架是Android用來訪問網(wǎng)絡接口的第三方庫，它可以使數(shù)據(jù)解耦合，實現(xiàn)對請求數(shù)據(jù)以及返回數(shù)據(jù)做一個對象封裝，在操作過程中使用注解形式來區(qū)分不同的接口。

常州工業(yè)技術學院在線報修系統(tǒng)手機客戶端在登錄以后，進人APP的登錄界面，輸入網(wǎng)站地址和手機號可以進人主界面。界面底部設置導航欄，有兩個不同的Fragment，一個是查看當前提交報修信息（未處理）的Fragment，一個是查看歷史報修記錄（已處理）的Fragment。底部導航欄上面有兩個翻頁按鈕，右邊由一個懸浮按鈕，懸浮按鈕自定義實現(xiàn)，可以擴展出三個懸浮附加按鈕，分別為掃碼，新建報修信息，刷新按鈕。普通用戶主APP主界面，如圖3所示。

6結束語

常州工業(yè)技術學院在線報修系統(tǒng)采用前后端分離的方式，不僅提高開發(fā)效率，還讓后期系統(tǒng)維護變得簡單。學校自從有了該系統(tǒng)后，一旦有任何物品損壞，都能方便、實時報修，從而使校園管理更加高效、更加智能，更加人性化。