很香的几款开源免费的流程设计器

boyanx2个月前技术教程11

1、LogicFlow

(1) 介绍:

LogicFlow 是一款流程图编辑框架,提供了一系列流程图交互、编辑所必需的功能和灵活的节点自定义、插件等拓展机制。LogicFlow支持前端研发自定义开发各种逻辑编排场景,如流程图、ER图、BPMN流程等。在工作审批配置、机器人逻辑编排、无代码平台流程配置上都有较好的应用。

(2) 源码下载:

https://github.com/didi/LogicFlow

(3) 项目说明:

http://logic-flow.org/guide/start.html#%E5%AE%89%E8%A3%85

(4) 效果截图:


2、easy-flow

(1) 介绍:

easy-flow 基于VUE+ElementUI+JsPlumb的流程设计器,通过 vuedraggable 插件来实现节点拖拽。

(2) 源码下载:

https://gitee.com/xiaoka2017/easy-flow#%E9%A1%B9%E7%9B%AE%E4%BB%8B%E7%BB%8D

(3) 项目说明:

  • 支持拖拽添加节点
  • 点击线进行设置条件
  • 支持给定数据加载流程图
  • 支持画布拖拽
  • 支持连线样式、锚点、类型自定义覆盖
  • 支持力导图

(4) 效果截图:




3、vue-flow-design-plus

(1) 介绍:

VUE FLOW DESIGN PLUS流程设计器,基于Vue + Ant Design Vue + JSPlumb,该组件目的是为了使用在Vue项目中,它前身是VFD流程设计器。

Vue版本以全新的技术栈重构了代码,并在原版基础上实现了更好的操作方式,新版会作为优先版本持续迭代。

(2) 源码下载:

https://gitee.com/zhangyeping/vue-flow-design-plus

(3) 项目说明:

VUE3 FLOW DESIGN 流程设计器,基于 Vue3 + TypeScript + Vite + Ant Design Vue 3 + JSPlumb。

(4) 效果截图:

4、approvalFlow--仿钉钉流程设计器

(1) 介绍:

一款模仿钉钉审批流程开发的表单+流程设计器,可以实现类似钉钉审批流程界面效果,前端使用vue开发。

(2) 源码下载:

https://github.com/SNFocus/approvalFlow

(3) 项目说明:

表单配置(form-generator)

  • 拖拽表单,生成布局页面
  • 配置拖拽组件属性,定制组件形态
  • 生成JSON数据并生成预览页面

流程节点配置(仿钉钉界面)

  • 创建审批流程(发起人,审批人,条件节点,抄送人)
  • 配置节点详细数据,包括条件节点表达式及期望值等
  • 配置节点对表单的权限(目前并未在预览页面中做控制)
  • 必填节点校验

(4) 效果截图:

标签: video.js

相关文章

移动端自动化 AutoJS 快速入门指南(上)

来源:AirPython作者:星安果1. 前言大家好,我是安果!之前写过很多 App 端自动化的文章,大都基于 Appium、Airtest、无障碍服务等技术来实现的其中,Appium 和 Airte...

杜淳晒女儿跑步萌态,1岁小蛋饺步伐超稳,全身肉嘟嘟可爱爆棚

4月27日下午,杜淳在个人社交平台分享了一段女儿小蛋饺跑步的萌态,老父亲还感慨写道:“奔跑吧,我的小蛋饺,跑着跑着就长大了,我的小公主”。杜淳自从升级奶爸后,这“女儿奴”属性真是愈发明显了,每一次晒与...

优酷土豆会员视频有漏洞可免费看

【电脑报在线】优酷土豆很多精彩内容要VIP会员才可以看到,不过我们发现这当中有漏洞,现在出现了一种不那么安全的方法可以破解获得会员权限,非会员也可以看到VIP内容。 优酷土豆很多精彩内容要VIP会员才...

通过 YAPI + Python Flask 实现接口自动化测试

背景公司目前主打两款陌生人社交产品,暖聊和 CP,两款产品都有 Android 和 iOS 端。暖聊涵盖了音视频匹配,交友大厅,聊天室,视频直播,广场,家族,IM 消息和任务中心八大模块,共计 841...

Odyssey.js,用交互地图+多媒体讲清碎片化时代的故事

时间轴是所有叙事方式都抽不掉的一根线,不管是小说、新闻、还是记录片,不管出现了多么丰富的媒介形态,如果地理维度—放在互联网时代来讲就是交互地图本身也能跟时间一样重要的话,即将文字、图片、视频多种媒介形...

JS竟然可以读取文件?#web前端

这个视频来说一下js的文件读取。刚好有同学问到,首先要说一点,对文件进行读写、增删、改查一系列的操作是涉及到用户隐私安全的。用前端语言,比方JS是不可能完全做到的。要不然写一个网页,访问了就可以在本地...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。