侧边栏壁纸
  • 累计撰写 92 篇文章
  • 累计创建 98 个标签
  • 累计收到 10 条评论

目 录CONTENT

文章目录

Flowable-UI最新版6.7.0入门篇之启动流程

汤圆学Java
2021-12-24 / 0 评论 / 0 点赞 / 558 阅读 / 3,177 字
温馨提示:
本文最后更新于 2022-01-05,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

前言

上一节我们介绍了 Flowable UI 如何创建一个流程,这一节我们就来使用这个流程;

把所有的分配人都设置为自己,然后自己发起,自己审核。

目录

  1. 创建应用程序
  2. 发布应用程序
  3. 启动应用程序(发起流程)
  4. 填写请假表单
  5. 脚本计算(请假天数在10天内还是10天外)
  6. 流程审批(分配人员审批)
  7. 完成

正文

可以直接看图片,看完对流程的使用也会有一个大致的印象

1. 创建应用程序

首先我们访问 http://localhost:8080/flowable-ui 进入主面板,然后点击建模器应用程序=>应用程序,进入应用程序的管理界面,如下所示

image-20211104093345830

image-20211104093613332

此时看到的应用程序是空的,现在我们就来创建;

点击创建应用程序,填入应用程序的基本信息,如下所示:

image-20211104093827890

这里的key跟前面的表单key是一样的,都是唯一。

创建之后,会看到下面的界面:

image-20211104094007078

这里我们点击编辑包含的模型,将上一节创建的流程包含进来,点击后弹出下面的模态框

image-20211104094116522

点击模型后,模型的右上角就会有一个**+图标**,表示已经选中了,然后点击关闭;

回到刚才的应用程序界面,如下所示,可以看到模型已经包含进来,然后点击左上角的保存图标

image-20211104094413604

看到下面的界面,这里我们先不发布(为了熟悉界面操作,等下我们在详情页发布),我们先保存并关闭编辑器

image-20211104094546157

2. 发布应用程序

关闭后,看到下面的界面,我们点击选中的详情信息图标

image-20211104095102005

image-20211104095406048

可以看到,有多种发布方式,前两种就是先打包应用程序并下载,然后部署到其他地方;第三种是直接发布到当前的程序种;

这里我们为了方便演示,直接发布到当前程序,点击发布后,显示如下:

image-20211104095537288

发布成功后,显示如下

image-20211104095559399

然后我们回到主面板,可以看到刚才发布的应用程序,如下所示:

image-20211104095637347

3. 启动应用程序

我们点击这个程序 HolidayRequest,会进入到流程管理界面,如下所示:

image-20211104095726319

切换到流程标签页,点击启动流程,如下所示:

image-20211104095830093

可以看到前面创建的流程模型,这里我们点击右侧的启动流程,这样流程就跑起来了

image-20211104095902662

image-20211104095922761

接下来,我们就开始执行这个流程,先切换到任务标签页,可以看到刚才启动的流程;

4. 填写请假表单

第一步就是填写请假表单,这里我们先填写一个10天以外的假期,如下所示:

image-20211104100149779

5. 脚本计算

点击完成,会进入到流程的下一个节点,脚本任务-计算假期天数,这里我们超过了10天,所以需要经过管理员的审批;

6. 流程审批

这里我们的管理员的审批分配的是自己(admin),所以我们点击完成后,会看到下面的界面:

image-20211104100413193

这里只有一个完成按钮,因为我们前面的管理员审批没有设置条件;

7. 完成

此时我们点击完成按钮,到此一个请假任务就完成了,如下所示:任务和流程都为空

image-20211104100627095

大家感兴趣的可以试下,把前面的假期区间改为10天以内,看会发生什么。

总结

本节主要介绍了一个简单流程的使用,其中的步骤包括发布、启动、填写表单、脚本判断、审批。

这里只是涉及到了皮毛,流程相关的操作还有很多,大家有空可以去参考官网

下一节会把这几天遇到的坑总结一下,大家到时候可以把自己遇到的问题记录在评论中

0

评论区