黄志国 柯敏毅

摘 要：针对传统高速公路机电设备维护管理系统信息录入花费时间长、效率低等问题，结合MVC思想，设计并实现了基于ASP.NET MVC框架以及JQuery EasyUI插件的高速机电设备维护管理系统。该系统操作简单、功能完备，实现了高速机电设备的信息化与智能化，能够对高速机电设备进行全面、高效的管理。

关键词：ASP.NET MVC;JQuery EasyUI;高速机电设备维护管理系统

DOI：10. 11907/rjdk. 182457

中图分类号：TP319

文献标识码：A文章编号：1672-7800（2019）006-0121-04

Abstract： For the traditional high-speed electromechanical equipment maintenance management system， the information input takes a long time and the efficiency is low. In combination with the MVC idea， a high-speed electromechanical equipment maintenance management system based on the ASP.NET MVC framework and the JQuery EasyUI plug-in is designed and implemented. The system is simple in operation and complete in function， and it realizes the informationization and intelligence of high-speed electromechanical equipment， and can comprehensively and efficiently manage high-speed electromechanical equipment.

Key Words： high-speed electromechanical equipment maintenance management system; ASP.NET MVC; JQuery EasyUI

0 引言

随着经济的发展，高速公路建设里程不断增加，通行车辆越来越多，高速公路机电信息管理系统变得更加庞大和复杂，高速公路机电设备的维护工作也越来越繁重，保证设备维护管理系统正常运作，使设备维护管理系统正常运行 [1]成为一项重要工作。

传统的高速机电设备维护管理系统存在信息录入花费时间长、效率低等缺点，难以满足设备维护多样化、高精度和高效率要求。郭云、易胜等[2-10]根据高速公路特点提出的维护管理系统，只是基本解决了高速公路设备信息从人工录入到系统初步自动化管理，系统界面不够美观、效率有待提高;王春晓[11]提出了基于ArcEngine组件的高速公路维护管理系统，结合ArcEngine组件技术，一定程度上提高了系统效率;周洪斌[12]提出了基于MVC技术的仪器设备维修管理系统，将数据访问和数据表现分离，极大程度地提高了系统访问效率。本文针对高速公路机电设备维护管理系统信息录入与数据传输效率低下问题，采用MVC思想，提出了一种基于ASP.NET MVC框架并结合JQuery EasyUI技术的机电设备维护管理系统。

1 关键技术

1.1 ASP.NET MVC框架

ASP.NET MVC是微软公司以MVC模式为基础的ASP.NET Web应用程序框架[13]。MVC（Model-View-Controller），即”模型-视图-控制器”模式，实现Desktop程序中的数据模型和用户界面程序代码分离。采用MVC设计模式可将数据访问和数据表现分离，使系统具有高度可扩展性、健壮性和可维护性[14-15]。

MVC是一种划分系统功能的方法，它将一个系统划分为3个部分[16]：①Model（模型）：在系统中实现业务逻辑，主要作用是存取数据库中的数据;②View（视图）：用于与用户交互，通常视图依据模型数据创建;③Controller（控制器）：沟通模型层和视图层，并根据用户请求选择相应的视图进行显示，对用户的输入加以解释，映射到模型层进行数据处理。其体系结构如图1所示。

一般控制器（Controller）在Model和View之間起沟通作用，在View上处理用户输入，并将其转发给Model，这样Model和View两者之间可以松散耦合，甚至可以在完全不知道彼此的情况下由Controller实现连接。

1.2 JQuery EasyUI插件

EasyUI是一组基于JQuery的用户界面插件集合体[17]，具有功能强大的页面效果，支持扩展和HTML5，可很大程度上节省开发项目的时间和规模。jQuery EasyUI的目的是帮助Web开发者设计出美观且功能丰富的UI界面。编程人员不必编写复杂的js代码，也不需详细了解css风格样式，只需了解一些简单的html标签。jQuery EasyUI为创建跨浏览器网页提供了一套完整组件，包括功能强大的 datagrid（数据网格）、treegrid（树形表格）、 panel（面板）、combo（下拉组合）等等。编程人员可根据需要组合使用部分组件，也可只用其中一个组件[18]。

2 设备维护管理系统设计

2.1 需求分析

