用文字“画出”状态图：用 AI+Mermaid.js 解决对象状态变化的处理问题

什么是状态图

状态图用于描述对象在其生命周期内的状态变化及其处理，例如业务办理流程、病情处置等。

什么是Mermaid

Mermaid.js是一个开源项目，它允许你通过简单的语法来绘制图表。

无论你是开发者、学生还是普通用户，它都能帮助你将复杂的信息以直观和易懂的方式呈现出来。

什么是中文Mermaid

来自 min2k 的 中文Mermaid 在Mermaid的基础上引入了AI技术，实现了自动生成状态图的功能。

用户只需输入内容，它就可以将其转化为状态图。

这大大地提高了工作效率，省去了手写代码的麻烦。

访问 中文Mermaid 体验 AI + Mermaid，提升你的效率，解决你的问题。

状态图示例

Mermaid代码

stateDiagram-v2
  state "新生儿黄疸" as state1
  state "观察症状" as state2
  state "轻度黄疸" as state3
  state "中度黄疸" as state4
  state "重度黄疸" as state5
  state "光疗" as state6
  state "换血疗法" as state7
  state "病因治疗" as state8
  state "恢复" as state9

  [*] --> state1
  state1 --> state2
  state2 --> state3: "症状轻微"
  state2 --> state4: "症状加重"
  state3 --> state9: "观察期"
  state4 --> state5: "需要进一步观察"
  state4 --> state6: "开始光疗"
  state5 --> state6: "立即光疗"
  state6 --> state9: "光疗有效"
  state6 --> state7: "光疗无效"
  state7 --> state9: "换血成功"
  state5 --> state8: "查找病因"
  state8 --> state9: "病因解决"
  state9 --> [*]

由代码绘制出来的图表

stateDiagram-v2
state "新生儿黄疸" as state1
state "观察症状" as state2
state "轻度黄疸" as state3
state "中度黄疸" as state4
state "重度黄疸" as state5
state "光疗" as state6
state "换血疗法" as state7
state "病因治疗" as state8
state "恢复" as state9

[*] --> state1
state1 --> state2
state2 --> state3: "症状轻微"
state2 --> state4: "症状加重"
state3 --> state9: "观察期"
state4 --> state5: "需要进一步观察"
state4 --> state6: "开始光疗"
state5 --> state6: "立即光疗"
state6 --> state9: "光疗有效"
state6 --> state7: "光疗无效"
state7 --> state9: "换血成功"
state5 --> state8: "查找病因"
state8 --> state9: "病因解决"
state9 --> [*]

上面的状态图展示了一个新生儿黄疸处理的状态流程。

根据黄疸病情的不同阶段，制定了相应的处置措施。

Mermaid的语法解释

第1行是图表类型，默认是：stateDiagram-v2

接下来的 state "新生儿黄疸" as state1 表示定义了一个新状态 state1，其标签为：新生儿黄疸

接下来的 state2 --> state3: "症状轻微"，表示从 state2 到 state3，-其注解为：症状轻微

最后的 state9 --> [*]，其中的 [*] 可以代表起始点或结束点

以上就是Mermaid状态图的常用语法。

若你不想手动编写代码的话，可以使用 min2k 的 中文Mermaid 来自动生图。