这次我们来看一个 SpringBoot 集成工作流引擎的实战项目重点是引入 bpmnjs 流程编辑器来替代手写 XML。对于需要快速开发审批流、OA 系统或任何业务流程管理的 Java 开发者来说手动编写 BPMN 2.0 XML 文件不仅效率低下而且容易出错。本文将带你从零开始将一个轻量级的工作流引擎 Flowable 集成到 SpringBoot 项目中并引入 bpmnjs 这个强大的前端流程设计器实现流程的可视化设计与部署。整个过程的核心是告别手写 XML拥抱可视化拖拽。你将了解到如何快速搭建环境、集成关键依赖、配置数据库、启动流程引擎并最终通过一个可视化的 Web 界面来设计、部署和测试一个完整的请假审批流程。无论你是第一次接触工作流开发还是想为现有系统增加流程编排能力这套方案都能让你在半小时内跑通一个可用的 Demo。1. 核心能力速览在深入细节之前我们先快速了解这个技术栈组合能做什么以及它的核心优势。能力项说明核心组件SpringBoot 2.x Flowable 工作流引擎 bpmnjs 流程设计器主要功能可视化流程设计、BPMN 2.0 标准流程定义、流程实例启动与审批、任务查询与办理、流程状态跟踪与图生成技术门槛熟悉 SpringBoot 基础开发了解 MVC 和数据库操作即可上手数据库支持支持 MySQL、PostgreSQL、Oracle 等首次启动自动建表约60张表部署方式标准 SpringBoot 应用可通过java -jar或 IDE 直接启动前端集成使用 bpmnjs 库通过简单的前端页面嵌入提供专业的流程设计界面适合场景OA 系统审批流、工单处理流程、电商订单状态机、任何需要多角色、多步骤协作的业务流程不适合场景超高性能、高并发需集群部署和优化、极度简单的线性状态切换杀鸡用牛刀这套方案最大的亮点在于“开箱即用”和“可视化”。Flowable 引擎负责底层的流程驱动和持久化bpmnjs 则提供了媲美专业流程设计工具如 Camunda Modeler的 Web 版体验让你能在浏览器里完成流程建模。2. 适用场景与使用边界2.1 谁适合使用后端 Java 开发者需要为系统增加工作流能力但不想深入研究 Activiti/Flowable 的全部细节希望快速集成。全栈开发者希望前后端分离前端能独立进行流程设计后端只提供引擎 API。项目管理者或业务分析师需要与开发人员沟通流程一个可视化的设计器能极大提升沟通效率减少歧义。2.2 能解决什么问题流程定义可视化将复杂的 BPMN XML 编写工作转化为拖拽连线降低学习成本和出错率。快速原型验证在需求讨论阶段可以快速画出流程并与业务方确认确认后可直接导出 XML 用于开发。流程动态部署部分场景下支持通过上传 BPMN XML 文件或直接通过设计器保存的 XML 来动态部署新流程无需重启应用。技术栈统一基于 SpringBoot与现有 Java 技术栈无缝集成易于维护。2.3 需要注意的边界学习曲线虽然简化了 XML 编写但仍需理解 BPMN 2.0 的基本概念如事件Event、网关Gateway、任务Task、顺序流Sequence Flow。性能考量Flowable 引擎会创建数十张数据库表在流程实例多、历史数据量大时需关注数据库性能及历史数据清理策略。前端复杂度bpmnjs 功能强大但二次开发如自定义属性面板、样式需要一定的前端基础。流程版本管理流程定义更新后如何处理正在运行的旧版本流程实例需要设计相应的升级或兼容策略。3. 环境准备与前置条件开始编码前请确保你的开发环境满足以下要求。这是保证项目能顺利跑起来的基础。Java 开发环境JDK 8 或更高版本推荐 JDK 11 或 17。Maven 3.6 或 Gradle用于依赖管理。本文以 Maven 为例。一个顺手的 IDE如 IntelliJ IDEA 或 Eclipse。数据库MySQL 5.7 或 8.0。这是最常用的选择Flowable 对其支持良好。确保你有权限创建一个新的数据库例如flowable_db用于存放工作流引擎的表。项目初始化使用 Spring Initializr 或 IDE 自带工具创建一个新的 SpringBoot 项目。选择 SpringBoot 2.7.x 或 3.x 版本注意 Flowable 版本兼容性下文会说明。依赖选择Spring Web,Spring Data JPA(或MyBatis),MySQL Driver。这些是基础支撑。网络能正常访问 Maven 中央仓库以下载相关 Jar 包。4. 核心依赖集成与配置环境就绪后第一步是将工作流引擎和前端设计器的依赖引入项目。4.1 引入 Flowable 依赖在项目的pom.xml文件中添加 Flowable 的 Spring Boot Starter 依赖。这是最关键的一步它会自动配置引擎所需的大部分 Bean。dependencies !-- SpringBoot Web -- dependency groupIdorg.springframework.boot/groupId artifactIdspring-boot-starter-web/artifactId /dependency !-- Flowable 工作流引擎 Starter -- dependency groupIdorg.flowable/groupId artifactIdflowable-spring-boot-starter/artifactId version6.7.0/version !-- 请检查并使用当前稳定版本 -- /dependency !-- 数据库驱动和连接池 -- dependency groupIdcom.mysql/groupId artifactIdmysql-connector-j/artifactId scoperuntime/scope /dependency dependency groupIdorg.springframework.boot/groupId artifactIdspring-boot-starter-data-jpa/artifactId /dependency !-- 前端模板引擎 (用于渲染简单的设计器页面) -- dependency groupIdorg.springframework.boot/groupId artifactIdspring-boot-starter-thymeleaf/artifactId /dependency /dependencies版本注意请务必去 Maven Central 查看 Flowable 的最新稳定版并确保与你的 SpringBoot 版本兼容。通常 SpringBoot 2.7.x 对应 Flowable 6.7.x。4.2 配置数据库连接在application.yml或application.properties中配置数据库连接。Flowable 启动时会自动检测数据源并创建所需的表。spring: datasource: url: jdbc:mysql://localhost:3306/flowable_db?useUnicodetruecharacterEncodingutf-8useSSLfalseserverTimezoneAsia/Shanghai username: root password: your_password driver-class-name: com.mysql.cj.jdbc.Driver jpa: hibernate: ddl-auto: update # 对于首次启动可以设为 create-drop 或 update让JPA也自动建表非必须 show-sql: true # 开发时开启方便看SQL # Flowable 特定配置可选 flowable: async-executor-activate: false # 关闭异步执行器适合演示和简单场景 database-schema-update: true # 自动更新数据库表结构启动你的 SpringBoot 应用如果控制台没有报错并且看到一长串创建表的 SQL 日志类似creating table ACT_RE_PROCDEF...恭喜你Flowable 引擎已经成功集成并初始化了数据库。4.3 引入 bpmnjs 前端资源bpmnjs 是一个 JavaScript 库我们需要将其引入到前端。有两种方式CDN 引入最简单适合演示在 HTML 中直接引入 bpmnjs 的 CDN 链接。本地引入推荐稳定下载 bpmnjs 的发行版如通过 npmnpm install bpmn-js将dist目录下的资源文件复制到 SpringBoot 的static目录下。这里以 CDN 方式为例创建一个简单的设计器页面。在src/main/resources/templates下创建modeler.html!DOCTYPE html html langen xmlns:thhttp://www.thymeleaf.org head meta charsetUTF-8 titleBPMN 流程设计器/title !-- 引入 bpmn-js 的 CSS 和 JS -- link relstylesheet hrefhttps://unpkg.com/bpmn-js8.7.3/dist/assets/diagram-js.css link relstylesheet hrefhttps://unpkg.com/bpmn-js8.7.3/dist/assets/bpmn-font/css/bpmn.css style #canvas { height: 600px; border: 1px solid #ccc; border-radius: 4px; } .buttons { margin: 10px 0; } button { margin-right: 10px; padding: 8px 16px; } /style /head body h2流程设计器 (基于 bpmn-js)/h2 div classbuttons button onclickcreateNewDiagram()新建/button button onclickdownloadDiagram()下载XML/button button onclickdeployDiagram()部署流程/button input typefile idfile-input onchangeloadDiagramFromFile(this.files[0]) accept.bpmn,.xml/ label forfile-input stylecursor:pointer; border:1px solid #ccc; padding:8px 16px;打开XML文件/label /div div idcanvas/div script srchttps://unpkg.com/bpmn-js8.7.3/dist/bpmn-viewer.development.js/script script srchttps://unpkg.com/bpmn-js8.7.3/dist/bpmn-modeler.development.js/script script // 初始化 bpmn-js 模型器 const bpmnModeler new BpmnJS({ container: #canvas }); // 创建一个新的空白流程图 async function createNewDiagram() { try { const result await bpmnModeler.createDiagram(); console.log(Diagram created!); } catch (err) { console.error(Could not create diagram, err); } } // 将当前设计的流程图导出为 BPMN XML async function downloadDiagram() { try { const { xml } await bpmnModeler.saveXML({ format: true }); const blob new Blob([xml], { type: application/xml }); const url URL.createObjectURL(blob); const a document.createElement(a); a.href url; a.download diagram.bpmn; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(url); alert(XML文件已生成开始下载。); } catch (err) { console.error(Could not save XML, err); } } // 从本地文件加载 BPMN XML function loadDiagramFromFile(file) { if (!file) return; const reader new FileReader(); reader.onload function(e) { const xml e.target.result; bpmnModeler.importXML(xml).then(() { console.log(Diagram imported successfully); }).catch(err { console.error(Failed to import diagram, err); alert(导入失败请检查XML格式是否正确。); }); }; reader.readAsText(file); } // 将当前设计的流程图部署到后端需要实现后端接口 async function deployDiagram() { try { const { xml } await bpmnModeler.saveXML({ format: true }); const response await fetch(/api/process/deploy, { method: POST, headers: { Content-Type: application/xml }, body: xml }); const result await response.json(); if (response.ok) { alert(流程部署成功流程定义ID: ${result.processDefinitionId}); } else { alert(部署失败: ${result.message}); } } catch (err) { console.error(Deployment error, err); alert(部署请求失败请检查网络或后端服务。); } } // 页面加载完成后创建一个默认流程图 window.onload createNewDiagram; /script /body /html这个页面提供了一个基础的流程设计环境包含新建、导入、导出和部署功能。5. 后端服务开发流程部署与启动前端设计器画好的流程需要后端 API 来接收并部署到 Flowable 引擎中。5.1 创建流程部署控制器创建一个ProcessController提供流程部署、启动和查询的接口。import org.flowable.engine.RepositoryService; import org.flowable.engine.RuntimeService; import org.flowable.engine.repository.Deployment; import org.flowable.engine.repository.ProcessDefinition; import org.flowable.engine.runtime.ProcessInstance; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.web.bind.annotation.*; import org.springframework.web.multipart.MultipartFile; import java.io.IOException; import java.nio.charset.StandardCharsets; import java.util.HashMap; import java.util.List; import java.util.Map; RestController RequestMapping(/api/process) public class ProcessController { Autowired private RepositoryService repositoryService; Autowired private RuntimeService runtimeService; /** * 部署 BPMN XML 字符串 * param bpmnXml BPMN 2.0 XML 字符串 * return 部署结果 */ PostMapping(/deploy) public MapString, Object deployProcess(RequestBody String bpmnXml) { MapString, Object result new HashMap(); try { Deployment deployment repositoryService.createDeployment() .addString(process.bpmn20.xml, bpmnXml) .name(BPMNJS Designed Process) .deploy(); ProcessDefinition processDefinition repositoryService.createProcessDefinitionQuery() .deploymentId(deployment.getId()) .singleResult(); result.put(success, true); result.put(deploymentId, deployment.getId()); result.put(processDefinitionId, processDefinition.getId()); result.put(processDefinitionKey, processDefinition.getKey()); result.put(message, 流程部署成功); } catch (Exception e) { result.put(success, false); result.put(message, 流程部署失败: e.getMessage()); } return result; } /** * 通过上传文件部署流程 */ PostMapping(/deploy/file) public MapString, Object deployProcessByFile(RequestParam(file) MultipartFile file) { MapString, Object result new HashMap(); if (file.isEmpty()) { result.put(success, false); result.put(message, 文件为空); return result; } try { String bpmnXml new String(file.getBytes(), StandardCharsets.UTF_8); return deployProcess(bpmnXml); } catch (IOException e) { result.put(success, false); result.put(message, 文件读取失败: e.getMessage()); return result; } } /** * 启动一个流程实例 * param processDefinitionKey 流程定义Key即BPMN XML中process的id * param variables 启动变量 * return 流程实例信息 */ PostMapping(/start/{processDefinitionKey}) public MapString, Object startProcessInstance( PathVariable String processDefinitionKey, RequestBody MapString, Object variables) { MapString, Object result new HashMap(); try { ProcessInstance processInstance runtimeService.startProcessInstanceByKey(processDefinitionKey, variables); result.put(success, true); result.put(processInstanceId, processInstance.getId()); result.put(processDefinitionId, processInstance.getProcessDefinitionId()); result.put(activityId, processInstance.getActivityId()); result.put(message, 流程实例启动成功); } catch (Exception e) { result.put(success, false); result.put(message, 流程启动失败: e.getMessage()); } return result; } /** * 查询所有已部署的流程定义 */ GetMapping(/definitions) public ListProcessDefinition getProcessDefinitions() { return repositoryService.createProcessDefinitionQuery() .latestVersion() .list(); } }5.2 创建任务办理控制器流程启动后会产生待办任务。我们需要提供任务查询和办理的接口。import org.flowable.engine.TaskService; import org.flowable.task.api.Task; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.web.bind.annotation.*; import java.util.List; import java.util.Map; RestController RequestMapping(/api/task) public class TaskController { Autowired private TaskService taskService; /** * 根据候选人用户查询待办任务 * param candidateUser 候选人用户ID * return 任务列表 */ GetMapping(/list) public ListTask getTasks(RequestParam String candidateUser) { return taskService.createTaskQuery() .taskCandidateUser(candidateUser) .orderByTaskCreateTime().desc() .list(); } /** * 办理完成一个任务 * param taskId 任务ID * param variables 完成任务时设置的变量如审批意见、结果 * return 操作结果 */ PostMapping(/complete/{taskId}) public MapString, Object completeTask(PathVariable String taskId, RequestBody MapString, Object variables) { MapString, Object result new HashMap(); try { taskService.complete(taskId, variables); result.put(success, true); result.put(message, 任务办理成功); } catch (Exception e) { result.put(success, false); result.put(message, 任务办理失败: e.getMessage()); } return result; } /** * 认领一个任务将候选人任务分配给具体用户 */ PostMapping(/claim/{taskId}) public MapString, Object claimTask(PathVariable String taskId, RequestParam String userId) { MapString, Object result new HashMap(); try { taskService.claim(taskId, userId); result.put(success, true); result.put(message, 任务认领成功); } catch (Exception e) { result.put(success, false); result.put(message, 任务认领失败: e.getMessage()); } return result; } }6. 功能测试与效果验证后端 API 和前端页面都准备好了现在我们来跑通一个完整的“请假审批”流程。6.1 第一步启动应用并访问设计器启动你的 SpringBoot 应用。打开浏览器访问http://localhost:8080/modeler假设你的应用端口是 8080。你应该能看到 bpmnjs 的设计器界面。尝试拖拽左侧的“任务Task”、“开始事件Start Event”、“结束事件End Event”、“排他网关Exclusive Gateway”到画布并用“顺序流Sequence Flow”连接它们设计一个简单的请假流程。例如开始 - 员工提交请假用户任务 - 经理审批用户任务 - 网关判断通过/驳回 - 结束。在“员工提交请假”用户任务上点击它在右侧属性面板如果已集成或直接修改 XML 视图设置Assignee为${applyUserId}。这表示这个任务将由变量applyUserId指定的用户处理。6.2 第二步导出并部署流程在设计器画好流程后点击页面上的“下载XML”按钮将 BPMN XML 保存到本地命名为leave-process.bpmn。我们可以使用之前写的文件上传接口来部署。使用 Postman 或 curl 工具curl -X POST -F file/path/to/your/leave-process.bpmn http://localhost:8080/api/process/deploy/file或者直接复制 XML 内容调用POST /api/process/deploy接口。观察返回结果记下processDefinitionKey通常就是你 XML 中process idxxx的id属性值例如LeaveProcess。6.3 第三步启动流程实例假设我们设计的流程定义 Key 是LeaveProcess。现在模拟员工“张三”userId:zhangsan发起一个请假申请。curl -X POST \ http://localhost:8080/api/process/start/LeaveProcess \ -H Content-Type: application/json \ -d { applyUserId: zhangsan, leaveDays: 3, reason: 年假 }调用成功后会返回一个processInstanceId。此时流程已经启动并停留在第一个用户任务“员工提交请假”处。但实际上这个任务通常由系统自动完成或者我们这里简化处理直接让流程进入下一环节。为了演示我们可以修改流程让“员工提交请假”是一个自动任务或者直接启动后查询经理的待办任务。更常见的做法是启动流程时applyUserId作为变量传入但第一个任务可能已经自动完成流程直接进入“经理审批”环节。我们查询经理“李四”userId:lisi的待办任务curl http://localhost:8080/api/task/list?candidateUserlisi你应该能看到一个任务其中包含了任务ID、名称等信息。6.4 第四步办理任务审批经理李四登录系统看到待办任务决定批准。他调用完成任务接口curl -X POST \ http://localhost:8080/api/task/complete/{taskId} \ -H Content-Type: application/json \ -d { checkResult: 通过, comment: 同意 }这里的checkResult变量需要与你流程中网关Exclusive Gateway的条件表达式匹配。例如你的网关连线条件可能是${checkResult通过}和${checkResult驳回}。6.5 第五步验证流程状态任务办理后流程会根据网关条件流向对应的结束事件。你可以通过 Flowable 提供的 Java API 查询流程实例的状态或者更直观地使用 Flowable 自带的REST API或管理界面需要额外引入flowable-ui依赖来查看流程图的高亮状态即当前流程节点在哪里。至此一个完整的“设计 - 部署 - 启动 - 审批”流程就走通了。整个过程你只在设计阶段使用了可视化工具后续的部署和驱动全部由代码和引擎自动完成。7. 接口 API 与批量任务7.1 核心 API 服务上述示例已经展示了最核心的部署、启动、查询任务、办理任务接口。在实际项目中你还需要围绕这些核心操作扩展历史数据查询查询已完成的流程实例、任务、活动记录。流程变量管理在流程实例运行过程中读取或设置变量。流程定义管理挂起、激活、删除流程定义。用户与组管理将任务关联到用户组实现组任务。7.2 批量任务处理工作流引擎天然支持“批量”场景因为每个流程实例都是独立的。所谓的批量处理通常是指批量启动流程循环调用启动接口为每一条数据启动一个流程实例。需要注意数据库连接和事务管理。批量查询与办理通过TaskQuery可以一次性查询出某个用户或组的所有特定类型任务然后循环办理。可以在 Service 层封装一个批量办理的方法。异步执行器对于耗时操作如调用外部服务、生成复杂报表可以在 Service Task 中设置为异步flowable:asynctrue由 Flowable 的异步执行器在后台线程池中处理避免阻塞流程。批量启动示例伪代码Service public class BatchProcessService { Autowired private RuntimeService runtimeService; Transactional public void batchStartLeaveProcess(ListLeaveApplication applications) { for (LeaveApplication app : applications) { MapString, Object variables new HashMap(); variables.put(applicant, app.getApplicantId()); variables.put(days, app.getDays()); variables.put(reason, app.getReason()); // 可以设置业务键 businessKey runtimeService.startProcessInstanceByKey(LeaveProcess, app.getId(), variables); } } }8. 资源占用与性能观察作为一个 Java 应用其资源占用主要取决于 SpringBoot 应用本身和 Flowable 引擎。内存占用常规的 SpringBoot Flowable 应用启动后 JVM 堆内存占用通常在 200MB - 500MB 之间具体取决于流程定义的复杂度、缓存配置等。可以通过 JVM 参数-Xmx进行限制。数据库连接Flowable 引擎在执行数据库操作时使用的是你配置的 Spring 数据源连接池如 HikariCP。确保连接池大小配置合理避免连接泄露。数据库性能这是性能关键点。Flowable 会频繁读写流程实例、任务、历史表。索引Flowable 自动创建的表通常已包含必要索引。但对于自定义查询可能需要自己添加索引。历史数据ACT_HI_*历史表会记录所有细节数据量增长很快。生产环境必须考虑历史数据清理策略可以通过 Flowable 的配置或定时任务定期清理。异步执行启用异步执行器flowable.async-executor-activatetrue可以将一些操作放入队列异步执行提升接口响应速度。启动速度首次启动时因为要创建或更新数十张表可能会稍慢。后续启动速度正常。监控建议使用 Spring Boot Actuator 监控应用健康状态和指标。监控数据库慢查询日志优化高频查询。对于流程实例数量非常大的场景考虑对 Flowable 的数据源进行读写分离。9. 常见问题与排查方法在集成和使用过程中你可能会遇到以下问题问题现象可能原因排查方式解决方案应用启动失败数据库连接错误数据库地址、用户名、密码错误数据库未创建网络不通检查application.yml配置用客户端工具连接数据库试试修正配置确保数据库服务可用启动时 Flowable 表未自动创建flowable.database-schema-update配置为false数据库用户无 CREATE 权限检查配置查看启动日志是否有建表语句设置database-schema-update: true赋予数据库用户相应权限bpmnjs 设计器页面空白或 JS 错误CDN 资源加载失败浏览器控制台有报错F12 打开浏览器开发者工具查看 Console 和 Network 标签页使用本地资源替代 CDN检查网络确保引入的 JS/CSS 路径正确部署流程时返回 XML 解析错误BPMN XML 格式不符合 BPMN 2.0 规范有语法错误将设计器下载的 XML 用文本编辑器打开检查标签闭合、属性格式使用 bpmnjs 设计器重新导出或使用在线 BPMN 验证工具检查启动流程实例失败提示“未找到流程定义”processDefinitionKey参数错误流程未部署或部署失败调用/api/process/definitions接口确认流程定义列表使用正确的流程定义 Key重新部署流程办理任务后流程未流向预期分支网关Gateway的条件表达式写错或变量未传递检查流程 XML 中网关连线的条件表达式调试时打印taskService.complete传入的 variables确保办理任务时传入的变量键值对与条件表达式匹配查询不到用户的待办任务任务候选人Candidate Users/Groups设置错误任务已被认领Claim直接查询数据库ACT_RU_TASK表看任务数据是否存在及ASSIGNEE_、CANDIDATE_字段检查流程中用户任务的Assignee或Candidate Users设置确认查询接口使用的用户ID正确流程实例卡住无法继续节点配置错误如 Service Task 的类找不到异步任务失败查看应用日志寻找异常堆栈查询ACT_RU_JOB表看是否有失败作业修正节点实现处理异步作业异常在管理界面手动触发作业10. 最佳实践与使用建议流程设计原则保持流程简洁。一个流程定义最好只描述一种核心业务路径过于复杂的流程图难以维护和理解。可以使用子流程Sub-Process来拆分。数据库隔离为 Flowable 创建独立的数据库或 Schema避免与业务表混在一起便于管理和备份。版本管理当业务流程变更时通过部署新版本的流程定义相同 Key不同版本号来实现。要妥善处理已运行的旧版本流程实例。服务任务Service Task将业务逻辑封装成 Spring Bean在 Service Task 中通过表达式如${myService.doTask(execution)}调用实现业务与流程解耦。监听器Listener善用执行监听器Execution Listener和任务监听器Task Listener在流程节点进入/离开、任务创建/分配/完成等时机执行通用逻辑如发送通知、记录日志。测试为流程定义编写单元测试和集成测试。Flowable 提供了出色的测试支持可以模拟流程的完整执行路径。前端集成深化本文的 bpmnjs 示例是基础集成。生产环境可能需要集成bpmn-js-properties-panel来编辑任务属性、表单。实现自定义的调色板Palette和渲染器Renderer。将设计器与后端保存功能深度集成实现实时保存草稿。安全与权限API 接口需要做好鉴权。流程数据尤其是流程变量可能包含敏感信息注意数据脱敏和访问控制。将 bpmnjs 流程编辑器与 SpringBoot、Flowable 集成为我们提供了一套从可视化设计到自动化执行的完整工作流解决方案。它显著降低了流程开发的入门门槛让开发者能更专注于业务逻辑本身。最值得尝试的点在于你可以用极低的成本为一个内部管理系统快速增加审批流功能。最先应该验证的就是本文演示的“请假流程”从设计到审批完成的闭环。最容易踩的坑通常是 BPMN XML 的细节语法和任务办理时的变量传递。下一步你可以探索更复杂的流程模式如会签、或签、子流程将流程表单与设计器结合或者研究 Flowable 的 REST API 以便与非 Java 前端集成。这个技术栈组合足以支撑起大多数企业级应用中的流程需求。