时序图、流程图制作

风格
普通时序图
交互时序图
描述时序图
单行时序图
输入
时序图

时序图语法完整示例说明

1. 普通时序图（默认加载示例）

sequenceDiagram
    Title: Here is a title
    A->B: Normal line
    B-->C: Dashed line
    C->>D: Open arrow
    D-->>A: Dashed open arrow

符号说明：
-> 实线箭头、--> 虚线箭头、->> 空心实线箭头、-->> 空心虚线箭头

2. 交互时序图（带激活框、反馈）

sequenceDiagram
    participant Client as 客户端
    participant Server as 服务端
    participant DB as 数据库
    Client->>+Server: 发起登录请求
    Server->>+DB: 查询用户信息
    DB-->>-Server: 返回用户数据
    Server-->>-Client: 返回登录结果

participant 自定义参与者别名；+/- 控制激活框显示/隐藏

3. 带分支描述时序图（if判断分支）

sequenceDiagram
    User->>API: 提交订单
    alt 库存充足
        API->>Storage: 扣减库存
        Storage-->>API: 扣减成功
    else 库存不足
        API-->>User: 返回缺货提示
    end
    API-->>User: 订单处理完成

alt / else / end 实现多分支流程判断

4. 单行极简时序图（修复后合法语法）

sequenceDiagram
    前端->后端: 上传文件
    后端-->OSS: 存储资源
    OSS-->后端: 返回文件地址
    后端-->前端: 返回访问链接

⚠️ 注意：虚线箭头必须使用 -->，不能单独写 --