基于 vue+JsPlumb 实现大数据流水线拓展流程工作台（vue-flow-topology）

介绍

vue-flow-topology 可以看做是一个独立的 Vue 项目（大数据流水线拓展流程工作台）纯前端Demo（通过JSON与后端交互），也可以嵌入到其他vue项目中使用，新版会作为优先版本持续迭代。

特性

• 支持画布重绘、拖拽、放大、缩小功能
• 支持鼠标滚轮缩放画布功能
• 支持拖拽、添加、删除节点功能
• 支持不同连线类型进行关联节点功能
• 支持删除连线、重绘连线功能
• 支持点击画布设置属性功能
• 支持点击节点设置属性功能
• 支持点击线进行设置属性功能
• 支持导入、导出指定数据文件功能
• 支持复制、粘贴节点功能

在线预览

1、预览地址 (master)：http://flow.zhenglinglu.cn

2、预览地址(simple)：http://flow.zhenglinglu.cn/simple.html

快速使用

# 克隆项目
git clone https://github.com/zlluGitHub/vue-flow-topology.git

# 进入项目目录
cd vue-flow-topology

# 安装依赖
npm install

# 启动服务
npm run dev

项目地址

• GitHub 地址：https://github.com/zlluGitHub/vue-flow-topology
• Gitee 地址：https://gitee.com/zlluGitHub/vue-flow-topology
• npm 地址：https://www.npmjs.com/package/vue-flow-topology

致谢

如果本文对您有帮助，可以多多点赞，这样使我更有动力写出更多更好的文章！"ヾ(◍°∇°◍)ﾉﾞ