vue可视化开发工具排行榜

本文我们介绍几个业界排名较高的vue可视化开发工具，也可以认为是vue低代码开发平台。

Vue低代码可视化表单

一款高效的Vue低代码表单、工作流表单，包含表单设计器和表单渲染器，可视化设计，一键生成源码，享受更多摸鱼时间。主要功能包括：

基于SpringBoot+Vue构建的低代码数据可视化开发平台，灵活的拖拽式布局、丰富的通用组件，帮助您快速的构建与迭代数据大屏页面。

1、原生支持多设备自动适配，真正做到一次开发，多处运行

2、拖拽式页面布局设计器，支持框选组件、组件复制粘贴、多组件组合等灵活的设计器功能

3、运行时样式编辑，实现一切你能想象的画面

4、运行时自定义脚本编辑，通过丰富的API接口，助你实现更为丰富的页面交互效果

5、丰富的组件进出场动画，让你的页面不再枯燥无味

6、支持可扩展的Echarts图表配置

7、支持工程级别与页面级别的图表主题定制与切换

8、原生支持多种数据源绑定（静态数据、API接口、数据库脚本、CSV数据文件）

简搭云可视化表单设计器致力于无码开发，构建各种管理系统，向简道云方向前进，预览采用vue源码进行预览，同时支持在线编辑各种业务逻辑，可轻松定义各种控件事件。同时完美仿写了简道云的关联数据库控件，关联查询数据控件，逻辑配置等功能，可无码构建各种微系统。

简搭云可视化平台总体结构由五部分组成：表单组件，表单互动化定制，模型vue源码解析器，模型Mybatis语法解析器，表结构创建。开发运维人员或用户通过可视化界面设计器通过“拖拉拽”的方式，设计开发业务表单和流程对象模型。

开发运维人员通过拖拽设计，生成对应表单设计JSON，表单设计JSON通过JqueryTemplate模板引擎渲染成vue源码，vue源码直接渲染各种表单界面。

而表单设计JSON包含了表单提交的json格式信息，通过这些信息我们可以动态创建修改数据库中的表，生成mybatis语法增删改查逻辑sql，并保存到数据库中，通过解析mybatis语法sql的后端java代码实现数据的存贮，从而达到无码开发实现各种业务需求功能。

一个基于 vue、datav、Echart 框架的 ” 数据大屏项目 “，通过 vue 组件实现数据动态刷新渲染，内部图表可实现自由替换。部分图表使用 DataV 自带组件，可进行更改，详情请点击下方 DataV 文档。
项目需要全屏展示（按 F11）。
项目部分区域使用了全局注册方式，增加了打包体积，在实际运用中请使用按需引入。
拉取项目之后，建议按照自己的功能区域重命名文件，现以简单的位置进行区分。
项目环境：vue-cli-3.0、webpack-4.0、npm-6.13、node-v12.16。

前端数据可视化demo。项目使用了vue3，由vite构建。可视化方面的库：原生三件套（HTML+CSS+JS）、ECharts、百度地图、OpenLayers、ThreeJs、FabricJS

项目使用 vite^2.5.4 搭建。

项目中用到 vue^3.2 、vue-router、vuex 做基础建设，使用了 element plus 做基础ui布局。

本项目是可视化方面的笔记，包含了：

最后，速优云低代码平台提供整套的低代码APaaS解决方案，可以快速拥有低代码BI、低代码小程序、低代码管理系统等能力，涵盖vue可视化开发工具全部功能。如有需要，欢迎联系试用