捣鼓PlantUML（三、时序图）

最新推荐文章于 2024-03-03 21:35:53 发布
最新推荐文章于 2024-03-03 21:35:53 发布
阅读量5.9w 收藏 154
点赞数 60
分类专栏： 架构与设计模式 文章标签： uml PlantUML 时序图 架构
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zh_weir/article/details/72675013
版权

简单介绍

时序图（Sequence Diagram），又名序列图、循序图、顺序图，是一种UML交互图。它通过描述对象之间发送消息的时间顺序显示多个对象之间的动态协作。它可以表示用例的行为顺序，当执行一个用例行为时，其中的每条消息对应一个类操作或状态机中引起转换的触发事件。

PlantUML使用->箭头将一条消息连接两个对象（参与者）。对象本身不需要特别声明。如果想使用虚线箭头，则使用–>。箭头方向调转<-和<–也是可以正常使用的。使用反向箭头画出的图形不会有变化，只是文档更易于理解。需要注意的是，反向箭头只在时序图中可以这样使用，在其他Plant UML的时序图中则含义不完全相同。

我们可以试着写一个基本的例子：

@startuml

张三 -> 李四 : 我要借钱
李四 --> 张三 : 借给你
张三 -> 李四 : 我要还钱
李四 --> 张三 : 收到欠款

@enduml

画出的时序图如下：

基本示例

代码注释

在uml文档中，使用单引号’ 表示该行后面的都为注释。如果需要注释多行，则使用/’ 和 ‘/作为注释的开始和结束。

例如对前面的示例代码进行注释：

@startuml

张三 -> 李四 : 我要借钱
'李四 --> 张三 : 借给你
/'张三 -> 李四 : 我要还钱
李四 --> 张三 : 收到欠款'/

@enduml

则得到的时序图如下：

注释示例

声明参与者对象

可以通过事先声明的方式，使参与者在时序图中保持确定的顺序。声明可以使用participant关键字，除此以外，还可以使用以下关键字：

  • actor
  • boundary
  • control
  • entity
  • database

使用这些关键字画出的参与者对象的图案稍有不同，但是含义相同。示例如下：

@startuml

participant par
actor act
boundary bou
control con
entity ent
database dat

par->act : to actor
par->bou : to  boundary
par->con : to control
par->ent : to entity
par->dat : to database

@enduml

不同的参与者

另外，还可以在声明参与者对象的时候，通过as关键字来为对象赋予一个简单的别名，需要注意图中显示的字要用双引号引起来。除此之外，声明时还可以对对象的图案指定背景颜色。

示例如下：

@startuml

participant "我是很长的一段话，如果要用我来表达的话，就太长了吧！" as par
actor act #FF0000
boundary bou #00FF00
control con #0000FF
entity ent #FFFF00
database dat #00FFFF

par->act : to actor
par->bou : to  boundary
par->con : to control
par->ent : to entity
par->dat : to database

@enduml

别名和背景色

双引号非声明的参与者对象

我们可以在箭头指向对象的时候，直接使用非声明的对象。并且，对于长句子，或者有特殊符号的字符串，可以使用双引号引起来。在箭头指向的语句中，也可以通过as关键字，为双引号定义的参与者对象设置别名。

@startuml

张三 -> "Tom()" : Hello
"Tom()" -> "牛儿还在山上吃草，放牛的却不知道哪里去了的王二小" as wang : Hi
wang --> "Tom()" : How are you

@enduml

双引号与别名

发给自己的消息

参与者对象，除了将消息发送给其他参与者外，还可以将消息发给自己。消息如果有多行，可以用\n进行换行。

@startuml

张三 -> "Tom()" : Hello
"Tom()" -> "牛儿还在山上吃草，放牛的却不知道哪里去了的王二小" as wang : Hi
wang --> "Tom()" : How are you
wang -> wang : 我要把鬼子引到埋伏圈去！\n 让八路军把这些鬼子都干掉~

@enduml

发给自己消息

箭头类型

时序图的箭头除了常用的->以外，还可以指定不同类型的箭头。它们分别是：

  • 箭头末端为一把叉。表示消息丢失。
  • 使用\或者/来代替<和>,可以得到只有上半部或者下半部的箭头。
  • 使用两个箭头符号（\\、//或者>>、<<），使箭头变为细线箭头。
  • 使用--代替-，可以变为虚线箭头。
  • 在箭头末尾增加一个o，可以在箭头末尾增加一个O。
  • 可以使用双向箭头。

