开源免费的流程设计器如何选型
大家在开发OA办公自动化、ERP、CRM、BPM、低代码平台等项目的时候，经常用到流程引擎，目前主流的开源流程引擎有activiti、flowable、camunda。这几个开源的流程引擎均基于BPMN2.0国际规范标准，其功能均比较强大，接口也很丰富。但涉及到人机交互界面大部分都需要定制开发，开源工作流引擎默认界面都不太适合中国项目使用要求。首先需要了解一下BPMN2.0规范是什么，见下图，更详细的了解请百度“BPMN2.0模型规范标准”之类的关键词。
本文重点介绍，基于activiti、flowable、camunda开源工作流引擎，如何选择一个开源免费的流程设计器，进行集成和扩展开发，快速交付项目使用。
一、流程设计器开源组件bpmn-js
bpmn-js 是 BPMN 2.0 渲染工具包和 Web 模型。bpmn-js 正在努力成为 Camunda BPM 的一部分。bpmn-js 使用 Web 建模工具可以很方便的构建 BPMN 图表，可以把 BPMN 图表嵌入到你的项目中，容易扩展。bpmn-js是基于原生js开发，支持集成到vue、react等开源框架中，集成起来也比较简单，而且与activiti、flowable、camunda开源工作流引擎无缝集成。使用bpmn-js也有缺点，由于bpmn-js底层依赖了画图工具diagram-js 和bpmn模型解析组件bpmn-moddle ，这两个开源组件的源代码比较复杂，一般前端开发人员很难搞定，功能和样式扩展修改比较费劲。
官方网站：Web-based tooling for BPMN, DMN, CMMN, and Forms | bpmn.io
在线体验：http://www.yunchengxc.com
源码解读：Bpmn.js 进阶指南之原理分析与模块改造 - 掘金
建议：专业的BPM项目选择bpmn-js流程设计器，因为bpmn-js包含了全部BPMN 2.0的元素配置，设计的流程图可以很复杂，尤其是流程事件和协作，非钉钉流程设计器或OA类工作流设计器可取代，比如下面这个基于事件的招聘面试流程。
二、仿钉钉流程设计器
阿里钉钉作为中国协同办公的主流平台，其中表单设计器和流程设计器的功能及交互风格，对国内的企业和用户影响很大，一部分专业的低代码平台/BPM厂商也推出了仿钉钉版流程设计器，也有一部分客户提出流程设计器要改造程钉钉类的。在开源社区里也有vue和react版本的仿钉钉流程设计器框架。
仿钉钉版流程设计器不能与activiti、flowable、camunda等开源流程引擎无法集成，因为钉钉版流程设计器生成的模型不是bpmn2.0标准规范，需要中间做转化才可以，转化可以是前端JS处理，也可以是后端Java处理，大部分公司是基于BPMN模型的工具类在Java后端进行处理的，这个处理相当于做一个适配器，把A模型转化成B模型，其工作量不小，而且复杂的模型转化很容易出错。
开源地址：GitHub - StavinLi/Workflow-Vue3: 仿钉钉审批流程设置vue3版本
在线体验：https://stavinli.github.io/Workflow-Vue3/dist/index.html#/
建议：钉钉流程设计器尤其明显的优点和缺点。优点是更符合业务人员操作习惯，使用起来比较容易理解，更适合简单的人工审批流程，缺点是不能设计复杂的BPMN流程。如果系统的定位是简单的办公类需求，仿钉钉流程设计器是可取的，反之需要谨慎考虑。
三、基于G6的流程设计器
Antv G6本是阿里Antv团队开源的一个可视化图形框架。G6 是一个简单、易用、完备的图可视化引擎，它在高定制能力的基础上，提供了一系列设计优雅、便于使用的图可视化解决方案。能帮助开发者搭建属于自己的图可视化、图分析、或图编辑器应用。G6是绘图方面也是可以选择的，可以使用 canvas 或 svg 渲染，默认是Canvas，在可视化及交互方面，G6是比较突出的，比jsplumb 更好用。
开源地址：GitHub - guozhaolong/wfd-vue: flowable workflow designer for Vue base on @antv/g6
体验地址：https://guozhaolong.github.io/wfd-vue/
建议：bpmn-js 版流程设计器太专业太复杂，仿钉钉流程设计器太简单使用场景太局限，有没有折中的方案？选择一个好的图画工具自行开发流程设计器，即选择Antv G6开源框架开发流程设计器就是好的方案，优点是画图功能比较强大，可按业务需求灵活定制。缺点是Antv G6的生成的流程图模型与bpmn2.0模型不一致，也需要自己开发适配器进行模块转换。
四、其它开源流程设计器
还有其它开源版流程设计器，这里不作重点介绍，感兴趣的读者请自行研究。
vue-flow-design-plus: Vue Flow Design Plus流程设计器，基于Vue + Ant Design Vue + JSPlumb
Documentation · LogicFlow
LogicFlow
Diagram and visual applications builder - jsPlumb Toolkit
Vue3 AntV X6 2.0流程设计器: vue3+AntV X6 2.0版本 完成的流程设计器。内控业务属性的系统流程审批使用，一些职能带、边条件前端表达式定义，节点属性审批策略、岗位、角色、审批人、处理功能等
easy-flow: 基于VUE+JsPlumb的流程设计器，演示地址
RuoYi-activiti: 打造最好用的OA数字化解决方案，基于Activiti6.0，集流程设计、流程部署、流程执行、任务办理、流程监控于一体的开源工作流开发平台。
相关文章：
开源免费的流程设计器如何选型
大家在开发OA办公自动化、ERP、CRM、BPM、低代码平台等项目的时候，经常用到流程引擎，目前主流的开源流程引擎有activiti、flowable、camunda。这几个开源的流程引擎均基于BPMN2.0国际规范标准，其功能均比较强大，接口也很丰富。但涉…...
设置pdb自动启动
参考文档： How to Preserve Open Mode of PDBs When the CDB Restarts (Doc ID 1933511.1) -- 查看pdb的保留状态.无保留状态 select * from DBA_PDB_SAVED_STATES; SYScdbtest SQL> select * from DBA_PDB_SAVED_STATES;no rows selectedSYScdbtest SQL> -…...
抖店入驻成功后，新手需要怎么做？7天起店流程教会你！
我是电商珠珠 在抖店入驻成功后，很多新手并不知道怎么将抖店做起来。 我做抖店也已经3年时间了，期间也带着想做店的小伙伴一起，是第一波入驻抖店，并吃到抖店红利的商家。 虽然现在抖店起店比着去年、前年相对难了一些ÿ…...
RTS 客户端-服务器网络
Stone Monarch 从一开始就支持多人游戏，但随着时间的推移，网络模型经历了多次迭代。我最初基于这篇著名的帝国时代文章实现了点对点锁步模型。 点对点锁定步骤有一些众所周知的问题。点对点方面使玩家很难相互连接，并增加了每个新玩家的网络…...
python连接数据库的方式
python连接数据库的方式 pyzenith.connect（）函数就是连接数据库； exception.ScriptException（）这一句是自定义异常，可以不用我这个； finally里面还有一个try finally是有必要的，防止…...
【腾讯云云上实验室-向量数据库】探索腾讯云向量数据库：全方位管理与高效利用多维向量数据的引领者
目录 前言1 腾讯云向量数据库介绍2 向量数据库信息及设置2.1 向量数据库实例信息2.2 实例监控2.3 密钥管理2.4 安全组2.5 Embedding2.6 可视化界面 3 可视化界面4 Embedding4.1 embedding_coll精确查询4.2 unenabled_embedding_coll精确查询 5 数据库5.1 创建数据库5.2 插入数据…...
二、sql手工注入
一、SQL注入的本质 解释：想要进行sql注入，肯定要发现注入点，一般简单的sql注入通过下面两种方式判断就能发现是否存在sql注入漏洞 1.字符型 注意：字符型注入可能为或" 查询语句： select * from student where…...
day61 layui和分页原理
昨日内容回顾 choices参数的使用 一般用在什么场景：当被存储的字段数据可能被列举完毕的时候一般会使用choices参数 性别 学历 来源 工作经验等 一般情况下不在数据表中直接存储中文，存数字、存字母来做映射 # 怎么使用 gender_choices ((1, 男),(2…...
Rust开发——变量、静态变量与常量
1.变量 在 Rust 中，类型安全是通过静态类型系统来实现的。变量绑定默认情况下是不可变的（immutable）。 在 Rust 中声明一个变量时，默认情况下它是不可变的。例如： fn main() {let x ：i32 5; // 这是一个…...
javascript Math相关计算取值属性方法
*向上取整【只要有小数就+1】 Math.ceil(3.14); // 4 *向下取整【有小数就舍弃】 Math.floor(3.14); // 3 parseInt(3.14); // 3 // 常用于字符串类型的数字转为十进制的数据 四舍五入【小数点后部分】 Math.round(11.5)); //12 Math.round(-11.5)); //-11 取两数…...
git reset hard,mixed,soft
首先，我们得了解git reset命令的形式之一： git reset [<mode>] [<commit>] 此命令的作用是恢复HEAD分支到<commit>位置，并根据<mode>决定是否恢复index file和working tree。恢复是指将staging area和working tree…...
Cookie与Session知识
目录 一.Cookie与Session的发展史 1.Cookie的发展史 2.Session的发展史 3.Cookie和Session的关系 4.总结 二.Cookie与Session详解 1.Cookie 2.Session 3.token 4.总结 三.Django操作Cookie 1.设置Cookie 2.获取Cookie 3.设置超时时间 4.注销Cookie 5.登录功能实…...
Vue批量全局处理undefined和null转为““ 空字符串
我们在处理后台返回的信息，有的时候返回的是undefined或者null，这种字符串容易引起用户的误解，所以需要我们把这些字符串处理一下。 如果每个页面都单独处理，那么页面会很冗余，并且后期如果有修改容易遗漏，…...
【2023年APMCM亚太杯C题】完整数据与解题思路
2023年亚太杯C题 数据下载与搜集重点数据其余数据第一问第二问第三问第四问第五问第六问 数据与思路获取 数据下载与搜集 该题并没有提供数据集，对所需数据进行收集整理是对题目进行求解的基础。在本题中，主要需要以下数据：新能源汽车历史销…...
嵌入式单片机方向和Linux驱动开发方向哪个发展前景好？
嵌入式单片机方向和Linux驱动开发方向哪个发展前景好？ 在某些平台上看到很多人鼓吹嵌入式Linux开发比单片机开发要好，让所有人都去做嵌入式Linux开发。说这种话的人大多数是嵌入式Linux的培训机构，或者是一开始就以嵌入式Linux入门的那一批人…...
如何搭建Zblog网站并通过内网穿透将个人博客发布到公网
文章目录 1. 前言2. Z-blog网站搭建2.1 XAMPP环境设置2.2 Z-blog安装2.3 Z-blog网页测试2.4 Cpolar安装和注册 3. 本地网页发布3.1. Cpolar云端设置3.2 Cpolar本地设置 4. 公网访问测试5. 结语 1. 前言 想要成为一个合格的技术宅或程序员，自己搭建网站制作网页是绕…...
2：kotlin集合（Collections）
集合有助于数据分组，方便后续操作 集合类型说明Lists有序的可重复的集合Sets无序的不可重复的集合Maps键值对映射集合，键唯一，且一个键只能映射到一个值 每个集合类型都可以是可变的或者只读的 List List按照添加的顺序存储内容ÿ…...
小诺2.0开源版工程启动
小诺是一款开源的前后端开发框架，同若依、SpringBladex一样可作为私活、外包脚手架。 开源地址：Snowy: 最新：💖国内首个国密前后分离快速开发平台💖，采用Vue3AntDesignVue3 ViteSpringBootMpHuToolSaToke…...
idea手动导入maven包
当maven仓库中没有包时，我们需要手动导入jar到maven项目中 1.这里的maven设置成你自己安装的maven 2.查看pom.xml文件中maven，以下面为例 <dependency><groupId>com.jdd.pay</groupId><artifactId>mapi-sdk-v3</artifactId&…...
2、单片机及开发板介绍
单片机介绍 单片机，英文Micro Controller Unit,简称：MCU 内部集成：CPU、RAM(随机存储器)、ROM（只读存储器）、定时器、中断系统、通讯接口等 作用：信息采集（传感器）、处理࿰…...
华为云AI开发平台ModelArts
华为云ModelArts：重塑AI开发流程的“智能引擎”与“创新加速器”！ 在人工智能浪潮席卷全球的2025年，企业拥抱AI的意愿空前高涨，但技术门槛高、流程复杂、资源投入巨大的现实，却让许多创新构想止步于实验室。数据科学家…...
测试微信模版消息推送
进入“开发接口管理”--“公众平台测试账号”，无需申请公众账号、可在测试账号中体验并测试微信公众平台所有高级接口。 获取access_token: 自定义模版消息： 关注测试号：扫二维码关注测试号。 发送模版消息： import requests da…...
: K8s 核心概念白话解读(上)：Pod 和 Deployment 究竟是什么？)
云原生核心技术 (7/12): K8s 核心概念白话解读(上)：Pod 和 Deployment 究竟是什么？
大家好，欢迎来到《云原生核心技术》系列的第七篇！ 在上一篇，我们成功地使用 Minikube 或 kind 在自己的电脑上搭建起了一个迷你但功能完备的 Kubernetes 集群。现在，我们就像一个拥有了一块崭新数字土地的农场主，是时…...
java_网络服务相关_gateway_nacos_feign区别联系
1. spring-cloud-starter-gateway 作用：作为微服务架构的网关，统一入口，处理所有外部请求。 核心能力： 路由转发（基于路径、服务名等）过滤器（鉴权、限流、日志、Header 处理）支持负…...
PPT|230页| 制造集团企业供应链端到端的数字化解决方案：从需求到结算的全链路业务闭环构建
制造业采购供应链管理是企业运营的核心环节，供应链协同管理在供应链上下游企业之间建立紧密的合作关系，通过信息共享、资源整合、业务协同等方式，实现供应链的全面管理和优化，提高供应链的效率和透明度，降低供应链的成…...
关于nvm与node.js
1 安装nvm 安装过程中手动修改 nvm的安装路径， 以及修改 通过nvm安装node后正在使用的node的存放目录【这句话可能难以理解，但接着往下看你就了然了】 2 修改nvm中settings.txt文件配置 nvm安装成功后，通常在该文件中会出现以下配置&…...
【单片机期末】单片机系统设计
主要内容：系统状态机，系统时基，系统需求分析，系统构建，系统状态流图 一、题目要求 二、绘制系统状态流图 题目：根据上述描述绘制系统状态流图，注明状态转移条件及方向。 三、利用定时器产生时…...
css的定位（position）详解：相对定位 绝对定位 固定定位
在 CSS 中，元素的定位通过 position 属性控制，共有 5 种定位模式：static（静态定位）、relative（相对定位）、absolute（绝对定位）、fixed（固定定位）和…...
MySQL账号权限管理指南：安全创建账户与精细授权技巧
在MySQL数据库管理中，合理创建用户账号并分配精确权限是保障数据安全的核心环节。直接使用root账号进行所有操作不仅危险且难以审计操作行为。今天我们来全面解析MySQL账号创建与权限分配的专业方法。 一、为何需要创建独立账号？ 最小权限原则…...
Docker 本地安装 mysql 数据库
Docker: Accelerated Container Application Development 下载对应操作系统版本的 docker ；并安装。 基础操作不再赘述。 打开 macOS 终端，开始 docker 安装mysql之旅 第一步 docker search mysql 》〉docker search mysql NAME DE…...