【亲测免费】 基于Vue2+element-ui+AntV X6实现的流程图编辑器

项目简介

本项目是一个基于Vue2、element-ui和AntV X6实现的流程图编辑器。框架的核心功能已经搭建完成，支持组态化呈现，用户可以自定义节点、属性绑定、样式调整等操作。项目采用Vuex统一管理各个属性，方便用户根据自己的需求进行自定义调整、修改和添加功能。最终，用户可以将编辑好的流程图导出为json数据，以便后续回显使用。

主要功能

• 组态化呈现：流程图以组态化的方式呈现，用户可以直观地进行编辑和调整。
• 自定义节点：支持用户自定义节点的类型、样式和属性，满足不同场景的需求。
• 属性绑定：节点属性可以与数据进行绑定，方便用户进行动态调整。
• 样式调整：用户可以根据需要调整节点的样式，包括颜色、大小、形状等。
• Vuex统一管理：所有属性通过Vuex进行统一管理，确保数据的一致性和可维护性。
• 导出json数据：编辑完成后，用户可以将流程图导出为json数据，方便后续回显和使用。

使用说明

1. 克隆项目：首先将项目克隆到本地。
2. 安装依赖：使用npm install或yarn install安装项目所需的依赖。
3. 启动项目：使用npm run serve或yarn serve启动项目，进入开发模式。
4. 自定义调整：根据需求，用户可以对节点、属性、样式等进行自定义调整。
5. 导出数据：编辑完成后，点击导出按钮，将流程图导出为json数据。

注意事项

• 本项目基于Vue2和element-ui开发，建议用户具备一定的Vue开发经验。
• 项目中使用了AntV X6作为流程图的核心库，用户需要了解其基本使用方法。
• 导出的json数据可以直接用于后续的回显操作，建议用户妥善保存。

贡献

欢迎大家提出建议和改进意见，可以通过提交Issue或Pull Request的方式参与项目贡献。

许可证

本项目采用MIT许可证，详情请参阅LICENSE文件。