流程图 (Flowchart)
```mermaid
graph TD
A[开始] --> B{是否通过?}
B -->|是| C[执行操作]
B -->|否| D[返回修正]
C --> E[结束]
D --> A
```
时序图 (Sequence)
```mermaid
sequenceDiagram
客户端->>服务端: 发送请求
服务端->>数据库: 查询数据
数据库-->>服务端: 返回结果
服务端-->>客户端: 响应 JSON
```
类图 (Class)
```mermaid
classDiagram
class 用户 {
+String 姓名
+String 邮箱
+登录()
+注销()
}
class 订单 {
+String 编号
+Float 金额
+创建()
}
用户 "1" --> "*" 订单 : 拥有
```
甘特图 (Gantt)
```mermaid
gantt
title 项目计划
dateFormat YYYY-MM-DD
section 设计
需求分析 :2026-01-01, 7d
UI设计 :5d
section 开发
前端开发 :2026-01-13, 10d
后端开发 :2026-01-13, 10d
测试 :5d
```
状态图 (State)
```mermaid
stateDiagram-v2
[*] --> 草稿
草稿 --> 审核中 : 提交
审核中 --> 已发布 : 通过
审核中 --> 草稿 : 驳回
已发布 --> [*]
```
饼图 (Pie)
```mermaid
pie title 技术栈占比
"前端" : 35
"后端" : 30
"数据库" : 20
"运维" : 15
```
💡 更多语法请访问 mermaid.js.org