企业官网建设流程全解析

如何用摸鱼低代码快速搭建审批流程？工作流从设计到审批的完整指南

【免费下载链接】mfish-nocode摸鱼低代码平台，是一款致力于让开发像摸鱼一样轻松的低代码/无代码平台。首创微服务单体服务一体化架构。基于SpringBoot4、Spring Ai、Vue3等最新前后端技术栈。已用于多个成熟项目，学习和实战两不误。我们希望打破技术门槛，让程序员和非程序员都能快速构建业务系统，提升效率，释放创造力。项目地址: https://gitcode.com/gh_mirrors/mf/mfish-nocode

想给团队加一套审批流程，却不想从零写代码？摸鱼低代码平台内置基于 Flowable 引擎的工作流模块，支持可视化流程图设计、会签/或签审批、条件分支网关，让请假、报销、大屏发布等审批业务从设计到上线只要几步。本文是一份面向新手和低代码平台用户的完整指南，带你走完"环境准备 → 画流程图 → 发布流程 → 发起申请 → 审批通过"的全链路。

一、3 步启动环境，5 分钟跑起来

摸鱼低代码平台采用"单实例微服务一体化"架构，新手推荐用单实例模式，一套代码、一个启动类就能跑。

第 1 步：获取源码

git clone https://gitcode.com/gh_mirrors/mf/mfish-nocode

第 2 步：初始化数据库

只需导入db/mfish_nocode.sql这一个脚本（工作流相关表已包含在内）。如果你使用微服务模式，才需要额外导入db/mf_workflow.sql（工作流数据库）等分库脚本。

第 3 步：启动应用

找到mf-start/mf-start-boot模块中的MfNoCodeStart启动类，直接运行即可。用账号admin登录后台，左侧菜单即可看到审批管理（审批列表、我的申请、流程管理）和流程表单（流程图、表单设计器）模块。

💡 新手建议：单体模式下无需 Nacos 注册中心，少配一个中间件，调试更省心。

二、认识工作流：4 种节点 + 2 种签核方式

摸鱼低代码的流程设计器把 BPMN 概念包装成了 4 个简单节点（对应源码mf-business/mf-workflow/src/main/java/cn/com/mfish/workflow/enums/NodeType.java）：

审批节点还支持两种签核方式（见ApproveType.java）：

• 会签（AND）：所有审批人都要同意，流程才往下走，适合"全体董事签批"场景；
• 或签（OR）：任意一人同意即可，适合"值班人员任一人处理"场景。

三、可视化设计审批流程图：拖拽画完即发布

进入流程管理页面，新建一条流程后你会填 3 个核心信息：

1. 流程 Key（flowKey）：流程唯一标识，例如请假申请流程用leave_apply。Key 创建后不可修改，请一次想好；
2. 流程名称：如"员工请假审批"，用于界面展示；
3. 流程图：在画布上拖入节点、连线即可。平台会把你的画布 JSON 配置自动转换成标准 BPMN 2.0 模型（转换逻辑在BpmnConverter.java中，转换完成后可在ProcessController的buildXml接口下载.bpmn20.xml文件）。

举个例子，一个带条件分支的请假流程：

开始 → 本人填写申请 → 排他网关(天数>3?) ├─ 是 → 总监审批 → 结束 └─ 否 → 部门主管审批 → 结束

画好后点击发布，流程即被部署到 Flowable 引擎，同时平台会对流程配置计算 SHA256 指纹（见FlowManageServiceImpl.java）：配置一旦变更再编辑，自动升版本号，不影响已发起的旧流程。不想用了还能一键撤回发布。

🎁 平台预置了可参考的示例流程，如请假申请发布流程（flowKey：demo_leave_apply_release），枚举定义见FlowKey.java，照着抄一份就能起步。

四、发起申请：填表单即可启动流程

审批流程的价值在于"发起"。平台把启动流程封装成了统一接口（ProcessController.java的/process/start），前端只需两步：

1. 在表单设计器中拖拽设计业务表单（如请假表单：请假类型、起止日期、事由）；
2. 用户提交表单时，后端携带表单数据调用启动接口，流程实例即刻生成，第一个审批节点自动进入审批人的待办任务。

发起人可以在我的申请里跟踪自己发起的每一条流程：

• 点击流程即可看到高亮流程图——走到哪一步一目了然；
• 审批意见列表完整记录每个人的通过/拒绝意见；
• 如果填错了，可以在流程结束前撤回申请，并填写取消原因。

五、处理审批：待办、通过、拒绝三件套

审批人登录后，审批列表即展示当前待办任务（/process/tasks/pending接口按用户过滤），并带有待办数 / 已完成数 / 已取消数统计角标。

处理一个待办只需要选择：

• ✅审核通过：调用/process/tasks/approved，可附审批意见；
• ❌审核拒绝：调用/process/tasks/rejected，流程终止并留痕。

审批完成后的自动回调是这个平台的点睛之笔：流程走到终点时，CompleteCallbackHandler.java会按"通过 / 拒绝 / 取消"三种结果回调你指定的业务接口（RemoteAuditApi），自动把业务单据状态改成"已批准 / 已驳回"。也就是说，审批结果和业务数据同步不需要你手写一行轮询代码。

六、进阶技巧：让审批更省心的 4 个细节

1. 流程实例可追溯：历史接口/process/history保留已结束的实例，配合MfProcess列表随时审计；
2. 按业务 Key 查流程：通过businessKey可反查某条业务单据对应的最新流程进度，方便前端在单据详情页直接嵌入"审批进度"组件；
3. 条件分支组合签核：排他网关 + 会签可以组合出"小额主管批、大额总监 + 财务总监会签"这类复杂制度；
4. AI 工作流助手：平台内置/ai/workflow/assist路由，用一句自然语言就能完成"部署流程、查待办、发起审批"等操作，不会写接口也能玩。

七、常见问题速查

写在最后

摸鱼低代码平台的工作流模块把"画流程、发流程、走流程、查流程"整条链路都做了可视化封装：新手用流程管理 + 表单设计器就能上线一套审批系统，开发者再按需通过mf-business/mf-workflow模块的回调接口做深度定制。从设计到审批，最快一上午即可完成——让开发像摸鱼一样轻松，就从搭建你的第一条审批流程开始吧 🐟

【免费下载链接】mfish-nocode摸鱼低代码平台，是一款致力于让开发像摸鱼一样轻松的低代码/无代码平台。首创微服务单体服务一体化架构。基于SpringBoot4、Spring Ai、Vue3等最新前后端技术栈。已用于多个成熟项目，学习和实战两不误。我们希望打破技术门槛，让程序员和非程序员都能快速构建业务系统，提升效率，释放创造力。项目地址: https://gitcode.com/gh_mirrors/mf/mfish-nocode