全部模板

状态机图模板

可视化系统中的状态、转换和事件。适合建模 UI 流程、认证生命周期和订单状态机。

使用此模板

模板亮点

  • 带进入/退出动作的状态节点
  • 带事件标签的转换箭头
  • 初始状态和终止状态标记

这个模板适合做什么

状态机图展示系统如何在事件驱动下在状态之间移动。每个状态代表系统所处的某种条件或模式,每次转换是由事件触发的状态改变。这个模板帮助开发者、系统设计师和产品经理对依赖当前状态的行为建模。

适用场景

  • 为订单生命周期建模:待付款→已确认→已发货→已交付→已退货。
  • 设计认证流程:已登出→登录中→已认证→会话过期。
  • 记录设备状态机:关机→启动中→空闲→工作→休眠→关机。

使用步骤

  1. 1列出系统所有可能的状态作为节点。
  2. 2识别触发状态转换的事件或条件。
  3. 3在状态之间画箭头,标注触发事件。
  4. 4用实心圆标记初始状态,双圈标记终止状态。
  5. 5验证:从任意状态出发,是否所有可能的转换都已考虑?

简单示例

用户认证状态机

状态:已登出、认证中、已认证、会话过期
转换:点击登录→认证中、成功→已认证、超时→会话过期

在线开始编辑

在 CodePic 中打开模板后,替换示例节点,就能很快整理成自己的学习导图。

查看示例: /templates/state-machine/examples

更多推荐模板