在线报修系统的设计实现.docx

?

?

在线报修系统的设计实现

?

?

申晓平

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

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

电脑知识与技术2019年29期

电脑知识与技术的其它文章

人才评价机制改革背景下国有企业高层次科技人才引进评价与管理研究

基于自动机最简化的时序电路等价性验证方法

城镇燃气管理中物联网技术的应用探讨

外语语音习得与外语字母发音示意图研发

体验