Mermaid 图表速查表 v11.13.0

flowchart TD
    %% 节点定义
    A[开始]
    B{判断}
    C[处理]
    D((结束))

    %% 连线
    A --> B
    B -->|是| C
    B -->|否| D
    C --> D

    %% 子图
    subgraph 子流程
        C --> E[步骤1]
        E --> F[步骤2]
    end

sequenceDiagram
    actor 用户
    participant 前端
    participant API
    participant 数据库

    用户->>前端: 点击登录
    前端->>API: POST /login
    API->>数据库: 查询用户
    数据库-->API: 返回数据
    API-->前端: 返回 token
    前端-->用户: 登录成功

    %% 循环
    loop 重试机制
        API->>数据库: 重试查询
    end

    %% 条件
    alt 用户存在
        API-->前端: 正常响应
    else 用户不存在
        API-->前端: 错误响应
    end

classDiagram
    class Animal {
        +String name
        +int age
        +makeSound()
        +move()
    }

    class Dog {
        +breed
        +fetch()
    }

    class Cat {
        +color
        +climb()
    }

    Animal <|-- Dog : 继承
    Animal <|-- Cat : 继承
    Dog o-- Toy : 聚合
    Cat *-- Whisker : 组合

%% 主题设置
%% 可选: default, dark, forest, neutral, base

%% 使用 Frontmatter 配置（推荐）
---
config:
  theme: forest
  look: handDrawn
---

flowchart TD
    A[开始] --> B[结束]