【Flowable】 3-FlowableUI 应用

Metadata

title: 【Flowable】 3-FlowableUI 应用
date: 2023-01-23 16:38
tags:
  - 行动阶段/完成
  - 主题场景/组件
  - 笔记空间/KnowladgeSpace/ProgramSpace/ModuleSpace
  - 细化主题/Module/Flowable
categories:
  - Flowable
keywords:
  - Flowable
description: 【Flowable】 3-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 中提供的四个功能合并到了一起。

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

Tomcat 目录：

2. 启动服务

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

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

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

3. 用户管理

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

创建用户

填写详细信息

授权管理

4. 绘制流程

创建新的流程

流程图界面

创建流程，分配处理人

继续完成流程图的创建

5. 部署流程

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

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

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

6. FlowableUI 演示

6.1 部署流程

在 FlowableUI 中提供了演示程序

创建一个新的应用程序，并指定相关的信息

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

发布应用程序

6.2 启动流程

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

点击显示图：

也就是可以看到当前是 user1 来处理，user1 登录后可以看到要处理的流程，user2 登录是看不到的。

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

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

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