黃志國 柯敏毅

摘 要：針對傳統(tǒng)高速公路機電設(shè)備維護管理系統(tǒng)信息錄入花費時間長、效率低等問題，結(jié)合MVC思想，設(shè)計并實現(xiàn)了基于ASP.NET MVC框架以及JQuery EasyUI插件的高速機電設(shè)備維護管理系統(tǒng)。該系統(tǒng)操作簡單、功能完備，實現(xiàn)了高速機電設(shè)備的信息化與智能化，能夠?qū)Ω咚贆C電設(shè)備進行全面、高效的管理。

關(guān)鍵詞：ASP.NET MVC;JQuery EasyUI;高速機電設(shè)備維護管理系統(tǒng)

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 引言

隨著經(jīng)濟的發(fā)展，高速公路建設(shè)里程不斷增加，通行車輛越來越多，高速公路機電信息管理系統(tǒng)變得更加龐大和復雜，高速公路機電設(shè)備的維護工作也越來越繁重，保證設(shè)備維護管理系統(tǒng)正常運作，使設(shè)備維護管理系統(tǒng)正常運行 [1]成為一項重要工作。

傳統(tǒng)的高速機電設(shè)備維護管理系統(tǒng)存在信息錄入花費時間長、效率低等缺點，難以滿足設(shè)備維護多樣化、高精度和高效率要求。郭云、易勝等[2-10]根據(jù)高速公路特點提出的維護管理系統(tǒng)，只是基本解決了高速公路設(shè)備信息從人工錄入到系統(tǒng)初步自動化管理，系統(tǒng)界面不夠美觀、效率有待提高;王春曉[11]提出了基于ArcEngine組件的高速公路維護管理系統(tǒng)，結(jié)合ArcEngine組件技術(shù)，一定程度上提高了系統(tǒng)效率;周洪斌[12]提出了基于MVC技術(shù)的儀器設(shè)備維修管理系統(tǒng)，將數(shù)據(jù)訪問和數(shù)據(jù)表現(xiàn)分離，極大程度地提高了系統(tǒng)訪問效率。本文針對高速公路機電設(shè)備維護管理系統(tǒng)信息錄入與數(shù)據(jù)傳輸效率低下問題，采用MVC思想，提出了一種基于ASP.NET MVC框架并結(jié)合JQuery EasyUI技術(shù)的機電設(shè)備維護管理系統(tǒng)。

1 關(guān)鍵技術(shù)

1.1 ASP.NET MVC框架

ASP.NET MVC是微軟公司以MVC模式為基礎(chǔ)的ASP.NET Web應(yīng)用程序框架[13]。MVC（Model-View-Controller），即”模型-視圖-控制器”模式，實現(xiàn)Desktop程序中的數(shù)據(jù)模型和用戶界面程序代碼分離。采用MVC設(shè)計模式可將數(shù)據(jù)訪問和數(shù)據(jù)表現(xiàn)分離，使系統(tǒng)具有高度可擴展性、健壯性和可維護性[14-15]。

MVC是一種劃分系統(tǒng)功能的方法，它將一個系統(tǒng)劃分為3個部分[16]：①Model（模型）：在系統(tǒng)中實現(xiàn)業(yè)務(wù)邏輯，主要作用是存取數(shù)據(jù)庫中的數(shù)據(jù);②View（視圖）：用于與用戶交互，通常視圖依據(jù)模型數(shù)據(jù)創(chuàng)建;③Controller（控制器）：溝通模型層和視圖層，并根據(jù)用戶請求選擇相應(yīng)的視圖進行顯示，對用戶的輸入加以解釋，映射到模型層進行數(shù)據(jù)處理。其體系結(jié)構(gòu)如圖1所示。

一般控制器（Controller）在Model和View之間起溝通作用，在View上處理用戶輸入，并將其轉(zhuǎn)發(fā)給Model，這樣Model和View兩者之間可以松散耦合，甚至可以在完全不知道彼此的情況下由Controller實現(xiàn)連接。

1.2 JQuery EasyUI插件

EasyUI是一組基于JQuery的用戶界面插件集合體[17]，具有功能強大的頁面效果，支持擴展和HTML5，可很大程度上節(jié)省開發(fā)項目的時間和規(guī)模。jQuery EasyUI的目的是幫助Web開發(fā)者設(shè)計出美觀且功能豐富的UI界面。編程人員不必編寫復雜的js代碼，也不需詳細了解css風格樣式，只需了解一些簡單的html標簽。jQuery EasyUI為創(chuàng)建跨瀏覽器網(wǎng)頁提供了一套完整組件，包括功能強大的 datagrid（數(shù)據(jù)網(wǎng)格）、treegrid（樹形表格）、 panel（面板）、combo（下拉組合）等等。編程人員可根據(jù)需要組合使用部分組件，也可只用其中一個組件[18]。

2 設(shè)備維護管理系統(tǒng)設(shè)計

2.1 需求分析

