车载终端数据采集配置管理系统的前端设计与开发.pdfVIP

车载终端数据采集配置管理系统的前端设

计与开发

郝学敏张海瑞王洋张延良张博强

摘要：为提高数据采集配置的制作效率，满足车载终端用户多变的数据采集需

求，本文利用VUE框架结合Element组件库设计开发了面向用户的数据采集配

置管理系统，该系统前端页面简洁明了，具备配置查询、配置制作、用户权限管

理及文件资源管理等基本功能。目前已成功运行240余天，具有制作配置耗时

短、准确性高等优势。

关键词：车载终端；数据采集；B/S结构

0.引言

车载终端是车辆监控管理的一种电子设备，能够集成定位、通信、在线监测

及数据采集等功能，其中数据采集依托终端与发动机电控单元（Electronic

ControlUnit,ECU）交互，采集车辆运行数据，为用户提供专业便捷的指导服

务。随着物联网大数据时代的到来，车载终端用户增长迅速，过去依赖于终端开

发人员通过脚本制作配置进行数据采集的方式，已经无法满足目前用户的数据采

集需求。

本文基于前人开发的脚本程序，以VisualStudioCode为开发工具，采用

[1]

VUE前端框架，设计开发了基于浏览器/服务器（Browser/Server，B/S）结构

的自动化数据采集配置管理系统，为用户制作采集配置提供高效、便捷的网络

[2]

服务。

1.需求分析

基于业务前期脚本制作配置的经验和用户反馈的使用建议，分析采集配置管

理系统客户需求：

（1）采集配置管理。用户可以制作管理配置，同时对系统他人配置能够编

辑复用。

（2）查表文件管理。系统管理员可对查表文件进行上传和删除管理，同时

维护查表文件后台数据，为用户制作配置提供匹配信息。

（3）用户权限管理。系统管理员可以添加或删除用户，对用户角色权限进

行管理。

（4）通过浏览器访问系统，通过简单操作便可完成采集配置的管理等工作。

2.架构设计

采集配置管理系统采用JavaScript（JS）编程语言对前端业务逻辑进行编写，

基于渐进式的JS框架VUE进行开发，网络结构体系是目前流行的浏览器/服务

器（B/S，Browser/Server）架构，根据数据类型不同，查表文件使用Mongo

DB数据库单独存储，其余数据使用MySQL数据库存储。

[3]

本系统架构由表示层、业务逻辑层、数据访问层和数据库4个功能层组成，

如图1所示。

图1采集配置管理系统架构设计

2.1表示层

表示层是前端用户视图界面，展示业务范围，提供数据写入接口，用户通过

浏览器对配置系统进行操作，将指令传至业务逻辑层，后端对数据进行处理后返

回结果，表示层将结果渲染于前端页面。

2.2业务逻辑层

业务逻辑层存放业务逻辑代码，接受来自表示层的用户请求，并与数据访问

层相连，完成后端与数据库的交互，实现前后端开发分离，便于后期业务人员系

统维护。

2.3数据访问层

数据访问层作为数据库与业务逻辑层之间的连接，能够完成业务数据的增、

删、改、查，将结果写入数据库表单文件中。

2.4数据库

数据库分为两部分，一部分是查表文件的数据集合；另一部分是采集配置编

号、ECU型号版本对应的ODT、变量个数限制、变量字节限制、用户分组信息

等配置所需数据集合。

3.采集配置管理系统开发实例

3.1功能介绍

在深度剖析用户需求后，我们开发了采集配置管理系统，本系统包括4个功

能模块：配置查询、配置制作、查表文件管理和用户极限管理。

（1）配置查询。配置查询具备个人配置浏览和系统配置搜索功能，同时该

界面提供配置复用、删除和导出按钮，用户能够实现对系统已有配置的编辑及个

人配置的管理。

（2）配置制作及复用。首次，使用系统，用户需开通账号