模板 / stateDiagram-v2

会话超时状态

用户会话的活跃、空闲和过期状态,基于不活跃时长触发转换。

在 Studio 中打开

预览

Mermaid 11 渲染器

正在渲染预览...

Mermaid 源码

stateDiagram-v2

stateDiagram-v2
    [*] --> Active
    Active --> Idle : no activity for 15 minutes
    Idle --> Active : user interacts
    Idle --> Expired : no activity for 30 minutes
    Expired --> [*]
    Active --> [*] : user logs out

更多模板

flowchartArchitecture

微服务架构

包含 API 网关、核心服务和共享基础设施的服务拓扑图,适合用作 README 架构说明的起点。

sequenceDiagramProcess

用户登录时序图

包含令牌签发与失败分支的登录流程,适合用来说明鉴权接口和会话行为。

stateDiagram-v2Process

订单状态机

电商订单从创建到履约的生命周期状态,包含取消和退款路径。