機電設(shè)備維護管理系統(tǒng)除用戶消息功能外，還應(yīng)有如下功能：①登記故障記錄功能。該模塊主要包含故障信息添加、顯示再確認與查詢操作;②維修機電設(shè)備功能。該模塊包含維修申請信息新增、初審、次審以及人員分配等功能;③返廠維修設(shè)備功能。該模塊包含返廠維修記錄信息新增、展示與查詢功能;④報廢機電設(shè)備功能。該模塊包含報廢機電設(shè)備新增、審核、展示與查詢功能;⑤用戶消息模塊。該模塊包含權(quán)限分配和用戶消息提示等功能。

2.2 系統(tǒng)功能模塊設(shè)計

根據(jù)需求分析，系統(tǒng)分為登記故障記錄模塊、維修機電設(shè)備模塊、返廠維修設(shè)備模塊、報廢機電設(shè)備模塊、用戶消息5大功能模塊，如圖2所示。

2.3 數(shù)據(jù)庫設(shè)計

用戶在機電設(shè)備發(fā)生故障后，填寫對應(yīng)的申請表提交給上級領(lǐng)導審批，審批通過后分配維修人員對該設(shè)備進行維修并記錄相關(guān)信息。系統(tǒng)主要包含如下表單：

（1）用戶信息表（UseInfo）：用于對用戶信息的錄入、修改、查詢，如表1所示。

（2）機電設(shè)備檔案表（ElectricFile）：用于對設(shè)備檔案的增、刪、改、查，如表2所示。

（3） 機電設(shè)備故障情況登記表（BreakdownRecord）：用于登記故障記錄以及故障展示與條件查詢，如表3所示。

（4）維修申請表（RepairApply）：用于保存用戶提交的維修申請信息，如表4所示。

3 系統(tǒng)實現(xiàn)

下面以登記故障記錄功能（如圖3所示）為例，給出Model、View、Controller的代碼。

3.1 Model層代碼

建好數(shù)據(jù)庫后，Model層讀取數(shù)據(jù)庫中的內(nèi)容并提供數(shù)據(jù)訪問方法，將讀取到的內(nèi)容傳遞給View層。登記故障記錄功能對應(yīng)的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; } ? ? //設(shè)備檔案編號

public DateTime GzTime { get; set; } ? ? //故障時間

public string GzAppearance { get; set; ? ?}//故障現(xiàn)象

public int GzState { get; set; } ? ? ? ? ?//故障狀態(tài)

}

3.2 View層代碼

View層中的頁面效果最終會直接呈現(xiàn)給用戶，在View層實現(xiàn)登記故障記錄的基本信息展示，呈現(xiàn)給用戶一個可視化操作界面。對應(yīng)主要代碼如下：

……

3.3 Controller層代碼

控制器（Controller）提供控制和處理用戶請求的入口，當接收到用戶請求時將用戶請求的URL路徑作相關(guān)處理，Controller選擇Model中某些數(shù)據(jù)和頁面呈現(xiàn)給用戶[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; ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?//設(shè)備檔案編號

breakdownRecord.GzTime = Convert-.ToDateTime（Request["GzTime"]）; ? ? ? ? ? //故障時間

breakdownRecord.GzAppearance = R-equest["GzAppearance"]; ? ? ? ? ? ? ? ? ? //故障現(xiàn)象

breakdownRecord.GzState = 0; ? ? ? ? //故障狀態(tài)（0表示待修復狀態(tài)）

breakdownRecordService.NewInfo（b-reakdownRecord）;

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

}

4 結(jié)語

EasyUI是一種跨瀏覽器的輕量級框架，與其它框架相比具有更為輕量與靈活、界面美觀、瀏覽器負載小等優(yōu)點[20]。本文采用EasyUI框架和AJAX技術(shù)設(shè)計實現(xiàn)了基于ASP.NET MVC框架的高速公路機電設(shè)備維護管理系統(tǒng)。系統(tǒng)以局部刷新的方式（AJAX）以及Json的格式傳輸數(shù)據(jù)，在信息錄入、傳輸、接收過程中，相對于傳統(tǒng)的高速機電設(shè)備維護管理系統(tǒng)，減少了錄入時間，提高了傳輸效率，方便管理單位對高速公路機電設(shè)備信息進行管理，大大降低了企業(yè)人力、財力成本，推動了企業(yè)管理的信息化與智能化。

參考文獻：

[1] 趙云達. 高速公路機電設(shè)備智能巡更系統(tǒng)應(yīng)用研究 [J]. 新媒體與信息科技，2016（8）：121- 122.

[2] 郭云. 高速公路機電工程維護管理系統(tǒng)研究與設(shè)計[J]. 交通工程，2013（11）：392-394.

[3] 易勝. 保宜高速公路建設(shè)信息化管理平臺的構(gòu)建與應(yīng)用[J]. 廣東公路交通，2013（6）：61-63.

[4] 牛組俊. 高速公路機電設(shè)備維護管理系統(tǒng)的設(shè)計與實現(xiàn)[J]. 應(yīng)用科技，2014（4）：300-301.

[5] 崔健. 高速公路機電維護管理系統(tǒng)的設(shè)計[J]. 數(shù)據(jù)通信，2017（5）：39-41.

[6] 虞安軍. 高速公路集團養(yǎng)護管理系統(tǒng)的設(shè)計與實現(xiàn)[J]. 中國交通信息化，2016（12）：139-141.