文档 https://mermaidjs.github.io/#/ cdn https://www.bootcdn.cn/mermaid/ 在线编辑 https://mermaidjs.github.io/mermaid-live-editor/#/edit ...

序列图（时序图） 序列图是一种交互图，它显示了进程如何相互操作以及按什么顺序操作。 sequenceDiagram participant l as 大灰狼 participant y as 小羊 l->>y:小坏蛋，弄脏我喝的水 y->>l:狼先生 ...

mermaid时序图语法参考 sequenceDiagram participant bpm as 系统A participant credit as 系统B autonumber bpm->>+credit: 打开流程表单 credit-->> ...

流程图 所有流程图都由节点、几何图像、箭头或线条组成。 mermaid代码定义了这些节点和边的制作和交互方式。可以有不同的箭头类型、多向箭头以及与子图的连接。 节点 节点 flowchart LR id 带文字的节点 可以在框中设置与id不同的文本。如果多次这样做，将使 ...

状态图以可视化地方式将对象的各个生命周期展现出来，表现为一个个的状态，状态之间的流转以及流转触发方式、触发条件等。 例如此，有三个状态，每个圆角矩形代表着一个状态，状态之间通过箭头表示状态流转，箭头上的文字说明表示流转的触发时间和条件。 1、基本元素 a、状态 ...

UML主要用于描述对象具有的各种状态、状态之间的转换过程以及触发状态转换的各种事件和条件。 UML 状态图主要是为了模拟响应系统，反应系统模型声明周期。 UML 状态图目的： 为了模拟系统的动态环节。 反应系统模型生命周期。 一个对象来描述不同的状态，在其 ...

是基于David Harel所做的扩展，是用来展示状态与状态之间转换的图 •如何阅读状态机图 阅读最简单的状态 ...

一、什么是状态图 　　个人认为，程序的运行过程可以从某种角度上视为状态之间的转换过程。比如：程序正处于状态一，完成了一个动作，可以是发送，可以是接收等等，那么它所处的状态就要发生改变，变为状态二。那么，状态的描述，就是记录一个程序执行过程。状态图，就是一个把程序执行中可能达到的所有状态以及状态 ...