---
title: API 请求时序图
canonical: "https://mermaid.vloam.com/zh/examples/sequence/"
pubDate: "2026-09-12T00:00:00.000Z"
author: Vloam
description: 时序图：用户、编辑器与 Mermaid 渲染器交换实时预览请求。
categories: [sequence]
---

时序图能把请求和响应的先后关系说清楚。把参与者名字换成你自己的服务边界即可。

## 图表示例源码

```mermaid
sequenceDiagram
  participant U as 用户
  participant E as 编辑器
  participant M as Mermaid
  U->>E: 编辑源码
  E->>M: 渲染(代码)
  alt 语法正确
    M-->>E: SVG 标记
    E-->>U: 实时预览
  else 解析失败
    M-->>E: 错误信息
    E-->>U: 显示修改提示
  end
```