新能源汽车远程监控平台的前端实现.pdfVIP

中文摘要 摘 要 现如今，汽车已经深入社会的方方面面，给人们的生活出行带来了很大方便。 但与此同时，传统汽车导致的能源消耗和尾气排放问题变得愈发严峻，严重威胁 到了生态安全，新能源汽车就在这样的大背景下应运而生。为了进一步确保使用 规范，促进技术发展，国家对新能源汽车的性能和安全都设立了严格标准，要求 企业需要建立完善的针对新能源汽车的远程监控平台，实时监测车辆运行状态以 预防事故发生。本文主要讲述的就是与监控平台相关的前端实现。 通过分析现有监控方案的缺点及传统技术架构所拥有的局限性，本文最终选定 以React.js 为主的前端技术作为监控平台的解决方案。该监控平台基于 B/S 架构开 发，仅借助浏览器就可以访问，并支持实时监测由车载终端采集和上传的数据， 无须安装额外的客户端软件。此外，平台在数据可视化方面做了大量的美化，降 低了数据的抽象性和枯燥性，使用户在使用过程中能迅速获取和筛选目标信息， 大大提高了工作效率。监控平台还具备下发指令的功能，对于有安全隐患的车辆 可以及时采取措施，避免事故的发生。 在具体实现方面，本文首先针对前端开发技术做了比较选型，然后确定了系统 需求和开发原则，并以此为基础给出了系统的整体架构方案和设计流程。针对前 后端开发的特殊性，本文分别搭建了不同的开发环境，参照模块化的思想解决了 实时交互和页面布局的关键问题，并借助当下主流的优化方案对系统做了请求和 数据的优化，极大地提升了系统的性能，降低了通信过程中的资源消耗。测试时 首先对各个模块进行了功能测试，然后联合下位机发送实时报文检测了平台处理 实时数据的能力，测试结果表明系统功能运行正常，达到预期目标，整体方案设 计合理。 本系统结构简单、使用方便，具有良好的跨平台性和丰富的功能扩展性，能够 全面监测车辆运行时候的工况参数，为日后的研究提供了新的思路。 关键词：React.js ；前端开发；实时监控；模块化 I 英文摘要 Abstract Nowadays, cars have penetrated into every aspect of society and brought great convenience to peoples 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 imp