很香的几款开源免费的流程设计器
yuyutoo 2025-01-06 16:12 2 浏览 0 评论
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) 效果截图：
相关推荐
- springBoot使用Log4j
-
添加依赖<dependency><groupId>org.springframework.boot</groupId><ar...
- Log4j 严重漏洞修最新修复方案参考
-
CVE-2021-44228，原理上是log4j-core代码中的JNDI注入漏洞。这个漏洞可以直接导致服务器被入侵，而且由于“日志”场景的特性，攻击数据可以多层传导，甚至可以威胁到纯内网的服...
- 如何在Spring Boot中使用Log4j日志框架
-
SpringBoot是目前Java领域比较流行的一个应用程序开发框架，默认情况下使用的是SLF4J和Logback作为日志框架，但是在某些场景下，我们可能需要用到Log4j或Log4j2来满足一些特...
- log4j的使用
-
初识log4jlog4j是Apache的一个开放源代码项目，通过使用Log4j，我们可以控制日志信息输送的目的地是控制台、文件、GUI组件，甚至是套接口服务器、NT的事件记录器、UNIXSyslog...
- log4j的详细配置
-
###设置日志级别###log4j.rootLogger=error,stdout,D,E###输出到控制台###log4j.appender.stdout=org.apac...
- 深蹲时脚掌的打开弧度到底多少比较合适?
-
引子哈喽，大家晚上好，今天我还是给大家带来深蹲的小技巧。我们在之前的文章中，已经说过非常多关于深蹲的小技巧了，我想大家也已经知道了该如何去做一个正确的深蹲。今天我要给大家介绍一个经常被大家所忽略的技巧...
- 中杯vivo X90 对比超大杯X90 Pro+:京东方Q9和三星E6差距大吗?
-
X90标准版应该是大家目前最早能用到量产天玑9200处理器的一款手机了吧，根据蓝厂准则，想贪便宜肯定不能去线上买呀，线上买只是为了给低预算的朋友“分期”用的，根据线下渠道商提示：X90标准版目前已降价...
- 学习Geogebra重要的100条学习随笔(12)
-
角度①“0”:Alt+O；“π”:Alt+P；②GeoGebra默认计算都是使用弧度制；③携带度符号(°)的正常计算，但常量π/180会自动转为弧度。...
- 高中数学-三角函数
-
三角函数角的度量单位通常有两种，一种是角度制，另一种就是弧度制。...
- 数学与三角函数的基础用法和示例(一)
-
1.ABS函数说明返回数字的绝对值。一个数字的绝对值是该数字不带其符号的形式。语法ABS(number)...
- 折弯大圆弧每次折多少刀，折弯角度怎么计算
-
第一种方法如何折圆弧？（无模具时）如上图所示：板厚T=2MM，圆心角为90°1、先计算出弧长：弧长L=90°×3.14÷180°×中心层R59=92.632、选取折弯模具：上模用直剑刀，下模用8V（折...
- 高中数学里的角，和初中学的不太一样
-
同学们好，我是李状元数学课的李老师，讲人人都听得懂的高中数学课。经常有同学说起三角函数时会有点头疼，可是呢，三角函数其实是高中数学里比较基础的一部分，虽然应用非常广泛，但是一般都不会考察特别难的题目，...
- PS办公技巧:如何更改圆角矩形的弧度?
-
应用场景下图PS文档中有3个完全相同的圆角矩形（当前所有的圆角半径均为10像素），每个圆角矩形单独占用一个图层。下面我们让第1个图层“圆角矩形上”维持原样不变方便对比观察，将第2个图层“圆角矩形中”的...
- 解读角度制与弧度制的基础知识(讲义稿)
-
一、角度制1、什么叫做角度制？我们在平面几何学里研究的角度制，规定周角的1/360度为一度的角。这种用单位来度量角的制度叫做角度制。2、怎样用量角器来测量角？角的大小经常用量角器来测量(1)、点重合，...
欢迎 你 发表评论:
- 一周热门
- 最近发表
- 标签列表
-
- mybatis plus (70)
- scheduledtask (71)
- css滚动条 (60)
- java学生成绩管理系统 (59)
- 结构体数组 (69)
- databasemetadata (64)
- javastatic (68)
- jsp实用教程 (53)
- fontawesome (57)
- widget开发 (57)
- vb net教程 (62)
- hibernate 教程 (63)
- case语句 (57)
- svn连接 (74)
- directoryindex (69)
- session timeout (58)
- textbox换行 (67)
- extension_dir (64)
- linearlayout (58)
- vba高级教程 (75)
- iframe用法 (58)
- sqlparameter (59)
- trim函数 (59)
- flex布局 (63)
- contextloaderlistener (56)