Mermaid知识点总结5 - Sequence diagram 1

Mermaid知识点总结5 - Sequence diagram

Sequence diagram是一个交互图解,展示了不同进程之间的操作以及操作顺序

基本语法

设置参与者

参与者部分可以隐性被定义,相应的定义依照出现顺序进行,当然如果想要展示所有参与者,也是可行的,如下面的实例:

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

这里是否添加两个参与者的定义,对图像并无影响,仅仅为了阅读文本时候较为清晰方便

别名

同样可以使用别名来简写参与者的名称,如下实例所示:

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

文本信息

文本信息将会展示在中间的连线上,连线可以是实线或者虚线,具体语法为:

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

下面展示了各类线条样式的信息:

种类描述
->实线无箭头
–>虚线无箭头
->>实线有箭头
–>>虚线有箭头
-x实线有箭尾
–x虚线有箭尾
激活参与者

可以随时激活或者无效化参与者,如下给出的例子:

sequenceDiagram
    Alice->>John: Hello John, how are you?
    activate John
    John-->>Alice: Great!
    deactivate John
Alice John Hello John, how are you? Great! Alice John

使用 + / - 后缀可以简化描述,如下所示:

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

同一个角色可以被多次激活或者无效,如下所示:

sequenceDiagram
    Alice->>+John: Hello John, how are you?
    Alice->>+John: John, can you hear me?
    John-->>-Alice: Hi Alice, I can hear you!
    John-->>-Alice: I feel great!
Alice John Hello John, how are you? John, can you hear me? Hi Alice, I can hear you! I feel great! Alice John
注释

可以再Sequence diagram中添加注释信息,通过以下语法进行:

 Note [ right of | left of | over ] [Actor]: Text in note content

如下实例所示:

sequenceDiagram
    participant John
    Note right of John: Text in note
John Text in note John

同样可以在两个参与者之上添加注释,如下所示:

sequenceDiagram
    Alice->John: Hello John, how are you?
    Note over Alice,John: A typical interaction
Alice John Hello John, how are you? A typical interaction Alice John
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值