湖北汽车工业学院学报
湖北汽車工業學院學報
호북기차공업학원학보
Journal of Hubei University of Automotive Technology
2015年
3期
52-57,61
,共7页
闫蓬%陈宇峰%张金亮%张涛
閆蓬%陳宇峰%張金亮%張濤
염봉%진우봉%장금량%장도
车辆状态监测%前端设计%MVC设计模式%动态网页
車輛狀態鑑測%前耑設計%MVC設計模式%動態網頁
차량상태감측%전단설계%MVC설계모식%동태망혈
vehicle state monitoring%front-end design%MVC design pattern%dynamic web page
采用MVC(Model-View-Controller)设计模式,分析设计了车辆状态监测平台架构,根据功能需求对平台前端进行了优化设计和实现,即结合JSP(Java Server Pages)、AJAX(Asynchronous JavaScript and XML)、Div等技术实现快速动态网页加载、网页分块设计等功能,并采用jQuery easyUI与Highcharts等JS(JavaScript)插件实现车辆状态监测数据的轻量化展示。结果表明:本平台前端设计能够达到页面动态显示、页面加载速度更快的效果,降低了前端设计开发成本。
採用MVC(Model-View-Controller)設計模式,分析設計瞭車輛狀態鑑測平檯架構,根據功能需求對平檯前耑進行瞭優化設計和實現,即結閤JSP(Java Server Pages)、AJAX(Asynchronous JavaScript and XML)、Div等技術實現快速動態網頁加載、網頁分塊設計等功能,併採用jQuery easyUI與Highcharts等JS(JavaScript)插件實現車輛狀態鑑測數據的輕量化展示。結果錶明:本平檯前耑設計能夠達到頁麵動態顯示、頁麵加載速度更快的效果,降低瞭前耑設計開髮成本。
채용MVC(Model-View-Controller)설계모식,분석설계료차량상태감측평태가구,근거공능수구대평태전단진행료우화설계화실현,즉결합JSP(Java Server Pages)、AJAX(Asynchronous JavaScript and XML)、Div등기술실현쾌속동태망혈가재、망혈분괴설계등공능,병채용jQuery easyUI여Highcharts등JS(JavaScript)삽건실현차량상태감측수거적경양화전시。결과표명:본평태전단설계능구체도혈면동태현시、혈면가재속도경쾌적효과,강저료전단설계개발성본。
The platform architecture of the vehicle state monitoring was analyzed and designed based on MVC(Model-View-Controller)design pattern. The front end of the platform was designed and imple?mented by optimized technologies according to the requirements. The fast dynamic web page loading and web page segmentation design were achieved by JSP(Java Server Pages), AJAX(Asynchronous JavaScript and XML)and Div. The lightweight display of vehicle states was implemented by JS(JavaS?cript)plug-in components, including jQuery easyUI and Highcharts. The results show that the platform can achieve the dynamic web page display and fast pages loading, as well as the decrease of the cost of the design and implementation of the front end.