机电设备维护管理系统除用户消息功能外，还应有如下功能：①登记故障记录功能。该模块主要包含故障信息添加、显示再确认与查询操作;②维修机电设备功能。该模块包含维修申请信息新增、初审、次审以及人员分配等功能;③返厂维修设备功能。该模块包含返厂维修记录信息新增、展示与查询功能;④报废机电设备功能。该模块包含报废机电设备新增、审核、展示与查询功能;⑤用户消息模块。该模块包含权限分配和用户消息提示等功能。

2.2 系统功能模块设计

根据需求分析，系统分为登记故障记录模块、维修机电设备模块、返厂维修设备模块、报废机电设备模块、用户消息5大功能模块，如图2所示。

2.3 数据库设计

用户在机电设备发生故障后，填写对应的申请表提交给上级领导审批，审批通过后分配维修人员对该设备进行维修并记录相关信息。系统主要包含如下表单：

（1）用户信息表（UseInfo）：用于对用户信息的录入、修改、查询，如表1所示。

（2）机电设备档案表（ElectricFile）：用于对设备档案的增、删、改、查，如表2所示。

（3） 机电设备故障情况登记表（BreakdownRecord）：用于登记故障记录以及故障展示与条件查询，如表3所示。

（4）维修申请表（RepairApply）：用于保存用户提交的维修申请信息，如表4所示。

3 系统实现

下面以登记故障记录功能（如图3所示）为例，给出Model、View、Controller的代码。

3.1 Model层代码

建好数据库后，Model层读取数据库中的内容并提供数据访问方法，将读取到的内容传递给View层。登记故障记录功能对应的Model层代码如下：

public class T_BreakdownRecord{

public int Id { get; set; }

public int num { get; set; }

public string GzUnit { get; set; }

//单位名称

public string SBNumber { get; set; }     //设备档案编号

public DateTime GzTime { get; set; }     //故障时间

public string GzAppearance { get; set;    }//故障现象

public int GzState { get; set; }          //故障状态

}

3.2 View层代码

View层中的页面效果最终会直接呈现给用户，在View层实现登记故障记录的基本信息展示，呈现给用户一个可视化操作界面。对应主要代码如下：

……

3.3 Controller层代码

控制器（Controller）提供控制和处理用户请求的入口，当接收到用戶请求时将用户请求的URL路径作相关处理，Controller选择Model中某些数据和页面呈现给用户[19]。登记故障记录功能控制器主要代码如下：

……

public ActionResult save（）{

string SBNumber = Request["SBNu-mber"];

T_BreakdownRecord breakdownReco-rd = new T_BreakdownRecord（）;

string sql = "select *from T_El-ectricFile where SBNumber=@SBNumber";

breakdownRecord.GzUnit = Request["GzUnit"];                              //单位名称

breakdownRecord.SBNumber = SBNum-ber;                                      //设备档案编号

breakdownRecord.GzTime = Convert-.ToDateTime（Request["GzTime"]）;           //故障时间

breakdownRecord.GzAppearance = R-equest["GzAppearance"];                   //故障现象

breakdownRecord.GzState = 0;         //故障状态（0表示待修复状态）

breakdownRecordService.NewInfo（b-reakdownRecord）;

return RedirectToAction（"list"， "RegisterRecord"）;

}

4 结语

EasyUI是一种跨浏览器的轻量级框架，与其它框架相比具有更为轻量与灵活、界面美观、浏览器负载小等优点[20]。本文采用EasyUI框架和AJAX技术设计实现了基于ASP.NET MVC框架的高速公路机电设备维护管理系统。系统以局部刷新的方式（AJAX）以及Json的格式传输数据，在信息录入、传输、接收过程中，相对于传统的高速机电设备维护管理系统，减少了录入时间，提高了传输效率，方便管理单位对高速公路机电设备信息进行管理，大大降低了企业人力、财力成本，推动了企业管理的信息化与智能化。

参考文献：

[1] 赵云达. 高速公路机电设备智能巡更系统应用研究 [J]. 新媒体与信息科技，2016（8）：121- 122.

[2] 郭云. 高速公路机电工程维护管理系统研究与设计[J]. 交通工程，2013（11）：392-394.

[3] 易胜. 保宜高速公路建设信息化管理平台的构建与应用[J]. 广东公路交通，2013（6）：61-63.

[4] 牛组俊. 高速公路机电设备维护管理系统的设计与实现[J]. 应用科技，2014（4）：300-301.

[5] 崔健. 高速公路机电维护管理系统的设计[J]. 数据通信，2017（5）：39-41.

[6] 虞安军. 高速公路集团养护管理系统的设计与实现[J]. 中国交通信息化，2016（12）：139-141.