Mermaid 图表

graph LR
    A[矩形] --> B(圆角矩形)
    B --> C{菱形}
    C --> D[(数据库)]
    D --> E[[子流程]]
    E --> F[(圆柱体)]
    F --> G>旗帜]

graph TD
    A[用户请求] --> B{已登录?}
    B -->|是| C[验证权限]
    B -->|否| D[跳转登录]
    D --> E[输入凭证]
    E --> F{验证通过?}
    F -->|是| C
    F -->|否| G[显示错误]
    G --> E
    C --> H{有权限?}
    H -->|是| I[返回数据]
    H -->|否| J[403 禁止访问]

sequenceDiagram
    participant U as 用户
    participant F as 前端
    participant B as 后端
    participant D as 数据库

    U->>F: 点击登录
    F->>B: POST /api/login
    B->>D: 查询用户
    D-->>B: 返回用户数据
    B->>B: 验证密码
    B-->>F: 返回 Token
    F-->>U: 登录成功

sequenceDiagram
    autonumber
    participant Client
    participant Server
    participant DB

    Note over Client,Server: HTTP 请求阶段
    Client->>Server: GET /api/users

    activate Server
    Server->>DB: SELECT * FROM users
    activate DB
    DB-->>Server: 返回结果
    deactivate DB

    alt 成功
        Server-->>Client: 200 OK + 数据
    else 失败
        Server-->>Client: 500 Error
    end
    deactivate Server

gantt
    title 项目开发计划
    dateFormat YYYY-MM-DD
    axisFormat %m/%d

    section 需求阶段
    需求分析       :done, req1, 2026-01-01, 10d
    需求评审       :done, req2, after req1, 3d

    section 开发阶段
    前端开发       :active, dev1, after req2, 20d
    后端开发       :active, dev2, after req2, 25d

    section 测试阶段
    集成测试       :test1, after dev1, 10d
    性能测试       :test2, after test1, 5d

    section 上线阶段
    预发布         :rel1, after test2, 3d
    正式发布       :milestone, rel2, after rel1, 0d

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

    class Dog {
        +String breed
        +fetch() void
        +bark() void
    }

    class Cat {
        +String color
        +purr() void
    }

    class Shelter {
        -List~Animal~ animals
        +addAnimal(Animal a) void
        +findByName(String name) Animal
    }

    Animal <|-- Dog
    Animal <|-- Cat
    Shelter o-- Animal

stateDiagram-v2
    [*] --> 待提交
    待提交 --> 审核中: 提交申请
    审核中 --> 已批准: 审核通过
    审核中 --> 已拒绝: 审核拒绝
    已拒绝 --> 待提交: 重新提交
    已批准 --> 执行中: 开始执行
    执行中 --> 已完成: 执行完成
    执行中 --> 已取消: 取消执行
    已完成 --> [*]
    已取消 --> [*]

stateDiagram-v2
    [*] --> 空闲

    state 运行中 {
        [*] --> 初始化
        初始化 --> 处理中
        处理中 --> 等待响应
        等待响应 --> 处理中
    }

    空闲 --> 运行中: 启动
    运行中 --> 空闲: 停止