在線報修系統的設計實現

申曉平

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

關鍵詞：在線報修系統;SpringBoot;Anguldr技術;Android;MYSQL

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

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

1背景

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

2總體設計

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

3基于SpringBoot服務器端設計

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

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

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

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

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

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

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

6結束語

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