图搭子

软件发布泳道图模板

开发、测试、产品、运维四条泳道的软件发布流程:合并发布分支、打包构建、测试环境回归、产品验收、灰度发布、线上监控,不通过修复回流、监控异常回滚。适合研发流程规范与上线 SOP,免费导出 PNG、Word、PPT。

运维

产品

测试

开发

合并代码到发布分支

打包构建

修复缺陷

部署测试环境

回归测试通过?

验收并确认发布

灰度发布

线上监控正常?

全量发布

回滚

预览用的是「朱砂」主题,打开编辑器后可以换
在编辑器里打开免费 · 免登录 · 无水印

打开后可以改文字、换主题、调布局再导出,需要手摆就点顶栏「手摆微调」;本页的下载按钮给的是模板原样的文件

适用场景

研发团队的发布规范、上线 SOP、新成员入职文档,以及 DevOps 流程评审。四个角色各一条泳道:开发负责合并与构建、修复缺陷;测试负责测试环境部署与回归;产品负责验收确认;运维负责灰度、监控、全量或回滚。两条回流(回归不过、监控异常)都回到开发修复,谁在等谁一眼看清。

怎么改成你的

  • 泳道就是 subgraph 角色 … end:没有独立测试岗就把「测试」泳道并进「开发」;有安全 / 合规审核就再加一条泳道,放在产品验收之前。
  • 自动化流水线(CI)可以画成开发泳道里的一格 B[CI 打包构建],人工审批点保留为菱形。
  • 灰度分多级(1% → 10% → 100%)就把 F 拆成几格连起来,每级后面都可以接一个监控判断。
  • 想加「发布通知」「更新文档」等收尾步骤,放在运维泳道 I[全量发布] 之后。
  • 流程横着看更像流水线:把第一行的 TB 改成 LR

Mermaid 代码

flowchart TB
    subgraph 开发
        A[合并代码到发布分支] --> B[打包构建]
        H[修复缺陷]
    end
    subgraph 测试
        C[部署测试环境] --> D{回归测试通过?}
    end
    subgraph 产品
        E[验收并确认发布]
    end
    subgraph 运维
        F[灰度发布] --> G{线上监控正常?}
        I[全量发布]
        J[回滚]
    end
    B --> C
    D -- 否 --> H --> B
    D -- 是 --> E --> F
    G -- 是 --> I
    G -- 否 --> J --> H

让 AI 按这个结构生成一份

把下面这段发给豆包、DeepSeek、Kimi 或元宝,再把它的回复整段粘贴到编辑器,会自动识别其中的代码。

请用 Mermaid 的 flowchart TB 语法画一张软件发布泳道图:用 subgraph 表示【开发、测试、产品、运维】四条泳道,每个角色的步骤写在自己的 subgraph 里,跨角色连线写在所有 subgraph 之外。流程是:开发合并代码到发布分支并打包构建 → 测试部署到测试环境做回归测试,不通过则开发修复缺陷后重新构建 → 通过后产品验收并确认发布 → 运维灰度发布并观察线上监控,正常则全量发布,异常则回滚并交开发修复。判断用菱形节点,分支写在连线上。只输出 mermaid 代码块。

常见问题

回滚之后再修复,箭头绕回开发泳道,图会乱吗?

J[回滚] --> H[修复缺陷]D -- 否 --> H 指向同一个节点,排版引擎会把两条回流线收到一处,一般不乱。要是团队规定回滚后走紧急修复流程,另起一个节点 K[紧急修复] 放在开发泳道里区分开。

能把 CI/CD 工具(流水线)画成一条泳道吗?

能,把「流水线」当成一个角色:subgraph 流水线 里放「自动构建」「自动化测试」「自动部署」,人工步骤留在各自角色的泳道里。这样图上能看出哪些步骤是自动的、哪些要人点确认。

怎么放进研发规范文档?

本页「下载 Word」直接给 docx,或者「在编辑器里打开」改成你们的环节后用「导出 Word(docx)」;放进 Confluence / 语雀这类在线文档用「复制 PNG 到剪贴板」粘贴,要在别的工具里继续编辑就导出 SVG 或 .drawio。

同类模板

全部模板

更新于 2026-09-22