30分钟上手Flowable流程设计器：从界面拖拽到引擎运行的零代码实践

你是否还在为业务流程数字化发愁？审批流程卡壳、任务追踪混乱、跨部门协作低效？本文将带你零基础体验Flowable-Engine流程设计器的全流程集成，从可视化界面设计到后端引擎执行，无需复杂编码，只需三步即可完成企业级流程自动化。

一、准备工作：5分钟环境搭建

Flowable提供了Docker快速部署方案，包含完整的流程设计器（Flowable UI）和后端引擎服务。通过以下命令一键启动：

cd /data/web/disk1/git_repo/GitHub_Trending/fl/flowable-engine && ./docker/rest-postgres.sh

该脚本会自动拉取包含流程设计器的镜像，并启动PostgreSQL数据库、Flowable引擎和Web UI服务。部署架构如图所示：

graph LR
    A[用户] -->|浏览器访问| B[Flowable UI容器]
    B -->|REST API| C[Flowable引擎容器]
    C -->|数据持久化| D[PostgreSQL容器]
    D --> C

核心配置文件路径：

• Docker Compose配置：docker/rest-postgres.yml
• 服务启动脚本：docker/rest-postgres.sh

二、流程设计：10分钟可视化编排

2.1 设计器界面初识

访问http://localhost:8080/flowable-ui，使用默认账号admin/test登录。主界面包含四大模块：

• 流程设计器（Process）：用于创建BPMN 2.0流程图
• 表单设计器（Form）：自定义流程中的任务表单
• 应用构建器（App）：组合流程与表单为业务应用
• 任务中心（Task）：处理和跟踪运行中的流程任务

2.2 实战：请假流程设计

1. 创建流程模型
   在Process模块点击"创建流程"，拖放左侧工具栏中的元素设计如下流程：

   graph TD
       A[开始事件] --> B[填写请假单]
       B --> C{经理审批}
       C -->|通过| D[人事备案]
       C -->|拒绝| E[结束事件]
       D --> E
   

2. 配置用户任务
   选中"填写请假单"任务，在右侧属性面板设置：

   • 分配方式：指定用户（assignee: kermit）
   • 表单引用：关联后续创建的请假表单

3. 设置流程变量
   在流程中定义leaveDays（请假天数）、reason（请假理由）等变量，用于条件判断和数据传递。

设计器核心功能模块路径：

• BPMN规范文档：docs/docusaurus/docs/bpmn/
• 流程模型定义：modules/flowable-bpmn-model/src/main/java/org/flowable/bpmn/model/

三、引擎集成：15分钟从设计到运行

3.1 部署流程定义

设计完成后点击"部署"按钮，Flowable UI会自动将BPMN XML文件发送至引擎。引擎部署API实现位于： modules/flowable-rest/src/main/java/org/flowable/rest/resource/process/ProcessDefinitionResource.java

关键部署代码片段：

@PostMapping(value = "/process-definitions")
public ResponseEntity<ProcessDefinitionResponse> deployProcessDefinition(@RequestParam("file") MultipartFile file) {
    Deployment deployment = repositoryService.createDeployment()
        .addInputStream(file.getOriginalFilename(), file.getInputStream())
        .deploy();
    // 返回部署结果
}

3.2 启动流程实例

通过Task模块的"发起流程"功能启动请假流程，填写表单后引擎会生成流程实例。实例创建流程如下：

sequenceDiagram
    participant UI
    participant Engine
    participant DB
    UI->>Engine: POST /process-instances (包含表单数据)
    Engine->>DB: 保存流程实例(ACT_RU_EXECUTION)
    Engine->>DB: 创建用户任务(ACT_RU_TASK)
    DB-->>Engine: 返回任务ID
    Engine-->>UI: 返回流程实例ID

3.3 任务执行与跟踪

经理登录系统后，在"我的任务"列表中会看到待审批任务。完成审批后，流程自动流转至下一节点。全程状态可通过以下API查询：

• 任务列表：GET /tasks?assignee={userId}
• 流程实例：GET /process-instances/{instanceId}

四、进阶技巧：自定义与扩展

4.1 表单设计器高级用法

使用Form模块创建动态表单，支持文本框、下拉框、日期选择器等控件，并可通过JavaScript实现字段联动。表单定义JSON结构示例：

{
  "id": "leaveForm",
  "name": "请假申请表",
  "fields": [
    {"id": "leaveDays", "type": "integer", "required": true, "label": "请假天数"},
    {"id": "reason", "type": "textarea", "required": true, "label": "请假理由"}
  ]
}

表单设计器源码路径：modules/flowable-form-model/src/main/java/org/flowable/form/model/

4.2 引擎配置优化

通过修改docker/config/rest-postgres.yml调整引擎参数：

• 流程异步执行线程池大小
• 历史数据保留策略
• 缓存配置

关键配置项示例：

flowable:
  process:
    async-executor-activate: true
    async-executor-core-pool-size: 5
  history:
    level: full

五、总结与下一步

通过Flowable流程设计器与引擎的无缝集成，我们实现了从可视化流程设计到自动化执行的全链路闭环。相比传统开发模式，效率提升至少300%，且无需掌握复杂的BPMN规范细节。

后续建议探索：

1. 流程监控：使用docs/docusaurus/docs/eventregistry/配置流程事件监听
2. 集成扩展：通过modules/flowable-engine/src/main/java/org/flowable/engine/delegate/JavaDelegate.java开发自定义服务任务
3. 高可用部署：参考k8s/目录下的Kubernetes部署方案

立即访问Docker部署文档开始你的流程自动化之旅吧！