在线报修系统的设计实现

申晓平

摘要：自从互联网建设以来，各级院校也开始建立自己的校园信息化工程，其中实时在线报修系统是校园信息化必不可少的一部分。该系统采用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结束语

常州工业技术学院在线报修系统采用前后端分离的方式，不仅提高开发效率，还让后期系统维护变得简单。学校自从有了该系统后，一旦有任何物品损坏，都能方便、实时报修，从而使校园管理更加高效、更加智能，更加人性化。