Mermaid时序图进阶4个关键字画清并发、分支与关键路径【免费下载链接】mermaidGeneration of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown项目地址: https://gitcode.com/GitHub_Trending/me/mermaid一条消息队列消息要驱动多个下游服务还带重试和超时兜底一张普通时序图根本画不下。本文用4个关键字在Mermaid时序图里表达并行流程与条件分支par、alt/opt、critical、rect。示例均可直接粘贴运行。三个自检问题确定用哪个关键字动笔前先问自己三个问题每个问题对应一个关键字有没有多个步骤同时执行用par流程会不会因状态不同而分叉alt是多选一opt是满足条件才执行有没有必须成功的路径失败还要分情况处理用critical异常挂在option上分工一句话par管同时做多件事alt/opt管不同情况做不同的事critical管这条路必须成。只想给某个阶段涂个底色用rect就行它不参与逻辑。par关键字并行流程怎么写par开启一个并行块块内每个and切出一个新分支每个分支放各自的消息。分支标签写清楚谁在并行做什么。消息队列消费是典型场景消费者收到消息后同时写档案和日志。⚠️par与end必须一一配对嵌套两层基本够用三层以上图会很难读。alt关键字条件分支怎么写alt类似 if/else标签写条件用else分多条路径最后统一end收尾。opt没有 else块只在条件成立时执行相当于可选步骤。文件上传场景里大小校验是必走分支哈希校验是可选步骤。⚠️ 最可能发生的分支放第一个分支标签用动宾短语如文件超过上限别写异常。critical与rect关键路径怎么标critical声明这段必须成功内部可挂多个option块一个对应一种失败情况。rect只负责涂背景色用来视觉强调某个阶段。CI/CD 流水线很典型构建必须成功部署前阶段再高亮一下。⚠️option块是可选的不带任何option的critical合法表示只标记必须成功的段落。完整案例设备指令下发流程怎么画指令下发几乎用上了全部特性成功与失败走条件分支兜底动作并行执行兜底区再用背景色圈出来。逐段拆一下顶部autonumber给每条箭头编号评审时直接说第15步超时不用数箭头。Gateway-Device的自动激活 Device用激活条表示正在处理末尾deactivate释放。/-与显式 activate/deactivate 别混用错配否则激活条会错位。Device-xGateway: 连接超时用叉号箭头-x表示消息失败比虚线箭头更直白。alt 块里成功分支在前、失败分支在后读者先看到主线。par 里两个and分支是同时执行的兜底动作外面套rect圈成独立的兜底区。%%注释行用来标注兜底策略解析器忽略渲染后不可见。特性速查表关键字作用何时用par / and并行流程块多个动作同时执行alt / else多条件分支状态不同结果不同opt可选流程满足条件才执行critical / option关键路径与异常处理必须成功且失败要分情况rect背景高亮强调某个阶段loop循环块定时或重复执行break流程中断异常后跳过后续步骤想继续深入看这两篇时序图完整语法Mermaid配置项【免费下载链接】mermaidGeneration of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown项目地址: https://gitcode.com/GitHub_Trending/me/mermaid创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考