| Nowadays,cars have penetrated into every aspect of society and brought great convenience to people’s lives.At the same time,however,the problems of energy consumption and exhaust emissions caused by traditional vehicles are becoming increasingly severe,which have seriously threatened ecological security,and lead to a rapid growth of new energy vehicles.To further ensure the specification of usage and promote technological development,our state has set strict standards for the performance and safety of new-energy vehicles,requiring enterprises to establish a complete remote monitoring system for new energy vehicles and monitor the running status of vehicles in real time to prevent accidents.This paper mainly focuses on the front-end implementation related to the monitoring platform.By analyzing the shortcomings of existing monitoring schemes and the limitations of traditional technology architecture,this paper finally selected the front-end technology based on React.js as the monitoring platform solution.The monitoring platform is developed based on the B/S architecture and can be accessed through a Web browser,it also supports real-time monitoring of data which are collected and uploaded by the vehicle terminal without the need to install additional client software.In addition to this,the platform has done a lot of beautification in data visualization to make data display less abstract and boring,and also enables users to quickly acquire and filter target information in use,which has greatly improved work efficiency.The monitoring platform also has the function of issuing instructions,so that vehicles with safety hazards can take timely measures to avoid accidents..In terms of specific implementation,this paper firstly compares the characteristic of different front-end development technology,then determines the system requirements and development principles,and gives the overall architecture plan and design flow of this system.Considering the particularity of front-end development,this paper builds different development environments to solve the key problems of real-time interaction and page layout with reference to modularization ideas,and also finds a solution to optimize the date and request with the help of current mainstream optimization,which has greatly improved system performance and reduced resource consumption during communication.When it comes to the test session,the paper first tests each module’ function and then makes use of the lower-end machine’s real-time message to verify the platform’ ability of processing the real-time data.The test results show that the system functions normally and achieves the expected goals,and the overall scheme design seems to be reasonable.The system is simple in structure and convenient to use,it also has good cross-platformity and rich function expansion,and can comprehensively monitor the working condition parameters of the vehicle during operation,which provides a new idea for further research. |