flowable ui 界面请假流程操作实例

如题,网上的教程多是代码居多,UI界面操作实例那更是一页难求,楼主分享下几天来的入坑经历,希望有需要了解,但是不知道去哪里了解的小伙伴,看完我的文章后能有所启发,文章有不足之处还请指正,若有相关问题请留言。

首先,先介绍下flowable是干嘛的

Flowable是用Java编写的轻量级业务流程引擎。Flowable流程引擎允许您部署BPMN 2.0流程定义(用于定义流程的行业XML标准),创建
流程定义的流程实例,运行查询,访问活动或历史流程实例以及相关数据等等。本节将逐步介绍各种概念和API,通过您可以在自己的开发
机器上进行的实例进行实现。

这是官网的简介,有点晦涩难懂,说简单点,flowable就是一个流程规范化管理的框架。
打个比方,就按最经典的请假说起,若公司人数较少,请假只需要写个假条,或者和老板说下就OK了,而使用flolwable就不同了,它可以将请假的流程规范化,提高请假的效率,方便公司管理。

文章底部有war相关文件下载链接

开始

进入编辑界面,创建流程

我们填写相关信息,然后创建模型(key可以自己写,但是不要相同,他是用来区分不同的模型用的)

flowable ui 界面请假流程操作实例_第1张图片

接着会出现一个面板,我这里是没有汉化的面板,所以是英文的,若是需要汉化请自行百度教程,我这里提供一个qq交流群,里面文件很全,我提问的时候,也有很多人热心回答 --451710578

flowable ui 界面请假流程操作实例_第2张图片

继续,我们在这个步骤完成了连接,并给用户任务天家里名字,点击表单,为用户任务创建一个表单

flowable ui 界面请假流程操作实例_第3张图片

然后在弹出的表单上选择新建表

填写表单的相关信息

flowable ui 界面请假流程操作实例_第4张图片

在这里设计表单都需要输入哪些字段

flowable ui 界面请假流程操作实例_第5张图片

这个请假天数字段要重点关注,因为后需要用到

flowable ui 界面请假流程操作实例_第6张图片

然后填写信息保存这个表单

flowable ui 界面请假流程操作实例_第7张图片

表单保存完成之后,选择分配人,将用户任务分配给指定的个人或小组(我这里选择的是小组)

flowable ui 界面请假流程操作实例_第8张图片

然后便是用户填写信息的自动判断部分,这里主要是用户来自动判断用户填写的请假天数,若是符合规则,输出true否者输出false。

flowable ui 界面请假流程操作实例_第9张图片

决策表填写规则,左边是获取输入部分,右边是输出部分,左边的输入是用户输入的请假天数,根据自定义规则判断

flowable ui 界面请假流程操作实例_第10张图片

接着,在路由后分支部分添加请假的路由条件

flowable ui 界面请假流程操作实例_第11张图片

然后,点击邮件部分,填写邮件信息。

flowable ui 界面请假流程操作实例_第12张图片

现在程序逻辑已经完成,我们去创建一个应用程序

我们填写应用程序的需要信息,然后选择刚才编辑的模型,点击保存,然后进入刚刚新建的app程序,选择发布

flowable ui 界面请假流程操作实例_第13张图片

flowable ui 界面请假流程操作实例_第14张图片

发布之后,切换账户(可以不切换),然后进入到task面板里,选择新建流程,然后找到刚才新建的那一个流程,选择右上角的启动流程

flowable ui 界面请假流程操作实例_第15张图片

flowable ui 界面请假流程操作实例_第16张图片

接着认领这个任务

flowable ui 界面请假流程操作实例_第17张图片

这时候,点击表单内容,便可以编辑请假信息了。
填写完成之后选择完成,程序就可以自动走完设置好的流程。
flowable ui 界面请假流程操作实例_第18张图片

flowable 6.4.1 官方安装包(解压直接把相关war包放到tomcat/webapps 目录下就可以直接使用) war 百度云链接:https://pan.baidu.com/s/1NB7zKbtz9LSx7cUh9Cgf5g 提取码:m35o

你可能感兴趣的:(flowable ui 界面请假流程操作实例)