车辆状态监测平台的前端设计与实现  

Front-end Design and Implementation of Platform for Vehicle State Monitoring

作　　者：闫蓬 陈宇峰[1] 张金亮[1] 张涛[1] 

机构地区：[1]湖北汽车工业学院电气与信息工程学院,湖北十堰442002

出　　处：《湖北汽车工业学院学报》2015年第3期52-57,61,共7页Journal of Hubei University Of Automotive Technology

基　　金：国家科技支撑计划课题(2014BAG01B02;2014BAG01B03);湖北省自然科学基金重点项目(2013CFA054);湖北省自然科学基金项目(2014CFB287);湖北汽车工业学院重大科研项目预研基金项目(2014XY02)

摘　　要：采用MVC(Model-View-Controller)设计模式,分析设计了车辆状态监测平台架构,根据功能需求对平台前端进行了优化设计和实现,即结合JSP(Java Server Pages)、AJAX(Asynchronous Java Script and XML)、Div等技术实现快速动态网页加载、网页分块设计等功能,并采用j Query easy UI与Highcharts等JS(Java Script)插件实现车辆状态监测数据的轻量化展示。结果表明:本平台前端设计能够达到页面动态显示、页面加载速度更快的效果,降低了前端设计开发成本。The platform architecture of the vehicle state monitoring was analyzed and designed based onMVC（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 loadingand web page segmentation design were achieved by JSP（Java Server Pages）, AJAX（AsynchronousJava Script and XML）and Div. The lightweight display of vehicle states was implemented by JS（Java S-cript）plug-in components, including j Query easy UI and Highcharts. The results show that the platformcan achieve the dynamic web page display and fast pages loading, as well as the decrease of the cost ofthe design and implementation of the front end.

关 键 词：车辆状态监测 前端设计 MVC设计模式 动态网页 

分 类 号：TP311.1[自动化与计算机技术—计算机软件与理论]