### Mermaid 序列图示例 ```mermaid sequenceDiagram participant User participant System participant Database User->>System: 登录请求(username, password) System->>Database: 查询用户信息 Database-->>System: 返回用户数据 alt 验证成功 System-->>User: 登录成功，返回主页 else 验证失败 System-->>User: 登录失败，请重试 end ``` ### 示例说明 这个序列图描述了**用户登录**的过程，涉及 3 个参与者： - **User**（用户）：发起登录请求 - **System**（系统）：处理登录逻辑 - **Database**（数据库）：存储用户信息 #### 关键语法解析： 1. **`participant`** 定义参与者（如 `User`, `System`）。 2. **`->>`** 表示**同步消息**（如 `User->>System: 登录请求`）。 3. **`-->>`** 表示**异步返回消息**（如 `Database-->>System: 返回用户数据`）。 4. **`alt` / `else`** 表示**条件判断**，类似 `if-else` 逻辑。 5. **`end`** 结束条件块。 --- ### 扩展知识 - **同步 vs 异步**： - `->>`：请求方等待响应（如 HTTP 请求）。 - `->`：不等待响应（如发送消息队列）。 - **注释**： - 可以用 `Note right of User: 这里是备注` 添加注释。 - **循环**： ```mermaid sequenceDiagram loop 每 5 秒检查 System->>Database: 查询心跳 end ``` Mermaid 序列图适合描述**跨组件交互流程**，比如 API 调用、微服务通信等。