别再手动画图了！用Flowable UI 6.6.0 + Tomcat 10，5分钟搭建你的第一个可视化审批流

5分钟玩转Flowable UI零代码搭建可视化审批系统实战指南当团队需要快速验证一个审批流程时传统开发方式往往需要编写大量XML配置和Java代码。而现在只需一台安装好Tomcat的电脑配合Flowable UI的图形化工具你完全可以在咖啡冷却前完成从零到一的流程搭建。本文将带您体验如何用Flowable UI 6.6.0快速构建一个真实的请假审批流程——从张三提交申请到李四审批通过的全过程可视化实现。1. 环境准备与快速部署1.1 获取Flowable部署包前往Flowable官方GitHub仓库的 Release页面 下载flowable-6.6.0.zip发行包。解压后重点关注wars文件夹中的两个关键文件flowable-ui.war包含所有可视化工具的核心应用flowable-rest.war提供REST API支持1.2 Tomcat部署注意事项将上述两个war文件复制到Tomcat 10的webapps目录后启动时需特别注意# Linux/Mac启动方式 ./bin/startup.sh # Windows启动方式 bin\startup.bat重要提示Tomcat启动后需要等待约1-2分钟才能正常访问Flowable UI。这是因为它需要初始化数据库和各项服务过早访问可能导致404错误。访问地址http://localhost:8080/flowable-ui使用默认凭证登录用户名admin密码test2. 用户体系配置实战2.1 在IDM中创建审批角色进入Identity Management应用我们需要先建立两个测试用户点击Users → Create user用户名zhangsan密码test123角色employee创建审批者账号用户名lisi密码test123角色manager2.2 权限组配置技巧为确保流程正常运行需要为角色分配正确的应用访问权限角色名称可访问应用业务权限employeeTask App提交申请managerTask App, Modeler, Admin审批、流程管理3. 图形化流程设计3.1 在Modeler中创建请假流程进入Modeler应用点击Create → New model选择BPMN 2.0流程类型使用拖拽方式构建以下节点开始事件 → 用户任务(提交请假) → 用户任务(经理审批) → 结束事件关键配置项bpmn:userTask idsubmitTask name提交请假申请 bpmn:extensionElements flowable:assigneezhangsan/flowable:assignee /bpmn:extensionElements /bpmn:userTask3.2 表单设计最佳实践Flowable支持直接在流程中绑定动态表单点击Forms标签创建包含以下字段的表单请假类型下拉框开始日期日期选择器结束日期日期选择器请假原因文本框专业建议为审批节点单独设计表单只保留审批意见和通过/拒绝选项提升审批效率。4. 流程测试与监控4.1 端到端流程验证使用zhangsan账号登录Task App点击Start process选择请假流程填写表单后提交切换至lisi账号在Inbox中看到待办任务点击任务查看详情并审批4.2 Admin控制台监控管理员可以通过Admin应用查看运行中的流程实例实时监控节点状态查看历史审批记录必要时进行流程干预# 通过REST API获取流程实例需先启用flowable-rest curl -u admin:test http://localhost:8080/flowable-rest/service/runtime/process-instances5. 生产环境进阶配置5.1 数据库连接优化默认使用H2内存数据库生产环境建议切换MySQL修改flowable-ui.propertiesspring.datasource.urljdbc:mysql://localhost:3306/flowable?characterEncodingUTF-8 spring.datasource.usernamedbuser spring.datasource.passworddbpass添加JDBC驱动到Tomcat的lib目录5.2 性能调优参数在flowable.cfg.xml中调整关键参数参数名默认值推荐值说明async.executor.threads816异步任务线程数jdbc.max.active1050数据库连接池最大值history.levelauditfull历史记录详细程度在实际项目中这套方案已经帮助多个团队将流程开发时间从原来的3天缩短到1小时以内。特别是在需要快速原型验证的阶段直接使用Flowable UI设计并测试流程待业务逻辑确认后再考虑是否需要深度定制开发这种先可视化后代码的实践显著提高了需求沟通效率。