为了更直观的展示箭头样式，请看下面的示例：

@startuml

阴 -> 阳
阴 --> 阳
阴 ->x 阳
阴 ->> 阳
阴 -\ 阳
阴 -\\ 阳
阴 /-- 阳
阴 //-- 阳
阴 ->o 阳
阴 <-> 阳
阴 <-->o 阳
阴 o<-->x 阳

@enduml

箭头类型

箭头颜色

箭头除了类型可以变化外，箭头的颜色也是可以改变的。指定箭头颜色的方式，就是在箭头符号的第一个字符后插入颜色标记[#color]。

例如：

@startuml

树木 -[#green]> 树林
树林 -[#00FF00]> 森林
树林 <[#red]-- 森林 
树木 <[#FF0000]-- 树林

@enduml

箭头颜色

消息数字序号

很多时候，时序图消息太多，我们需要在消息上增加序号以理清先后顺序。在PlantUML中，我们可以使用autonumber关键字，就可以自动为消息加上数字序号。例如：

@startuml
autonumber

张三 -> 李四 : 我要借钱
李四 --> 张三 : 借给你
张三 -> 李四 : 我要还钱
李四 --> 张三 : 收到欠款

@enduml

消息序号

autonumber除了这样单独使用外，还可以指定开始的数字序号，和每次递增的数字。如果只使用开始序号，则使用autonumber 'start'，如果还需要指定每次递增的数字，则使用autonumber 'start' 'increment'。例如：

@startuml
autonumber

张三 -> 李四 : 我要借钱
李四 --> 张三 : 借给你

autonumber 12

张三 -> 李四 : 我要还钱
李四 --> 张三 : 收到欠款

autonumber 20 5

张三 -> 李四 : 我还要借钱
李四 --> 张三 : 不借了

@enduml

序号指定开始和自增

另外，我们还可以指定数字序号的格式。使用方法是在autonumber后用双引号指定数字序号格式。数字需要的格式指定方式为Java的DecimalFormat方式。（0表示数字，不足的时候占位，#表示数字，不足时不占位）。在格式化的双引号中，还可以使用一些html标签。例如：

@startuml
autonumber "<b>[000]"

张三 -> 李四 : 我要借钱
李四 --> 张三 : 借给你

autonumber 12 "<b>(<u>###</u>)"

张三 -> 李四 : 我要还钱
李四 --> 张三 : 收到欠款

autonumber 20 5 "<font color=red>MSG #"

张三 -> 李四 : 我还要借钱
李四 --> 张三 : 不借了

@enduml

序号格式自定义

除此之外，还可以使用autonumber stop停止消息序列计数，然后再通过autonumber resume 'increment' 'format'，继续计数。这里就不再写例子示范了。

标题

title关键字，可以为时序图指定标题。例如：

@startuml

title 借钱与还钱的故事

张三 -> 李四 : 我要借钱
李四 --> 张三 : 借给你

@enduml

时序图标题

图表说明

legend关键字与endlegend关键字配合使用，为图表配一段说明文字。可以指定right、left或者center来指定说明的对齐位置。例如：

@startuml

legend center
这是一个借钱与还钱发生的故事。
故事发生在一个夜黑风高的晚上……
endlegend

张三 -> 李四 : 我要借钱
李四 --> 张三 : 借给你

@enduml

图表说明

图表分割

当时序图过长，或者处于某种逻辑考虑时，需要将图表分割为几部分。这时可以使用newpage关键字。例如：

@startuml

张三 -> 李四 : 我要借钱
李四 --> 张三 : 借给你

newpage

张三 -> 李四 : 我要还钱
李四 --> 张三 : 收到欠款

newpage 最后的标题

张三 -> 李四 : 我还要借钱
李四 --> 张三 : 不借了

@enduml

这将生成三张图片：
图1

图2

图3

消息分组

为了让时序图消息更有逻辑性，我们常需要对消息进行分组框起来。在PlantUML中，可以使用一下关键字对消息进行分组：

  • alt/else
  • opt
  • loop
  • par
  • break
  • critical
  • group (后接需要显示的字符)

除了group以外，其他关键词后可以接字符串，让其显示在分组框的上方居中位置。另外，分组之间可以嵌套。例如：

@startuml

alt 借钱案例
张三 -> 李四 : 我要借钱

loop 循环借钱100次
group 成功案例
李四 --> 张三 : 借给你
end

张三 -> 李四 : 我要还钱
李四 --> 张三 : 收到欠款
end

else 借钱失败
张三 -> 李四 : 我还要借钱
李四 --> 张三 : 不借了

end

@enduml

消息分组

为消息添加注释

很多时候，我们需要在时序图中对消息进行注释，以便做详细的说明。在PlantUML中，可以紧跟消息箭头语句之后，使用note left或者note right关键字来添加注释。如果注释有多行，可以在多行注释后，通过end note来结束注释。示例：

@startuml

张三 -> 李四 : 我要借钱
note left: 我借钱肯定会还你的！

李四 --> 张三 : 借给你
note right: 我相信你肯定会还我钱的！

张三 -> 李四 : 我要还钱
note left
有借有还，
再借不难！
end note

李四 --> 张三 : 收到欠款
note right: 有诚信！

张三 -> 李四 : 我还要借钱
李四 --> 张三 : 不借了

@enduml

这里写图片描述

为参与者对象添加注释

注释除了添加到消息外，还可以直接在时序图中添加到参与者对象上。使用note left of，note right of或note over关键字即可实现。同样，可以在关键字语句后加颜色来改变注释的颜色。另外，也可以与note end组合使用，来添加多行注释。

@startuml

participant 张三
participant 李四

note left of 张三 #00FF00
我的名字叫张三，
家里有房又有田。
谁知来了个李四，
从此生活大变样。
end note

note right of 李四: 我是李四大哥

note over 张三: 谁敢比我惨~~~

note over 李四: 我比你更惨~~~

note over 张三,李四 #red
左手一只鸡，
右手一只鸭，
不得禽流感算我瞎！
end note

@enduml

参与者对象注释

注释的形状

注释除了note的形状以外，还可以使用hnote和rnote。hnote表示六边形，rnote表示长方形。示例：

@startuml

participant 张三
participant 李四

rnote left of 张三 #00FF00
我的名字叫张三，
家里有房又有田。
谁知来了个李四，
从此生活大变样。
end note

note right of 李四: 我是李四大哥

note over 张三: 谁敢比我惨~~~

note over 李四: 我比你更惨~~~

hnote over 张三,李四 #red
左手一只鸡，
右手一只鸭，
不得禽流感算我瞎！
end note

@enduml

不同形状的注释

Creole和HTML格式

首先，可以使用Creole定义文本格式。它包括：

  • **黑体**
  • //斜体//
  • ""等宽字体""
  • --删除线--
  • __下划线__
  • ~~ 波浪线~~

除此外，在note中还可以使用一些html标签：

  • <back:red></back> 背景色
  • <size:18></size> 字体大小
  • <u:red></u> 下划线
  • <color red></color> 字体颜色
  • <s:red></strike> 删除线
  • <w:FF33FF></w> 波浪线
  • <img source.jpg> 图片

示例：

@startuml

participant 张三
participant 李四

张三 -> 李四 : **我要借钱**
note left: ~~我借钱肯定会还你的！~~

李四 --> 张三 : <color red>借给你</color>
note right: <u:blue>我相信你肯定会<s:green>还我钱</s>的！</u>

张三 -> 李四 : **<size:20>我要还钱</size>**
note left
<color blue>~~有借有还，~~</color>
<color pink>--再借不难！--</color>
end note

李四 --> 张三 : 收到欠款
note right: 有诚信！<img img.png>

张三 -> 李四 : 我还要借钱
李四 --> 张三 : 不借了

@enduml

自定义文本格式

分割线

我们可以将时序图按照逻辑步骤，使用分割线，将时序图分割为多个不同的步骤阶段。分割线是需要使用==关键字。示例：

@startuml

== 借钱阶段 ==

张三 -> 李四 : 我要借钱
李四 --> 张三 : 借给你

== 还钱阶段 ==

张三 -> 李四 : 我要还钱
李四 --> 张三 : 收到欠款

== 再次借钱阶段 ==

张三 -> 李四 : 我还要借钱
李四 --> 张三 : 不借了

@enduml

分割线

引用

使用ref over可以为参与者对象指定引用组件。示例：

@startuml

participant 杰瑞
actor 汤姆

ref over 杰瑞,汤姆 : 初始化

杰瑞 -> 汤姆 : Hello~

ref over 汤姆
多行表达，
就应该这样！
end ref

@enduml

引用

延时

在时序图中，我们可以指定两条消息之间的延时。并且可以为这个延时添加文字说明。需要使用的关键字为...。示例：

@startuml

张三 -> 李四 : 我要借钱
李四 --> 张三 : 借给你

... 八百年后 ...

张三 -> 李四 : 我要还钱
李四 --> 张三 : 收到欠款

... 一天后 ...

张三 -> 李四 : 我还要借钱
李四 --> 张三 : 不借了

@enduml

延时

间隔空间

使用|||关键字可以为上下两条内容多分隔出一定空间。另外，还可以使用||45||来指定分隔空间的具体像素。示例：

@startuml

张三 -> 李四 : 我要借钱
李四 --> 张三 : 借给你
|||
张三 -> 李四 : 我要还钱
李四 --> 张三 : 收到欠款
||50||
张三 -> 李四 : 我还要借钱
李四 --> 张三 : 不借了

@enduml

间隔空间

生命线的激活与销毁

activate和deactivate关键字用来指明参与者对象的活跃周期。当一个参与者对象被激活，则表示它的活跃周期开始，生命线变为长方形。activate和deactivate关键词用在触发激活的消息之后。

除此外，还可以使用destroy关键字，它表示参与者对象的生命线结束。示例：

@startuml

张三 -> 李四 : 我要借钱
activate 张三
activate 李四

李四 -> 王五 : 你给他担保我才借
activate 王五

王五 --> 李四 : 我给他担保 
destroy 王五

李四 --> 张三 : 借给你

张三 -> 李四 : 我要还钱
李四 --> 张三 : 收到欠款
deactivate 李四

张三 -> 李四 : 我还要借钱
李四 --> 张三 : 不借了
deactivate 张三

@enduml

生命线生命周期

除此外，生命线还可以嵌套。也就是一个参与者对象可以多次activate和deactivate。另外，可以为生命线指定背景色。示例：

@startuml

张三 -> 李四 : 我要借钱
activate 张三
activate 李四

李四 -> 李四 : 四处筹钱
activate 李四 #FFBBBB

李四 -> 王五 : 你给他担保我才借
activate 王五

王五 --> 李四 : 我给他担保 
destroy 王五

deactivate 李四

李四 --> 张三 : 借给你

张三 -> 李四 : 我要还钱
李四 --> 张三 : 收到欠款
deactivate 李四

张三 -> 李四 : 我还要借钱
李四 --> 张三 : 不借了
deactivate 张三

@enduml

生命线的嵌套

动态创建参与者对象

在这之前，我们讨论的情况都是参与者在时序图一开始的时候都已经存在。然而实践中，我们经常会遇到某些参与者对象是在时序图的某个阶段才动态创建出来的。

在PlantUML中，我们可以使用create关键字来动态创建参与者对象。其后紧跟一条发送给它的消息，以表明是由这条消息触发了创建这个参与者对象。示例：

@startuml

张三 -> 李四 : 我要借钱
activate 张三
activate 李四

李四 -> 张三 : 风险有点大，有担保吗？

create 王五
张三 -> 王五 : 我来虚拟个担保人
activate 王五

王五 --> 李四 : 我给他担保 
destroy 王五

李四 --> 张三 : 借给你

张三 -> 李四 : 我要还钱
李四 --> 张三 : 收到欠款
deactivate 李四

张三 -> 李四 : 我还要借钱
李四 --> 张三 : 不借了
deactivate 张三

@enduml

动态创建参与者对象

进出消息

当我们需要将注意力放在一个参与者对象时，我们只关心它的消息进出情况。因此，这样的时序图只需要一个参与对象，然后通过[和]配合箭头来表示进出消息。示例：

@startuml

张三 ->] : 我要借钱
activate 张三

[--> 张三 : 风险有点大，有担保吗？
activate 张三 #FFBBBB

张三 -> 张三 : 我来虚拟个担保人

[--> 张三 : 借给你
deactivate 张三

张三 ->] : 我要还钱
[--> 张三 : 收到欠款


张三 ->] : 我还要借钱
[--> 张三 : 不借了
deactivate 张三

@enduml

进出消息

固定版式和字母标记

在参与者对象声明时，使用<<和>>可以生成固定版式标记。在这个版式中，可以使用指定颜色的圆圈的字母标记。标记的方法是，在版式中使用(X,color)。示例：

@startuml

participant "放牛的王二小" as 王 <<自动生成>>
participant 鬼子 <<(O,#FF0000) 自动生成>>

王 -> 鬼子 : 带你去埋伏圈  

@enduml

版式和字母标记

固定版式中可以没有字符，这样就可以只有字母标记了。示例：

@startuml

participant "放牛的王二小" as 王 <<(X,#00FF00)>>
participant 鬼子 <<(O,#FF0000)>>

王 -> 鬼子 : 带你去埋伏圈  

@enduml

只有字母标记

参与者对象组合

有时候多个参与者对象构成了一个更大的逻辑对象。这时，我们可以将这多个参与者对象用一个框框起来，表达它们逻辑上的关联。为了画出这样的需求，我们可以使用box和end box组合来将参与者对象放到一起。box关键字后面，可以接一个方框的标题，和指定方框的背景色。示例：

@startuml

box "解放军部队" #LightBlue
participant 将军
participant 士兵
end box

participant 敌人

将军 -> 士兵 : 指挥
士兵 -> 敌人 : 消灭

@enduml

参与者对象组合

去掉底部的重复参与者对象

之前我们画出的所有时序图，顶部和底部都对称地显示了相同的参与者对象。为了图标更为简洁，我们有时需要去掉底部重复的对象，也可以表达相同的含义。这时，我们需要使用hide footbox关键字。示例：

@startuml

hide footbox
title "八年抗战开始了"

box "解放军部队" #LightBlue
participant 将军
participant 士兵
end box

participant 敌人

将军 -> 士兵 : 指挥
士兵 -> 敌人 : 消灭

@enduml

去底

皮肤参数

为了时序图更美观，PlantUML还可以使用skinparam关键字来统一定义字体、颜色以及其他外观风格。先看一个简单的例子：

@startuml

skinparam sequenceArrowThickness 2
skinparam roundcorner 20
skinparam maxmessagesize 60
skinparam sequenceParticipant underline

张三 -> 李四 : 我要借钱
activate 张三
activate 李四

李四 -> 李四 : 四处筹钱
activate 李四 #FFBBBB

李四 -> 王五 : 你给他担保我才借
activate 王五

王五 --> 李四 : 我给他担保 
destroy 王五

deactivate 李四

李四 --> 张三 : 借给你

张三 -> 李四 : 我要还钱
李四 --> 张三 : 收到欠款
deactivate 李四

张三 -> 李四 : 我还要借钱
李四 --> 张三 : 不借了
deactivate 张三

@enduml

简单皮肤风格

除此外，PlantUML还支持更多的呈现风格个性化，特别是手写风格看起来非常个性化。例如下面一个稍复杂的例子：

@startuml

skinparam backfroundColor #EEEBDC
skinparam handwritten true

skinparam sequence {

    ArrowColor DeepSkyBlue
    ActorBorderColor blue
    LifeLineBorderColor blue
    LifeLineBackgroundColor #A9DCDF

    ParticipantBorderColor DeepSkyBlue
    ParticipantBackgroundColor DodgerBlue
    ParticipantFontName Aapex
    ParticipantFontColor #A9DCDF

    ActorBackgroundColor aqua
    ActorFontColor DeepSkyBlue
    ActorFontSize 17
    ActorFontName Aapex
}

张三 -> 李四 : 我要借钱
activate 张三
activate 李四

李四 -> 李四 : 四处筹钱
activate 李四 #FFBBBB

李四 -> 王五 : 你给他担保我才借
activate 王五

王五 --> 李四 : 我给他担保 
destroy 王五

deactivate 李四

李四 --> 张三 : 借给你

张三 -> 李四 : 我要还钱
李四 --> 张三 : 收到欠款
deactivate 李四

张三 -> 李四 : 我还要借钱
李四 --> 张三 : 不借了
deactivate 张三

@enduml

个性化

结束语

到这里，使用PlantUML画时序图的捣鼓就告一个段落了。最后放上一个最近工作中画的一个物联网设备APP端调用支付宝充值服务费的时序图来结束本文吧~

支付宝时序图

囧虎科技宅
关注
  • 60
    点赞
  • 踩
  • 154
    收藏
    觉得还不错? 一键收藏
  • 12
    评论
专栏目录
php+jq+js多图上传图片拖拽样式
12-14
虽然很多图片上传，自己捣鼓了一些多图上传资料，以便于单独拿到多图上传功能用于快速开发，谢谢
树莓派(Raspberry Pi)瞎捣鼓
04-22
本周入手了新玩具Raspberry Pi 3 model B，利用周末稍微玩了一下，感觉体验还行，可以用来当个小私服来用或者用来当电视盒子娱乐用。 点赞点：支
UML之状态图
Java领域
07-01 1227
状态机 状态机展示状态与状态转换的图。在操作系统的进程调度中，通常用状态机描述进程的各个状态之阿健的转换关系。利用状态机可以精确的描述对象的行为，从对象的初始状态起，开始响应事件并执行某些动过，这些事件引起状态的转换，对象在新的状态下又开始响应状态和动作，如此连续进行直到终结状态。 状态的组成：状态、转换、事件、活动、动作。 状态图 一个状态图表示一个状态机。主要用于表现从一个状态到另一个状态的控制流。状态图包括：状态、转换。 ...
PlantUML - 时序图
越吃越胖的博客
03-03 1361
图中展示的参与者顺序和代码写的先后顺序一致，虽然官方提供了 order 关键字来定义顺序，但是不建议使用（能少记一点是一点，改一下代码顺序就完了~）因为用的场景不多，默认的样式还蛮好看的，再说UML图的目的就是清晰表达思路，过多的样式会占用我们比较多的时间，如果实在想修改，可以自行在官网查阅。我们可以使用 autonumber 自动对消息进行编号，这里列举的是最通用也是最简单，如果想使用复杂的编号，自行去官网查阅。preloancore --> autoapprove : 采集请求。
UML统一建模语言(三)Rationalrose和visio
03-03
PowerDesigner(Sybase)RationalRose(Rational)Together(Borland)Visio(Microsoft)BridgePoint(ProjectTechnology)本文暂时先介绍一下RatinalRose和Visio我电脑安装的是2003半的，貌似有些低端，但是依然可以说明一些问题的，因为本文旨在为大家介绍这些工具，要想精通还需要大家自己去捣鼓。至于RationalRose的安装过程中需要license验证，在这个时候就体现出作为中国人的优势了，因为网上随处可见免费的license，而且是各种软件的都有。好搞定RationalRose的Licen
基于 HTML5 Canvas实现 的交互式地铁线路图
01-19
前言 前两天在 echarts 上寻找灵感的时候，看到了很多有关地图类似的例子，地图定位等等，但是好像就是没有地铁线路图，就自己花了一些时间捣鼓出来了这个交互式地铁线路图的 Demo，地铁线路上的点是在网上随便下载了一个，这篇文章记录自己的一些收获（毕竟我还是个菜鸟）以及代码的实现，希望能够帮到一些朋友。当然，如果有什么意见的可以直接跟我说，大家一起交流才会进步。 效果图   http://www.hightopo.com/demo/subway/index.html 地图稍微内容有点多，要全部展示，字显得有点小了，但是没关系，可以按照需求放大缩小，字体和绘制的内容并不会失真，毕竟都是用矢量绘
1.PlantUML-时序图
axylp123的专栏
01-19 8851
1.1 简单示例 符号 说明 -> 表示参与者之间传递的消息，而不必显示地声明参与者 <- 同->，可提高阅读性 –> 绘制虚线箭头 <– 同<–，可提高阅读性 @startuml 用户 -> 认证中心: 登录操作 认证中心 -> 缓存: 存放(key=token+ip,value=token)token 用户 <- 认证中心 : 认证成功返回token 用户 -> 认证中心: 下次访问头部携带token认证 认证中
PlantUML权威教程-时序图
AndrewYZWang的博客
07-28 6828
文章目录PlantUML时序图简单的时序图participant改变先后顺序使用as重命名参与者order改变参与者的顺序使用非字母符号修改箭头样式修改箭头的箭头的颜色对消息序列进行编号组合消息添加注释改变注释的形状使用ref实现引用延时效果使用`|||`增加空间像素生命线的开始和撤销生命线的嵌套创建参与者进入和发出消息构造类型和圈点多行标题hide footbox增加外观参数 PlantUML ...
PlantUML 快速入门（二） UML 时序图
移动端开发干货分享
10-13 7450
UML 序列图 序列图是仅次于类图的最常用 UML 图。 序列图将交互关系表示为一个二维图，纵向是时间轴，时间沿竖线向下延伸；横向轴代表了在协作中各个角色，一般是一个 Class 的对象，用一条虚线代表各角色的生命线，生命线上用矩形竖条表示是否处于活跃状态。对象之间可以发送同步或异步消息。 相对于类图，序列图可能更能体现 PlantUML 的价值 同步消息 @startuml Alice -> Bob: Hi Bob --> Alice: Hi Alice -> Bob: Is thi
PlantUML 绘制时序图
技术分享
06-24 4162
介绍如何使用plantUML 进行绘制时序图
iOS应用开发中矢量图的使用及修改矢量图颜色的方法
01-20
之前捣鼓了点东西，要适配6和Plus，自己做做切图才发现确实有够烦。基于矢量图生成PNG图形的方法也是事后才知道，学习下，希望接下来可以实践。下面进入译文。 iOS应用的视觉形式通常是以图形元素驱动的。在设计开发一款应用时，你需要不同规格的应用图标，例如不同尺寸的Default.png图片，同时还需要为UI的实现准备@1x和@2x图形资源。所有这些图形元素都会让你的产品看上去更吸引人，但弊端也是很明显的 – 你需要为每种规格的图形元素单独切图。而随着iPhone 6及Plus的发布，我们又多了一套@3x需要处理，事情变得越来越复杂。 幸运的是，苹果在Xcode 6当中给我们带来了一些很棒的工具
百度地图离线版demo云盘下载.rar
09-10
公司项目需要内网开发百度地图，无奈捣鼓了很久，此domo解压可直接运行，此文件为demo，切片工具需进入我博客另外一个链接下载
爱捣鼓STM32笔记1学习策略
11-14
爱捣鼓STM32笔记1学习策略的主要内容是谈谈我自己学习STM32的一些体会。
[WebApi] 捣鼓一个资源管理器--服务器端分割压缩图片 [草稿]
12-09
http://blog.csdn.net/qiujuer/article/details/41826865
该项目是我平时捣鼓的一些 node 相关案例集合.zip
01-16
该项目是我平时捣鼓的一些 node 相关案例集合,如果对你有所帮助，可以点个 star。 有什么问题也可以提 issue,我会尽快回复。 软件开发设计：应用软件开发、系统软件开发、移动应用开发、网站开发C++、Java、python、...
该项目是我平时捣鼓前端相关技术的一些案例集合。
最新发布
04-03
该项目是我平时捣鼓前端相关技术的一些案例集合。【涵盖：（Tensorflow.js-姿态识别，人脸识别），(WebRTC-音视频通话，录屏，.zip
wx:nodejs版微信公众平台，自己捣鼓着玩儿
05-08
nodejs版微信公众平台，自己捣鼓着玩儿 2015.09.20 request依赖改为urllib，为之后的接口做准备 2015.09.18 tuling机器人增加上下文支持 2015.09.16 增加自动回复功能，使用tuling机器人API 2015.09.15 增加回复模板...
简单实现游戏中地图及人物跑动
04-03
简单实现游戏中地图及人物跑动，学习SurfaceView实现简单的地图及人物跑动，这段时间闲得慌，所以想捣鼓一下游戏开发，在论坛里面下了些游戏的源码看看。看了之后发现还是得动手搞搞，当然还是从最简单的入手。新手...
typora 时序图
08-22
Typora是一款方便易用的Markdown编辑器，可以用来记录笔记并画流程图、时序图和甘特图。关于如何使用Typora画时序图，可以参考以下资源： 1）《使用Typora之画图》：这篇文章介绍了使用Typora画图的方法，包括如何画流程图、时序图等。 2）《快速学习时序图：时序图简介、画法及实例》：这篇文章详细介绍了时序图的概念、画法和实例，对于初学者来说非常有帮助。 3）《UML时序图(Sequence Diagram)学习笔记》：这篇文章详细介绍了UML时序图的基本概念和画法，可以作为进一步学习时序图的参考资料。 总结来说，你可以使用Typora来画时序图，可以参考上述资源以了解详细的画法和示例。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [typora-setup-x64](https://download.csdn.net/download/hujincai_55/13122188)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [使用Typora画 流程图、时序图、顺序图、甘特图、等图详解](https://blog.csdn.net/qq_36075612/article/details/118161100)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值