基于微信小程序校园网故障申报系统设计与实现

刘焕杰

随着移动互联网技术的飞速发展，移动应用已渗透到社会的各个领域，人们的生活习惯发生了翻天覆地的变化。结合学校校园网实际情况，采用微信小程序技术，设计实现校园网故障申报系统。

近年来，高校信息化建设飞速发展，校园网为全校师生在教学、科研、招生、就业、学习和生活的方方面面提供服务，起到了不可替代的作用。校园网用户量大，信息点密集，难免出现各种类型的用户故障和网络故障，而用户计算机或网络在出现故障时大多无法使用PC联网报修，因此实现移动端故障在线报修功能对提高校园网服务质量具有重要的意义。

一、技术选型

（一）系统架构

校园网用户的和网络维护员在与系统的交互上采用微信小程序实现，系统的管理由网络管理员完成，采用传统B/S（Browser/Server）架构。系统架构图如图1所示。

2017年微信小程序正式诞生，很快在移动应用领域“火”起来，它以“随手可得，用完即走，无需卸载”的特点进行了技术创新，可以在微信内被便捷地获取和传播，相比早期的H5和APP技术更轻量、用户体验更好。B/S架构也被称为浏览器/服务器体系结构。具有更好的通用性，对应用环境的依赖性较小，同时因为客户端使用浏览器，在开发维护上更加便利，可以减少系统开发和维护的成本。

（二）设计工具和语言

微信小程序采用微信开发者工具进行开发，所使用的开语言有WXML、JavaScript、CSS等;系统后台采用MyEclipse进行开发，后端使用J2EE技术，采用了SpringMVC，Spring，Hibernate等框架，前端采用LayUI、JQuery框架。

二、系统设计

（一）流程设计

本系统的主要流程是：校园网用户通过微信小程序用户端申报故障形成故障申报单，网络管理员通过系统后台对故障申报单进行审核、受理并分发给网络维护员，网络维护员通过微信小程序维护员端接收故障申报单到现场维护，其中网络管理员可以不受理用户的故障申报单，网络维护员可以退回故障申报单。在整个过程中，用户和管理员可以实时查看故障申报单的状态，网络维护员只有在接收到故障申报单后才可以查看故障申报单状态。

（二）功能设计

系统管理后台设计了用户信息管理、网络维护员管理、故障管理、维护单管理、园区管理和系统管理模块。

用户信息管理模块：主要用于校园网用户信息的管理，系统可以从校园网网络计费系统中增量同步用户信息，可以統计用户使用故障申报系统的使用率。

网络维护员管理模块：管理网络维护员信息，分期统计维护员的工作量，用于工资发放。

故障管理模块：校园网常见的用户故障集合及解决方法，用户在申报故障、维护员在维护故障时会推送以提供帮助。

维护单管理：管理用户通过线上、线下申报的维护单，网络管理员将维护单派发给网络维护员，维护单统计功能可向管理者提供管理决策依据。

园区管理模块：主要是维护园区信息。

系统管理模块：对使用后台系统的网络管理员信息维护以及系统备份，系统日志等功能。

（三）数据库设计

数据库是系统软件的应用基础，能够推动业务软件的顺利运行。根据系统功能模块所涉及到的内容：校园网用户、网络维护员、故障、维护单、园区和网络管理员等建立E-R图如下：

根据系统E-R图，并对其中可能存在的冗余数据和联系进行修正，从而完善系统业务中的各个板块抽象设计出对应的数据库表，主要包括：用户表、故障申报单表、故障表、园区表、网络维护员表以及网络管理员表。

三、系统实现

系统采用微信小程序实现了用户端和网络维护员端，采用传统B/S架构实现了系统管理功能。校园网用户和维护员首次使用小程序需要验证身份并绑定微信，再次使用实现免认证登录。

（一）用户端

用户登录后进入用户主界面，如图5所示，用户可以查询个人上网信息，申报故障以及跟踪故障申报单的进度。

（二）维护员端

维护员登录后进入维护员界面，如图6所示，列表显示未处置故障申报单。

（三）系统后台

网络管理员登录系统后台界面如图7，系统后台首页展示新增故障申报单以前各园区的故障情况统计。

四、结语

本文设计实现了基于微信小程序的校园网故障申报系统，改善了校园网用户体验，提高了信息中心的服务质量。

（作者单位：成都理工大学工程技术学院）