黃志國(guó) 柯敏毅
摘 要:針對(duì)傳統(tǒng)高速公路機(jī)電設(shè)備維護(hù)管理系統(tǒng)信息錄入花費(fèi)時(shí)間長(zhǎng)、效率低等問題,結(jié)合MVC思想,設(shè)計(jì)并實(shí)現(xiàn)了基于ASP.NET MVC框架以及JQuery EasyUI插件的高速機(jī)電設(shè)備維護(hù)管理系統(tǒng)。該系統(tǒng)操作簡(jiǎn)單、功能完備,實(shí)現(xiàn)了高速機(jī)電設(shè)備的信息化與智能化,能夠?qū)Ω咚贆C(jī)電設(shè)備進(jìn)行全面、高效的管理。
關(guān)鍵詞:ASP.NET MVC;JQuery EasyUI;高速機(jī)電設(shè)備維護(hù)管理系統(tǒng)
DOI:10. 11907/rjdk. 182457
中圖分類號(hào):TP319
文獻(xiàn)標(biāo)識(shí)碼:A文章編號(hào):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)濟(jì)的發(fā)展,高速公路建設(shè)里程不斷增加,通行車輛越來越多,高速公路機(jī)電信息管理系統(tǒng)變得更加龐大和復(fù)雜,高速公路機(jī)電設(shè)備的維護(hù)工作也越來越繁重,保證設(shè)備維護(hù)管理系統(tǒng)正常運(yùn)作,使設(shè)備維護(hù)管理系統(tǒng)正常運(yùn)行 [1]成為一項(xiàng)重要工作。
傳統(tǒng)的高速機(jī)電設(shè)備維護(hù)管理系統(tǒng)存在信息錄入花費(fèi)時(shí)間長(zhǎng)、效率低等缺點(diǎn),難以滿足設(shè)備維護(hù)多樣化、高精度和高效率要求。郭云、易勝等[2-10]根據(jù)高速公路特點(diǎn)提出的維護(hù)管理系統(tǒng),只是基本解決了高速公路設(shè)備信息從人工錄入到系統(tǒng)初步自動(dòng)化管理,系統(tǒng)界面不夠美觀、效率有待提高;王春曉[11]提出了基于ArcEngine組件的高速公路維護(hù)管理系統(tǒng),結(jié)合ArcEngine組件技術(shù),一定程度上提高了系統(tǒng)效率;周洪斌[12]提出了基于MVC技術(shù)的儀器設(shè)備維修管理系統(tǒng),將數(shù)據(jù)訪問和數(shù)據(jù)表現(xiàn)分離,極大程度地提高了系統(tǒng)訪問效率。本文針對(duì)高速公路機(jī)電設(shè)備維護(hù)管理系統(tǒng)信息錄入與數(shù)據(jù)傳輸效率低下問題,采用MVC思想,提出了一種基于ASP.NET MVC框架并結(jié)合JQuery EasyUI技術(shù)的機(jī)電設(shè)備維護(hù)管理系統(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),即”模型-視圖-控制器”模式,實(shí)現(xiàn)Desktop程序中的數(shù)據(jù)模型和用戶界面程序代碼分離。采用MVC設(shè)計(jì)模式可將數(shù)據(jù)訪問和數(shù)據(jù)表現(xiàn)分離,使系統(tǒng)具有高度可擴(kuò)展性、健壯性和可維護(hù)性[14-15]。
MVC是一種劃分系統(tǒng)功能的方法,它將一個(gè)系統(tǒng)劃分為3個(gè)部分[16]:①M(fèi)odel(模型):在系統(tǒng)中實(shí)現(xiàn)業(yè)務(wù)邏輯,主要作用是存取數(shù)據(jù)庫(kù)中的數(shù)據(jù);②View(視圖):用于與用戶交互,通常視圖依據(jù)模型數(shù)據(jù)創(chuàng)建;③Controller(控制器):溝通模型層和視圖層,并根據(jù)用戶請(qǐng)求選擇相應(yīng)的視圖進(jìn)行顯示,對(duì)用戶的輸入加以解釋,映射到模型層進(jìn)行數(shù)據(jù)處理。其體系結(jié)構(gòu)如圖1所示。
一般控制器(Controller)在Model和View之間起溝通作用,在View上處理用戶輸入,并將其轉(zhuǎn)發(fā)給Model,這樣Model和View兩者之間可以松散耦合,甚至可以在完全不知道彼此的情況下由Controller實(shí)現(xiàn)連接。
1.2 JQuery EasyUI插件
EasyUI是一組基于JQuery的用戶界面插件集合體[17],具有功能強(qiáng)大的頁(yè)面效果,支持?jǐn)U展和HTML5,可很大程度上節(jié)省開發(fā)項(xiàng)目的時(shí)間和規(guī)模。jQuery EasyUI的目的是幫助Web開發(fā)者設(shè)計(jì)出美觀且功能豐富的UI界面。編程人員不必編寫復(fù)雜的js代碼,也不需詳細(xì)了解css風(fēng)格樣式,只需了解一些簡(jiǎn)單的html標(biāo)簽。jQuery EasyUI為創(chuàng)建跨瀏覽器網(wǎng)頁(yè)提供了一套完整組件,包括功能強(qiáng)大的 datagrid(數(shù)據(jù)網(wǎng)格)、treegrid(樹形表格)、 panel(面板)、combo(下拉組合)等等。編程人員可根據(jù)需要組合使用部分組件,也可只用其中一個(gè)組件[18]。
2 設(shè)備維護(hù)管理系統(tǒng)設(shè)計(jì)
2.1 需求分析
機(jī)電設(shè)備維護(hù)管理系統(tǒng)除用戶消息功能外,還應(yīng)有如下功能:①登記故障記錄功能。該模塊主要包含故障信息添加、顯示再確認(rèn)與查詢操作;②維修機(jī)電設(shè)備功能。該模塊包含維修申請(qǐng)信息新增、初審、次審以及人員分配等功能;③返廠維修設(shè)備功能。該模塊包含返廠維修記錄信息新增、展示與查詢功能;④報(bào)廢機(jī)電設(shè)備功能。該模塊包含報(bào)廢機(jī)電設(shè)備新增、審核、展示與查詢功能;⑤用戶消息模塊。該模塊包含權(quán)限分配和用戶消息提示等功能。
2.2 系統(tǒng)功能模塊設(shè)計(jì)
根據(jù)需求分析,系統(tǒng)分為登記故障記錄模塊、維修機(jī)電設(shè)備模塊、返廠維修設(shè)備模塊、報(bào)廢機(jī)電設(shè)備模塊、用戶消息5大功能模塊,如圖2所示。
2.3 數(shù)據(jù)庫(kù)設(shè)計(jì)
用戶在機(jī)電設(shè)備發(fā)生故障后,填寫對(duì)應(yīng)的申請(qǐng)表提交給上級(jí)領(lǐng)導(dǎo)審批,審批通過后分配維修人員對(duì)該設(shè)備進(jìn)行維修并記錄相關(guān)信息。系統(tǒng)主要包含如下表單:
(1)用戶信息表(UseInfo):用于對(duì)用戶信息的錄入、修改、查詢,如表1所示。
(2)機(jī)電設(shè)備檔案表(ElectricFile):用于對(duì)設(shè)備檔案的增、刪、改、查,如表2所示。
(3) 機(jī)電設(shè)備故障情況登記表(BreakdownRecord):用于登記故障記錄以及故障展示與條件查詢,如表3所示。
(4)維修申請(qǐng)表(RepairApply):用于保存用戶提交的維修申請(qǐng)信息,如表4所示。
3 系統(tǒng)實(shí)現(xiàn)
下面以登記故障記錄功能(如圖3所示)為例,給出Model、View、Controller的代碼。
3.1 Model層代碼
建好數(shù)據(jù)庫(kù)后,Model層讀取數(shù)據(jù)庫(kù)中的內(nèi)容并提供數(shù)據(jù)訪問方法,將讀取到的內(nèi)容傳遞給View層。登記故障記錄功能對(duì)應(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è)備檔案編號(hào)
public DateTime GzTime { get; set; } ? ? //故障時(shí)間
public string GzAppearance { get; set; ? ?}//故障現(xiàn)象
public int GzState { get; set; } ? ? ? ? ?//故障狀態(tài)
}
3.2 View層代碼
View層中的頁(yè)面效果最終會(huì)直接呈現(xiàn)給用戶,在View層實(shí)現(xiàn)登記故障記錄的基本信息展示,呈現(xiàn)給用戶一個(gè)可視化操作界面。對(duì)應(yīng)主要代碼如下:
……
故障通知時(shí)間 | 通知人 | ||
故障現(xiàn)象 | |||
自修處理情況 | |||
上報(bào)時(shí)間 | 修復(fù)時(shí)間 | ||
修復(fù)情況 | 設(shè)備編號(hào) | ||
使用單位 | @Html.DropDownList("GzUnit", (List | ||
3.3 Controller層代碼
控制器(Controller)提供控制和處理用戶請(qǐng)求的入口,當(dāng)接收到用戶請(qǐng)求時(shí)將用戶請(qǐng)求的URL路徑作相關(guān)處理,Controller選擇Model中某些數(shù)據(jù)和頁(yè)面呈現(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è)備檔案編號(hào)
breakdownRecord.GzTime = Convert-.ToDateTime(Request["GzTime"]); ? ? ? ? ? //故障時(shí)間
breakdownRecord.GzAppearance = R-equest["GzAppearance"]; ? ? ? ? ? ? ? ? ? //故障現(xiàn)象
breakdownRecord.GzState = 0; ? ? ? ? //故障狀態(tài)(0表示待修復(fù)狀態(tài))
breakdownRecordService.NewInfo(b-reakdownRecord);
return RedirectToAction("list", "RegisterRecord");
}
4 結(jié)語
EasyUI是一種跨瀏覽器的輕量級(jí)框架,與其它框架相比具有更為輕量與靈活、界面美觀、瀏覽器負(fù)載小等優(yōu)點(diǎn)[20]。本文采用EasyUI框架和AJAX技術(shù)設(shè)計(jì)實(shí)現(xiàn)了基于ASP.NET MVC框架的高速公路機(jī)電設(shè)備維護(hù)管理系統(tǒng)。系統(tǒng)以局部刷新的方式(AJAX)以及Json的格式傳輸數(shù)據(jù),在信息錄入、傳輸、接收過程中,相對(duì)于傳統(tǒng)的高速機(jī)電設(shè)備維護(hù)管理系統(tǒng),減少了錄入時(shí)間,提高了傳輸效率,方便管理單位對(duì)高速公路機(jī)電設(shè)備信息進(jìn)行管理,大大降低了企業(yè)人力、財(cái)力成本,推動(dòng)了企業(yè)管理的信息化與智能化。
參考文獻(xiàn):
[1] 趙云達(dá). 高速公路機(jī)電設(shè)備智能巡更系統(tǒng)應(yīng)用研究 [J]. 新媒體與信息科技,2016(8):121- 122.
[2] 郭云. 高速公路機(jī)電工程維護(hù)管理系統(tǒng)研究與設(shè)計(jì)[J]. 交通工程,2013(11):392-394.
[3] 易勝. 保宜高速公路建設(shè)信息化管理平臺(tái)的構(gòu)建與應(yīng)用[J]. 廣東公路交通,2013(6):61-63.
[4] 牛組俊. 高速公路機(jī)電設(shè)備維護(hù)管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J]. 應(yīng)用科技,2014(4):300-301.
[5] 崔健. 高速公路機(jī)電維護(hù)管理系統(tǒng)的設(shè)計(jì)[J]. 數(shù)據(jù)通信,2017(5):39-41.
[6] 虞安軍. 高速公路集團(tuán)養(yǎng)護(hù)管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J]. 中國(guó)交通信息化,2016(12):139-141.