Mermaid 测试页面

# Mermaid 流程图测试

# 基础流程图

graph TD
    A[开始] --> B[处理数据]
    B --> C{判断条件}
    C -->|是| D[执行操作]
    C -->|否| E[跳过]
    D --> F[结束]
    E --> F

1
2
3
4
5
6
7

# 时序图

sequenceDiagram
    participant 用户
    participant 前端
    participant 后端
    participant 数据库
    
    用户->>前端: 发起请求
    前端->>后端: API 调用
    后端->>数据库: 查询数据
    数据库-->>后端: 返回结果
    后端-->>前端: 响应数据
    前端-->>用户: 显示结果

1
2
3
4
5
6
7
8
9
10
11
12

# 类图

classDiagram
    class Animal {
        +String name
        +int age
        +makeSound()
    }
    class Dog {
        +String breed
        +bark()
    }
    class Cat {
        +String color
        +meow()
    }
    Animal <|-- Dog
    Animal <|-- Cat

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

# 饼图

pie title 技术栈占比
    "JavaScript" : 40
    "TypeScript" : 30
    "Python" : 20
    "Go" : 10

1
2
3
4
5

如果以上图表能正常显示，说明 Mermaid 已成功配置。

#Mermaid

上次更新: 2026/7/20 16:00:52