SpringBoot整合Flowable【03】- 通过Flowable-UI体验一个简单流程

简介: 本文介绍了如何使用Flowable 7.0以下版本的flowable-ui进行流程建模、发布和执行。首先,通过解压并启动flowable-ui war包,访问http://localhost:8080/flowable-ui/idm/#/login登录系统。接着,创建并绘制一个简单的绩效流程模型,包含开始节点、任务节点(自评、上级评、隔级评)和结束节点,并为各节点分配处理人。然后,创建应用并发布绩效流程。最后,通过创建a、b、c三个用户分别完成各节点任务,演示了整个流程的执行过程。本文旨在帮助读者理解Flowable的基本操作和流程元素,后续将介绍通过Java代码控制流程的方法。

一、前置准备

对于第一次使用Flowable,我们先采用官方提供的flowable-ui进行模型的绘制,让各位读者可以感受到整个流程的运行变化,从而在后期的编码中不会感到迷惑,这也是我本次选择使用7.0版本以下的flowable的原因(前文提过:官方将7.0以上的版本已经移除flowable-ui)。

1.启动flowable-ui

将下载的压缩包中的flowable-ui的war包解压出来。
1.png
通过java -jar命令启动该应用。
2.png
应用启动成功后,就可以通过:http://localhost:8080/flowable-ui/idm/#/login 进行访问,管理员账号admin、密码test。
3.png

2.创建模型

登录进系统后,点击建模器应用程序菜单进入模型管理界面。
4.png
接着通过创建流程就可以为模型设置基础属性。
5.png
设置完成基础属性后,点击创建就可以进入模型绘制界面,正式开始绘制流程。这里需要提一嘴的是:在实际业务中,模型key我们需要采用UUID生成,需要尽可能保证该key的唯一性。
6.png
绘制界面大致分为以下四个区域,主要说明下“物料区”和“设置区”,“物料区”提供了很多流程图需要的组件,“设置区”则是可以为整个流程或每个节点进行属性设置。
7.png
一个最基础的流程应包含开始节点、任务节点和结束节点,接下来我来绘制一个简单的绩效流程。

3.绘制模型

开始节点会默认创建,我们需要点击这个“人”图标添加任务节点,点击“圆”图标添加结束节点。
8.png
为开始节点和结束节点添加名称,点击具体的节点,在下方的设置区就可以进行相关设置。
9.png
为各任务节点添加节点名称,这个简单的绩效流程我们设立自评、上级评、隔级评三个节点。
10.png
为各任务节点分配处理人,每个用户任务节点都需要有人去处理,比如:在日常的工作中,你要请假就需要向领导申请,领导批假后才可以休假。Flowable在任务节点提供了分配人的选项,让我们可以设置各任务节点的责任人。
11.png
关于这里的分配用户设置,需要给各位读者说明下:身份存储用的是Flowable内置的用户和权限配置,如果我们要用自己业务系统的用户关系就用固定值的方式分配责任人。这里需要提醒下:如果我们要采用自己的用户关系,Flowable是不会进行鉴权的,包括节点引用的表单(Ps:大家这个时候不知道表单是什么没影响,后面的文章中都会讲,先知道有这么个概念。)需要我们在代码层面根据业务自己进行鉴权,也就是说如果我们自己也不校验,任何用户都是可以完成节点任务的。我这里为了方便演示,三个节点分别指派a、b、c三个用户执行。
12.png
如果需要配置流程属性,点击节点外的空白区域就可以。到此,我们这个简单的绩效流程就建好了,保存模型就可以开始部署了。
13.png

二、流程发布

完成了模型的创建,现在就需要我们创建应用,把这个流程发布出来使用。

1.创建应用

