【学习笔记】Flowable - 01 - 工作流 快速上手

一、准备

1.1 环境准备

  • JDK8

  • Flowable6 (6.3 or 6.7.2)

  • Postgresql (MySQL同样支持)

1.2 学习视频资料

  • 波哥:2023年Flowable详细讲解
  • 波哥:2022年Flowable教程-基础篇
  • Flowable BPMN 用户手册 中文
  • 官方网站
  • 官方github源码

1.3 流程设计器

IDEA低版本提供一个BPMN解析插件:

image-20240103170757769

但是并没有很好的支持流程的绘制。

存在几个工具:

  1. 古老的Eclipse(太老的不推荐
  2. 官方的FlowableUI(推荐

1.3.1 官方的FlowableUI

部署:官方提供的war包,下载到tomcat中即可启动

  • 官方下载地址:https://github.com/flowable/flowable-engine/releases/tag/flowable-6.7.2

Flowable提供了几个web应用,用于演示及介绍Flowable项目提供的功能:

  • Flowable IDM: 身份管理应用。为所有Flowable UI应用提供单点登录认证功能,并且为拥有IDM管理员权限的用户提供了管理用户、组与权限的功能。
  • Flowable Modeler: 让具有建模权限的用户可以创建流程模型、表单、选择表与应用定义。
  • Flowable Task: 运行时任务应用。提供了启动流程实例、编辑任务表单、完成任务,以及查询流程实例与任务的功能。
  • Flowable Admin: 管理应用。让具有管理员权限的用户可以查询BPMN、DMN、Form及Content引擎,并提供了许多选项用于修改流程实例、任务、作业等。管理应用通过REST API连接至引擎,并与Flowable Task应用及Flowable REST应用一同部署。

所有其他的应用都需要Flowable IDM提供认证。每个应用的WAR文件可以部署在相同的servlet容器(如Apache Tomcat)中,也可以部署在不同的容器中。由于每个应用使用相同的cookie进行认证,因此应用需要运行在相同的域名下。

1.3.2 其他

类似的编辑器还有官方的bpmn.js

其他第三方编辑器等

二、Flowable-UI快速上手

使用一个简单的案例,快速演示一样flowable-ui怎么耍

2.0 Docker快速安装

指令

docker run -d -p 28081:8080 flowable/flowable-ui

快速整一个

访问地址:/flowable-ui/ 账号admin 密码 test

image-20240104100647465

2.1 flowable-ui身份管理

  1. 进入身份管理应用程序

    image-20240104100910993

  2. 添加用户张三和王五

    image-20240104100931449

  3. 进入权限控制页面,给角色分配权限3

    image-20240104101118455

  4. 使用张三和王五的账号测试登陆,并确认查看到“任务应用程序”

    image-20240104101221298

2.2 flowable-ui流程图绘制

  1. 进入建模器应用程序,点击创建流程

    image-20240104101342279

    image-20240104101505911

  2. 简单介绍一下绘制界面

    image-20240104101744104

  3. 绘制一个简单的流程

    image-20240104101934093

  4. 点击部门审批,右下角的分配给用户,可以将这个流程分配给某一个指定用户。这里将部门审批分配给张三,经理审批分配给王五

    image-20240104102044316

    image-20240104102130338

  5. 点击左上角的保存按钮,保存流程图。保存成功后可以在流程模型页面看到刚才保存的流程。

    image-20240104102231143

至此,一个简单的流程图就绘完毕了

2.3 flowable-ui流程审批演示

接下来演示一下流程的部署,执行,分配,审批,结束

2.3.1 发布应用程序

操作步骤如下:

  1. 点击“应用程序”,并创建应用程序

    image-20240104102514078

  2. 创建完毕后,需要添加刚才创建好的流程模型。

    image-20240104102610657

    image-20240104102636432

  3. 保存应用程序,重新点开该应用程序,找到“发布”按钮,作用就跟部署一样

    image-20240104102802730

    image-20240104102816065

  4. 回到首页,就可以看到我们刚才发布的应用程序了

    image-20240104102948793

2.3.2 发布流程

2.3.2.1 任务和流程的区别

image-20240104103218860

image-20240104103225570

  • 任务是对于当前角色而已,需要当前用户or角色处理/审批的任务,会以列表的形式存放在任务重
  • 流程则是一个完整的工作流流程,是一个整体的观察角度
2.3.2.2 操作步骤
  1. 在首页找到任务应用程序,或者刚才发布好的应用程序按钮

    image-20240104103351527

  2. 进入流程页面,点击启动流程,选择对应的流程并启动流程

    image-20240104103423396

    image-20240104103457161

  3. 为了便于查看,启动了3个不同的流程。可以点击查看图,查看当前流程到哪里了

    image-20240104103624153

    image-20240104103644055

  4. 【登陆张三账号】可以看到“任务”界面里是有这几个任务的!点击“完成”即可完成这个步骤的审批工作

    image-20240104103840133

    image-20240104103918488

  5. 【登陆王五】可以在任务列表看到刚才张三审批好的流程,点击完成可以完成王五的审批工作

    image-20240104104013715

  6. 至此,流程就算完成了,点击流程中的状态进行筛选,就可以看到已经完成的任务了

    image-20240104104059637

    image-20240104104130424

    image-20240104104136903

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/322687.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

【CFP-专栏3】多领域SCI/EI快刊,1个月录用,12天见刊,1个月检索!

一、材料科学类SCI 【期刊概况】IF:3.0-4.0, JCR3区,中科院4区; 【大类学科】材料科学; 【检索情况】SCI在检; 【录用周期】2-3个月左右录用; 【接收领域】低温环境下新型生物降解材料的开发相关研究均可&#xf…

net8 rdl rdlc ssrs报表设计器表头合并单元格(垂直合并)

报表设计器下载地址 https://www.microsoft.com/zh-cn/download/details.aspx?id53613 或者从vs扩展插件安装 打开报表设计器,插入矩阵表格(只有这个才能支持表头单元格合并) 在列单元右建,插入行,根据实际需要添加…

怎样通过交换机封锁MAC地址

第一步:查询该IP所对应的MAC地址 display arp | include ip地址 第二步:封锁mac地址 mac-address blackhole mac地址 vlan 所属vlan-id 以上操作即可封锁

Robot Framework之python脚本调用

目录 目录结构 ​编辑 Python函数作为关键字 一、通过Import Library关键字在*** Test Cases ***中引用python脚本 ​编辑 二、通过Library关键字在*** Settings ***中引入python脚本 Python类作为测试库 一、通过Library关键字在*** Settings ***引入python脚本中的类 …

如何实现一个好用的全链路多测试环境(HTTP篇)

这里是weihubeats,觉得文章不错可以关注公众号小奏技术,文章首发。拒绝营销号,拒绝标题党 背景 随着公司的发展,研发的系统和开发人员会变得越来越多。但是测试环境却始终只有一个,所以久而久之,我们就发现研发经常遇…

载誉前行!科士达新能源荣获光能杯卓越解决方案奖项

1月10日,由索比光伏网主办的“光能杯”光伏行业颁奖典礼在苏州隆重举行,科士达新能源凭借深厚的技术实力、强大的创新力、优质的产品及解决方案、丰富的项目经验等,斩获“卓越光储充一体化解决方案“殊荣。 作为智慧能源领域全场景解决方案供…

数据结构排序算法总结

直接插入排序 折半插入排序 希尔排序 冒泡排序 快速排序 选择排序 堆排序 归并排序 1.直接插入排序 前面的有序 后面的无序&#xff0c;无序元素插入到前面的有序列表中 int len nums.length, i 1, j 0;for(i1; i<len; i){int ele nums[i];// 插入过程for(j i…

深信服技术认证“SCSA-S”划重点:逻辑漏洞

为帮助大家更加系统化地学习网络安全知识&#xff0c;以及更高效地通过深信服安全服务认证工程师考核&#xff0c;深信服特别推出“SCSA-S认证备考秘笈”共十期内容&#xff0c;“考试重点”内容框架&#xff0c;帮助大家快速get重点知识~ 划重点来啦 *点击图片放大展示 深信服…

springboot设置统一响应头——无效?接口无响应?

背景 对接一个关联方系统&#xff0c;我这边需要提供几个接口。对方要求&#xff0c;这些接口有统一的响应格式&#xff0c;并且有统一的响应头。统一的响应头包含如下&#xff1a; {"TT-Encrypt":"noaction","Content-Encoding":"gzip&q…

v-if 实现不同的状态样式

目录 一、实现思路 二、实现步骤 案例一&#xff1a; ①view部分展示 ②JavaScript 内容 ④ 效果展示 案例二&#xff1a; ①view部分展示 ②JavaScript 内容 ④ 效果展示 ​编辑 一、实现思路 通过v-for循环获取数据并进行判断该条记录中status的状态 给不同的状态赋值&am…

FDTD2018a安装问题记录

FDTD2018a安装问题记录 目录问题解决方案 目录 问题 解决方案 电脑名字如果是中文改成英文

【数据结构】C语言实现顺序栈

顺序栈的C语言实现 导言一、栈的分类二、顺序栈2.1 顺序栈的数据类型2.2 顺序栈的初始化2.3 栈的判空2.5 顺序栈的进栈2.6 顺序栈的出栈2.7 顺序栈的查找2.8 顺序栈的另一种实现方式2.9 顺序栈的销毁 结语 导言 大家好&#xff0c;很高兴又和大家见面啦&#xff01;&#xff0…

【数学建模美赛M奖速成系列】数据可视化(二)

数据可视化&#xff08;二&#xff09; 写在前面百分比堆叠线条图优点缺点实现pythonmatlab 火山图优点实现pythonmatlab 最后 写在前面 上一篇文章为大家分享了山脊图和气泡图的绘图方法与代码&#xff0c;这里学姐为继续为大家分享百分比堆叠线条图和火山图&#xff0c;包含…

Linux下的HTTPS配置:从证书到安全连接

在当今的互联网环境中&#xff0c;数据传输的安全性越来越受到重视。HTTPS&#xff0c;作为HTTP的安全版本&#xff0c;通过使用SSL/TLS协议来加密数据传输&#xff0c;确保了数据在传输过程中的安全。在Linux环境下&#xff0c;配置HTTPS需要从证书的生成到服务器的配置进行一…

RT-Thread入门笔记3-线程的创建

线程 RT-Thread 中&#xff0c;线程由三部分组成&#xff1a;线程代码&#xff08;入口函数&#xff09;、线程控制块、线程堆栈. 线程代码: 线程控制块 : 线程控制块是操作系统用于管理线程的一个数据结构&#xff0c; 它会存放线程的一些信息&#xff0c; 例如优先级、 线程…

[Python练习]使用Python爬虫爬取豆瓣top250的电影的页面源码

1.安装requests第三方库 在终端中输入以下代码&#xff08;直接在cmd命令提示符中&#xff0c;不需要打开Python&#xff09; pip install requests -i https://pypi.douban.com/simple/ 从豆瓣网提供的镜像网站下载requests第三方库 pip install requests 是从国外网站下…

为何劳保鞋现在如此受欢迎,这就是原因!

当代年轻人最大的消费原则&#xff0c;必须是不花半点冤枉钱&#xff0c;伴随着军大衣成为“时尚单品”&#xff0c;硬核劳保鞋也大受欢迎。今天百华小编就与大家一起看看劳保安全鞋为何如此受大众欢迎呢。 首先&#xff0c;随着人们安全意识的提高&#xff0c;对个人安全和健康…

手把手教你学会接口自动化系列十一-将用例写在json中,持久化管理起来下

上一篇我写了登录&#xff0c;我们发现json还是没有什么大问题&#xff0c;还蛮好用的&#xff0c;但是我们再写下一个&#xff0c;比如线索新建接口的时候&#xff0c;我们写着写着会发现问题&#xff1a; 我们写获取url的没有问题&#xff0c;代码如下&#xff1a; # !/usr…

vue:使用【3.0】:拖拽数据

1、参考链接&#xff1a;vue.draggable中文文档 - itxst.com 2、想要实现的效果图&#xff1a;红框内容可以拖拽 3、安装 yarn add vuedraggablenext npm i -S vuedraggablenext 4、代码 <template><draggable:list"columns"ghost-class"ghost&qu…

mac下配置git自定义快捷命令

1. 指定自定义别名 vi ~/.bash_profile open ~/.bash_profile 配置环境变量,插入类似下面的内容 alias gcgit checkout alias gmgit commit -m alias gcbgit checkout -balias gtgit statusalias gagit add .alias glggit logalias gdgit diffalias grnmgit rm node_modul…