h5网站制作工具,游戏网官网,cf网站编程,便宜的seo官网优化写在前面 本篇文章#xff0c;我们来介绍一下PlantUML的时序图。这个相对类图来讲#xff0c;比较简单#xff0c;也不需要布局。读完文章#xff0c;相信你就能实际操作了。 目录 写在前面一、基本概念二、具体步骤1.环境说明2.元素3.语法4.示例 三、参考资料写在后面系列…写在前面 本篇文章我们来介绍一下PlantUML的时序图。这个相对类图来讲比较简单也不需要布局。读完文章相信你就能实际操作了。 目录 写在前面一、基本概念二、具体步骤1.环境说明2.元素3.语法4.示例 三、参考资料写在后面系列文章 一、基本概念
时序图是我们梳理复杂系统交互或设计的一大法宝。概念不多解释直接上示例。 二、具体步骤
1.环境说明
名称说明WindowsWindows10Intellij IDEA版本Intellij IDEA 2019.2.3(Ultimate Edition)PlantUML IntegrationIDEA插件 2.23.0
2.元素
以下为PlantUML脚本
startuml
title 时序图的元素participant ac (A,#A8DEDF) AbstractClass
participant interface (I,#B4A7E3) Interface
participant class (C,#ADD1B2) Class participant Participant as P
participant ()非字母形式 as P2actor Actor as A #red
boundary Boundary as B #blue
control Control as C
database Database as D
entity Entity as E order 3
collections Collections as C2 order 2
queue Queue as Q order 1
enduml效果
3.语法
以下为PlantUML脚本
startuml
skinparam style strictuml
skinparam sequenceArrowThickness 2
skinparam roundcorner 20
skinparam sequenceParticipant underline
autoactivate ontitle 时序图语法
actor Userparticipant First Class as A
note over A: 这是对First Class的注释participant Second Class as B
note over B: 这是对Second Class的注释participant third Class as C
note across: 这是跨越所有\n参与者的注释participant Last Class as D
hnote across: 这是跨越所有\n参与者的注释 第一段逻辑
A - B: A请求B
note right这是对A-B请求的注释
end noteB - C: B请求C
C - C: C请求自身
return successC -- B: C响应B 第二段逻辑
B - D: B请求D
D - D: D请求自身
return successD -- A: D响应Aenduml效果
4.示例
以下为PlantUML脚本
startuml
skinparam style strictuml
autoactivate on
autonumbertitle 时序图示例阶段1
autonumber 1
Alice - Bob: request
Bob -- Alice: Response
return response阶段2
autonumber 1alt 场景1Alice - Bob: requestAlice -- Bob: response
endalt#Gold #LightBlue 场景2
autonumber 1Alice - Bob: requestelse 场景2.1Alice -- Bob: responseAlice - Bob: requestAlice -- Bob: responsereturn responseelse #Pink 场景2.2loop 1000次Alice - Bob: requestreturn responseend
endgroup 自定义
autonumberAlice - Bob: requestAlice -- Bob: response
endenduml
效果
最后分享以下个人比较喜欢的几种颜色用于标识重要节点或流程。
#Lime, #Cyan, #Silver, #Magenta, #EEE, #FFBBBB, #DarkSalmon至此你就可以开启时序图的征程了~ 三、参考资料
PlantUML 序列图 写在后面 如果本文内容对您有价值或者有启发的话欢迎点赞、关注、评论和转发。您的反馈和陪伴将促进我们共同进步和成长。 系列文章
【PlantUML】-类图 【PlantUML】-布局 【IDEA插件】- PlantUML integration-Can‘t find Graphviz
