Markdown系列mermaid美人鱼之UML序列图

序列图

序列图是一个交互图,显示了流程如何以及以何种顺序相互操作。
Mermaid可以渲染序列图。

sequenceDiagramDiagram
    Alice->>John: Hello John, how are you?
    John-->>Alice: Great!
Alice John Hello John, how are you? Great! Alice John

语法

Participant 参与者

可以像在此页面的第一个示例中一样隐式定义参与者。参与者或角色按照图源文本中的外观顺序呈现。有时您可能希望以与第一条消息中出现的顺序不同的顺序显示参与者。可以通过执行以下操作来指定作用物的外观顺序:

sequenceDiagramDiagram
    participant John
    participant Alice
    Alice->>John: Hello John, how are you?
    John-->>Alice: Great!
John Alice Hello John, how are you? Great! John Alice

As 别名

角色可以有一个方便的标识符和一个描述性标签。

sequenceDiagramDiagram
    participant A as Alice
    participant J as John
    A->>J: Hello John, how are you?
    J->>A: Great!
    ```
```mermaid
sequenceDiagram
    participant A as Alice
    participant J as John
    A->>J: Hello John, how are you?
    J->>A: Great!

消息

消息可以是两个显示为实线或虚线。

[Actor][Arrow][Actor]:Message text

目前支持六种类型的箭头:

类型 描述
-> 没有箭头的实线
- -> 没有箭头的虚线
  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值