FlowableUI最适合初学者的教程

FlowableUI最适合初学者的教程

Flowable UI应用

  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. 安装部署

下载Tomcat:https://tomcat.apache.org/download-80.cgi 官网下载后解压缩到非中文目录即可,然后是下载FlowableUI的文件,在Flowable6.6之后把FlowableUI中提供的四个功能合并到了一起。

FlowableUI最适合初学者的教程
在这里插入图片描述

然后把解压缩后的两个war包拷贝到Tomcat的解压缩的webapps目录下

FlowableUI最适合初学者的教程
在这里插入图片描述

Tomcat目录:FlowableUI最适合初学者的教程

2.启动服务

  启动Tomcat服务,执行startup.bat文件

FlowableUI最适合初学者的教程
在这里插入图片描述

如果启动中出现乱码修改Tomcat的conf目录下的 logging.properties 文件中的编码

FlowableUI最适合初学者的教程
在这里插入图片描述

如果一闪而过则检查jdk的环境变量配置。启动成功后,在浏览器中访问 http://localhost:8080/flowable-ui, 默认的账号密码是 admin/test

FlowableUI最适合初学者的教程
在这里插入图片描述

3.用户管理

  我们先在 身份管理应用程序 中创建用户并授权

FlowableUI最适合初学者的教程
在这里插入图片描述

创建用户

FlowableUI最适合初学者的教程
在这里插入图片描述

填写详细信息

FlowableUI最适合初学者的教程
在这里插入图片描述

授权管理FlowableUI最适合初学者的教程

4. 绘制流程

创建新的流程

FlowableUI最适合初学者的教程
在这里插入图片描述

流程图界面FlowableUI最适合初学者的教程

创建流程,分配处理人

FlowableUI最适合初学者的教程
在这里插入图片描述
FlowableUI最适合初学者的教程
在这里插入图片描述

继续完成流程图的创建

FlowableUI最适合初学者的教程
在这里插入图片描述

5. 部署流程

  绘制好的流程图,我们只需要一键导出即可

FlowableUI最适合初学者的教程
在这里插入图片描述

下载下来后拷贝到项目的resource目录下即可

FlowableUI最适合初学者的教程
在这里插入图片描述

然后就是正常的操作流程了

6. FlowableUI 演示

6.1 部署流程

  在FlowableUI中提供了演示程序FlowableUI最适合初学者的教程

创建一个新的应用程序,并指定相关的信息FlowableUI最适合初学者的教程

创建应用后需要指定对应的流程图

FlowableUI最适合初学者的教程
在这里插入图片描述
FlowableUI最适合初学者的教程
在这里插入图片描述
FlowableUI最适合初学者的教程
在这里插入图片描述

发布应用程序

FlowableUI最适合初学者的教程
在这里插入图片描述

6.2 启动流程

  发布了应用程序后我们就可以来启动流程了

FlowableUI最适合初学者的教程
在这里插入图片描述
FlowableUI最适合初学者的教程
在这里插入图片描述
FlowableUI最适合初学者的教程
在这里插入图片描述
FlowableUI最适合初学者的教程
在这里插入图片描述

点击显示图:

FlowableUI最适合初学者的教程
在这里插入图片描述

也就是可以看到当前是user1来处理,user1登录后可以看到要处理的流程,user2登录是看不到的。FlowableUI最适合初学者的教程

点击完成后流程就向下一步流转了

FlowableUI最适合初学者的教程
在这里插入图片描述

这时再通过user2登录,就可以看到对应的代办的信息

FlowableUI最适合初学者的教程
在这里插入图片描述
FlowableUI最适合初学者的教程
在这里插入图片描述

然后点击完成,那么整个流程就走完了,搞定~


原文始发于微信公众号(波哥带你学编程):FlowableUI最适合初学者的教程

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/58720.html

(0)
小半的头像小半

相关推荐

发表回复

登录后才能评论
极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!