基于Vue框架的数据可视化工具前端系统的设计与实现  

Design and Implementation of Data Visualization Tool Front-End System Based on Vue Framework

作　　者：李娟 宋玉娥[1] 郭蕊[1] LI Juan;SONG Yu'e;GUO Rui(School of Information Engineering,Beijing Polytechnic College,Beijing 100042,China)

机构地区：[1]北京工业职业技术学院信息工程学院,北京100042

出　　处：《北京工业职业技术学院学报》2024年第2期18-23,共6页Journal of Beijing Polytechnic College

基　　金：2023年北京工业职业技术学院大学生科研训练项目(BGY2022XSKY-28);2023年北京工业职业技术学院职业教育教学改革项目(JGXM-202307)。

摘　　要：在信息时代,数据可视化工具为用户提供了直观、高效的方式展示数据。然而,通过对多种数据可视化工具进行调查和研究,发现许多工具仍存在卡顿、流程复杂以及上手慢等问题。为解决这些问题,提出了采用Vue框架作为可视化工具前端的方案,利用其响应式数据绑定、组件开发和DOM虚拟树等优势,开发了一种新的数据可视化工具的前端系统,并结合WebSocket技术实现了数据的实时更新。页面预览测试显示:设计的系统效果良好,运行流畅,有效提升了数据可视化工具的性能和易用性。In the information age,data visualization tools provide users with an intuitive and efficient way to present data.However,through the investigation and research of a variety of data visualization tools,it is found that many tools still have problems such as lag,complex process and slow implementation.In order to solve these problems,a scheme of using Vue framework as the front-end of visualization tool is proposed.Using its advantages of reactive data binding,component development and DOM virtual tree,a new front-end system of data visualization tool is developed,and the real-time update of data is realized by combining WebSocket technology.The page preview test shows that the designed system works well and runs smoothly,which effectively improves the performance and ease of use of the data visualization tool.

关 键 词：数据可视化工具 Vue框架 可视化编辑器 

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