Flowable-ui流程引擎流程图绘制
最近因工作关系接触到流程引擎的，刚开始着手使用的是Flowable ,个人使用的前端技术是React.网上有关流程引擎的资料大多都是用Vuejs 。Reactjs 的资料很少。所以把这个用ReactJs 的程序拿出来给分享。
Flowable流程网上参考资料：B站波波是个憨憨Flowable工作流高级篇，前端流程设计器网上有很多开源，主要参考了bpmn-process-designer-main 这个是用Vue做的。
开发环境：Node 版本14以上，react版本17, bpmn-js 版本10。组件库用的 antd 版本4.20，umi组件。
1．登陆界面 用户名密码都是admin 其它的也可以，保留登陆界面是为了以后大家整合的时候方便
2.流程设计界面
3.程序功能 可以打开已有流程图文件，可以下载，预览，流程图组件排列，视图放大缩小，等功能。右侧可以设置属性
4.流程图简介
事件（event）流程生命周期中发生的事件，如流程开始，流程结束，还有任务边缘事件等等。
顺序流（sequence flow）流程生命周期中任务的流转方向，用箭头线标识。
网关（gateway）用于控制执行的流向。
任务（task）是流程引擎中的最重要的组件，流程就是为了完成特定任务，它又分为，发送任务，接收任务，手工任务，业务规则任务，脚本任务等，在OA流程中使用最多的是手工任务。
5.程序简单介绍
流程设计器初始化：
文件下载及编码：
本程序已放在github 上开源：有需要的可以去下载：
https://github.com/lllhy999/flowableMolder.git
6.展望及未来打算
这个前端程序，还有些地方不完善，离商用还有差距，没有发布功能等，只能做些参考使用。在学习使用Flowable流程的过程中，同时也接触些Camunda 流程引擎，感到Camunda 更强大些，支持微服务，官方文档更全面。国内使用Camunda 比较少。所以决定转向Camunda，目前已经接近完成包含后端，主要功能包含，流程图设计及发布包含Bpmn,Dmn,Form,人工任务启动，选择下一步处理人，退回上一流程，组织架构怎么设置以配合处理人选择，当前任务处理及查询，流程图查看。历史任务及流程图参看。