在模型管理界面点击应用程序,进行应用的创建与发布。
14.png
创建应用的流程和创建模型差不多,这里就不赘述了,直接看图,再强调一下Flowable里你创建的每个东西如果需要填写key,那么都要保证唯一性,我建议采用业务前缀+UUID的方式生成。这里说一下,绘制模型时的三个任务节点其实也都有id,如果我们不配置,引擎会自动生成,但在实际业务中,建议还是自己结合业务生成。
15.png

2.发布应用

在创建应用成功后,自动跳转到应用编辑界面,在这里为应用关联我们刚刚保存的绩效模型。
16.png
之后就可以保存我们创建的这个应用。
17.png
保存成功之后点击我们创建的这个应用,将这个应用发布,此时,这个流程就可以使用了。
18.png

三、流程演示

应用发布成功后,就可以开始这个流程的体验了。

1.开始流程

回到首页,就可以看到我们刚刚发布的这个绩效流程。
19.png
进入应用界面,通过流程菜单点击开启流程就可以开始执行这个绩效流程。
20.png
在创建流程的时候我们分别采用固定值的方式指派了a、b、c三个节点的处理人,实际上这里如果用代码执行的话,只要节点处理人这个字段有传值都可以完成相应的节点。但flowable-ui这里如果不登陆对应处理人账号的话,对应节点其他账号是看不到的,这里方便演示还是创建三个处理人账号。

2.创建新用户

管理员账号通过身份管理应用程序进行新用户的添加。
21.png
简单地创建a、b、c三个用户,分别对应我们前面各节点的配置。
22.png
并在权限控制页为三个用户按需配置一下权限,否则用户登录进来什么也看不到。
23.png

3.执行任务

首先a用户登录系统,进入绩效应用就可以看到自己有个待完成的任务,点击完成后该流程进入下一个节点。
24.png
在流程页可以看到当前流程的执行情况,可以看到该流程已经执行到上级评节点。
25.png
接着如法炮制,分别登录b、c用户,完成上级评、隔级评节点任务,在完成隔级评后,该流程执行完成,此时流程界面就看不到该流程了。
26.png
在已完成的流程里,可以看到该流程已经执行完成了。
27.png

四、小结

这篇文章主要是带领大家使用官方自带的demo体验了一下流程的创建、部署、启用等过程,让大家对流程有了一个初步的认识,比如节点是什么、一个流程应包含哪些元素、一个节点又包含什么属性等等。但我们在业务开发中肯定不能靠Flowable提供的这个demo进行流程控制,所以在下篇文章中将带领各位读者使用Java代码的方式来控制流程。

