49张图带领小伙伴们体验一把 Flowable-UI

摘要

松哥正在制作一个基于Spring Boot和Vue3技术栈的TienChin项目视频，该项目包含多种技术，旨在实现超过90%的完成率。松哥提出了一个常见问题：IDEA中缺乏一个流畅的流程绘制工具。

1. Flowable-UI 介绍

Flowable-UI是一系列Web应用，包含身份管理（Flowable IDM）、模型构建（Flowable Modeler）、任务执行（Flowable Task）和管理员管理（Flowable Admin）。这些应用分别用于用户身份认证、流程图绘制、流程体验测试和后台管理。

2. 安装方式

Flowable-UI可以部署在同一Servlet容器内，或作为独立应用直接运行。松哥推荐使用Docker来简化安装过程，提供了相应的安装命令和默认登录信息。

3. 身份管理（IDM）

介绍了用户和组的创建、管理以及权限控制。用户可以根据角色分配不同的访问权限，例如经理可以访问所有应用，而组长只能访问工作流应用。

4. 管理员（Admin）

管理员应用提供数据查看功能，包括流程引擎、CMMN引擎和App引擎等信息，但实际使用较少。

5. 建模器（Modeler）

建模器是Flowable-UI中最常用的功能之一，用于绘制流程图。松哥展示了如何绘制流程图，设置任务处理人，并保存导出流程图。还演示了如何发布应用程序以便测试。

6. 任务（Task）

任务应用允许用户执行和管理流程任务。松哥通过示例展示了如何启动流程实例，认领和完成任务，以及查看流程执行状态。

7. 小结

本文通过大量图解，让读者对Flowable-UI有了基本了解，并鼓励读者通过留言讨论提出问题。

最后，松哥提醒读者TienChin项目配套视频已经上线，邀请大家参与项目实战学习。