目录
打赏
0
1
0
0
153
分享
相关文章
【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
193 90
【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
SpringBoot项目打war包流程
本文介绍了将Spring Boot项目改造为WAR包并部署到外部Tomcat服务器的步骤。主要内容包括:1) 修改pom.xml中的打包方式为WAR;2) 排除Spring Boot内置的Tomcat依赖;3) 添加Servlet API依赖;4) 改造启动类以支持WAR部署;5) 打包和部署。通过这些步骤,可以轻松地将Spring Boot应用转换为适合外部Tomcat服务器的WAR包。
211 64
SpringBoot项目打war包流程
SpringBoot启动流程
springboot项目在启动的时候, 首先会执行启动引导类里面的SpringApplication.run(AdminApplication.class, args)方法 这个run方法主要做的事情可以分为三个部分 : 第一部分进行SpringApplication的初始化模块,配置一些基本的环境变量、资源、构造器、监听器 第二部分实现了应用具体的启动方案,包括启动流程的监听模块、加载配置环境模块、及核心的创建上下文环境模块 第三部分是自动化配置模块,该模块作为springboot自动配置核心,在后面的分析中会详细讨论
详细介绍SpringBoot启动流程及配置类解析原理
通过对 Spring Boot 启动流程及配置类解析原理的深入分析,我们可以看到 Spring Boot 在启动时的灵活性和可扩展性。理解这些机制不仅有助于开发者更好地使用 Spring Boot 进行应用开发,还能够在面对问题时,迅速定位和解决问题。希望本文能为您在 Spring Boot 开发过程中提供有效的指导和帮助。
96 12
spring boot 启动流程
Spring Boot 启动流程简介: 在使用 Spring Boot 之前,启动 Java Web 应用需要配置 Web 容器(如 Tomcat),并将应用打包放入容器目录。而使用 Spring Boot,只需运行 main() 方法即可启动 Web 应用。Spring Boot 的核心启动方法是 SpringApplication.run(),它负责初始化和启动应用上下文。 主要步骤包括: 1. **应用启动计时**:使用 StopWatch 记录启动时间。 2. **打印 Banner**:显示 Spring Boot 的 LOGO。 3. **创建上下文实例**:通过反射创建
146 5
|
2月前
|
SpringBoot整合Flowable【02】- 整合初体验
本文介绍了如何基于Flowable 6.8.1版本搭建工作流项目。首先,根据JDK和Spring Boot版本选择合适的Flowable版本(7.0以下)。接着,通过创建Spring Boot项目并配置依赖,包括Flowable核心依赖、数据库连接等。然后,建立数据库并配置数据源,确保Flowable能自动生成所需的表结构。最后,启动项目测试,确认Flowable成功创建了79张表。文中还简要介绍了这些表的分类和常用表的作用,帮助初学者理解Flowable的工作原理。
412 0
SpringBoot整合Flowable【02】- 整合初体验
SpringBoot整合Flowable【07】- 驳回节点任务
本文通过绩效流程的业务场景,详细介绍了如何在Flowable工作流引擎中实现任务驳回功能。具体步骤包括:获取目标任务节点和当前任务节点信息,进行必要的判空和逻辑校验,调用API完成节点回退,并清理相关脏数据(如历史任务和变量)。最后通过测试验证了驳回功能的正确性,确保流程能够成功回退到指定节点并清除中间产生的冗余数据。此功能在实际业务中非常有用,能够满足上级驳回自评等需求。
123 0
SpringBoot整合Flowable【07】- 驳回节点任务
SpringBoot整合Flowable【04】- 通过代码控制流程流转
本文介绍了如何使用Flowable的Java API控制流程流转,基于前文构建的绩效流程模型。首先,通过Flowable-UI导出模型文件并部署到Spring Boot项目中。接着,详细讲解了如何通过代码部署、启动和审批流程,涉及`RepositoryService`、`RuntimeService`和`TaskService`等核心服务类的使用。最后,通过实际操作演示了流程从部署到完成的全过程,并简要说明了相关数据库表的变化。本文帮助读者初步掌握Flowable在实际业务中的应用,后续将深入探讨更多高级功能。
220 0
SpringBoot整合Flowable【04】-  通过代码控制流程流转
基于Flink CDC 开发,支持Web-UI的实时KingBase 连接器,三大模式无缝切换,效率翻倍!
TIS 是一款基于Web-UI的开源大数据集成工具,通过与人大金仓Kingbase的深度整合,提供高效、灵活的实时数据集成方案。它支持增量数据监听和实时写入,兼容MySQL、PostgreSQL和Oracle模式,无需编写复杂脚本,操作简单直观,特别适合非专业开发人员使用。TIS率先实现了Kingbase CDC连接器的整合,成为业界首个开箱即用的Kingbase CDC数据同步解决方案,助力企业数字化转型。
83 5
基于Flink CDC 开发,支持Web-UI的实时KingBase 连接器,三大模式无缝切换,效率翻倍!
探索安卓开发中的自定义视图:打造个性化UI组件
【10月更文挑战第39天】在安卓开发的世界中,自定义视图是实现独特界面设计的关键。本文将引导你理解自定义视图的概念、创建流程,以及如何通过它们增强应用的用户体验。我们将从基础出发,逐步深入,最终让你能够自信地设计和实现专属的UI组件。

热门文章

最新文章

AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等