前言

IDEA 下载插件 PlantUML,直接在 IDEA 里面编写 UML,很方便;然后电脑再安装渲染引擎 Gravizo ,没有它,复杂的类图就无法渲染了 ;

链接:https://pan.baidu.com/s/12GmRAMjRDAkVLJTp4x64vw 提取码:018g

对了 PlantUML 插件,貌似不提供拖拽控件,这无所谓,就像真正的安卓高手,写布局,绝对不会是拖拽控件的,肯定是手写xml文件;

如果看到这了,也不用挑了, PlantUML 无比强大,颜值也不差,支持导出普通图片和矢量图,就选 PlantUML,不用再去比较哪一个最好了,比较来比较去,也没意思,就像各种语言之争一样,再厉害也是工具厉害,对吧,为何不做个自己也厉害的人呢;


-> --> 信息传递

小明与小红对话:

这里的 小明小红 都是参与者,关于参与者看下一节;


声明参与者的几个关键字

  1. actor
  2. boundary
  3. control
  4. entity
  5. database
  6. collections
  7. participant

它们都是参与者,只是声明出来的 图标 不一样,根据单词意思也可以看出,在合适的地方选择合适的参与者;:


as 重命名参与者

在声明参与者的时候,可以取别名 ,然后再以后使用,可以直接使用别名,但是原名字不能再被使用;

声明参与者的时候,参与者的名字是可以使用双引号括起来的,比如你的名字很长,中间有空格就需要双引号括起来;但是别名是不允许有双引号的;


# 添加颜色

# 为参与者赋予颜色,后面可以是 RGB 颜色,也可以是颜色的单词:


order 定义参与者顺序

默认参与者安装声明的先后进行排序,可以自定义顺序,使用 order 关键字排序;先后顺序,安装 order 后面的数字来决定,数值越小,越靠前,数值一样大,按照声明顺序;


“” 参与者名字

参与者起名字的时候,一般只能是字母、数字,如果想使用其他字符,则可以使用 “” 括起来:


给自己发信息

消息太长,可以使用 \n 进行换行;


修改传达信息的箭头样式

我们可以通过,修改箭头样式,来表达不一样的意思:

  1. 表示一条丢失的消息:末尾加 x
  2. 让箭头只有上半部分或者下半部分:将<和>替换成\或者 /
  3. 细箭头:将箭头标记写两次 (如 >> 或 //)
  4. 虚线箭头:用 – 替代 -
  5. 箭头末尾加圈:->o
  6. 双向箭头:<->


修改箭头颜色

在写箭头的时候,在中间插入 [#xxx] 变为 -[#xxx]>


autonumber 消息序列

  • autonumber 会自动的对信息进步编号:
  • autonumber xx 从指定的数字 xx开始编号:
  • autonumber xx zz 从指定数字 xx 开始编号,每次步长为 zz :

自定义编号的格式

双引号里面的就是编号的格式:

  • 双引号内嵌入html标签:autonumber “<b>10<b>” ,加粗编号
  • 制定编号的格式:autonumber 40 "<b>message (000)</b>"
  • 制定格式的时候,0 ,# 都代表数字,但是 0 可以占位,# 不能;


暂停、启用自动编号

  1. 可以暂停使用编号:autonumber stop
  2. 还可以继续接着之前的编号,启用编号
  3. 或者,从新的编号开始,继续启用编号


设置标题、页眉、页脚

  1. title,设置标题
  2. herder,设置页眉
  3. footer,设置页脚,如果想用页码,则加上 %page% of %lastpage%


分割页面

newpage 会产生新的一幅图,并且上文提到的 title 只能为第一页写标题,无论你写在哪里,都只能为第一页写标题:


组合信息

  1. alt/else ,类似于 if / else
  2. opt 选择,
  3. loop 循环
  4. par
  5. break 跳出循环
  6. critical
  7. group

它们后面紧跟着消息内容,都是用来组合信息,就跟定义参与者一样,也有好多的关键字,但是自己根据场景选择对应的关键字,这里也是,使用 end 结束没个小分组;


给信息添加注释

  1. 在左边添加注释 note left :

  2. 在右边添加注释 note right :

  3. 多行注释,note left /right 多行注释 end note

  4. 在特定参与者添加注释 note left of,note right of或note over



    这里说个小窍门,注释怎么看是谁的,首先看线,只要是那个参与者的注释,则那个参与者的线,是必定压不到的;

    如果压到线了,那么就是 over 的情况了,注释偏向谁那边,就是谁的,如果差不多在中见,则是两/多个参与者共有的;


改变注释框的外观

使用 hnote 和 rnote 取代之前的 noteh 是六边形,r 是长方形:


使用 html

<b> 或者 `**`括起来: 加粗文本
<u> 或者 `_ _`括起来:加下划线
<i> 或者 `//`括起来:斜体
<s> 或者 `--`括起来:删除线
<w> 或者 `~~`括起来:波浪线
<color:#AAAAAA> 或 <color:colorName> 用来设置文本颜色
<back:#AAAAAA> 或 <back:colorName> 用来设置背景色
<size:nn> 设置字体大小
<img src="file"> 或 <img:file> 用来添加图片,图片文件必须 是可以访问得到才行。
<img src="http://url"> 或 <img:http://url> 用来添加一个互 联网图片,同样的图片地址必须是可用的才行。


分割符

== xxx == 分割流程:


延迟

... 代表延迟:


空间

有时候我们感觉,上下文信息太过密集,可以使用 ||| 来增加空间,或者 ||size|| 指定空间大小:


生命线激活、撤销

activate和deactivate用来表示参与者的生命活动激活、撤销,而 destroy 则代表生命线的摧毁:

生命线被撤销、摧毁以后,还是可以再次激活的,但是不能在同一个点,撤销、摧毁以后,立马激活,在图中表现为,线必须要有断点:



在生命线激活期间,可以再次激活, 也可给生命线上颜色,激活以后 #xxxx


Return

可以根据上下文信息智能的判断,返回到哪一个点,还可以传递信息过去;

比如,上文 A->B ,则 return 就是B->A


创建参与者

在对话期间,创建参与者,而不是一开始参与者就存在,然后两人对话:

在发送信息之前,使用 create actor xxx 创建对象,然后再和 xxx 发信息


进入和发出消息

[ ,] 分别代表左右两侧,写的时候,一般我是先写 xx,代表参与者,然后箭头,最后写 [,] ,这里的箭头可以是之前学的各种样式:

箭头样式的时候,需要注意下,

当然,写法不止这一种,自己也可以挑选好记的:


包裹参与者

可以使用box和end box画一个盒子将参与者包裹起来。

还可以在box关键字之后添加标题或者背景颜色。


移除脚注

使用hide footbox关键字移除脚注,这样就没有


skinparam 外观参数

使用 skinparam handwritten true 开启手写风格

使用 skinparam backgroundColor #颜色RGB 指定背景填充颜色

  • skinparam ParticipantPadding 数值 指定参与者的外边距
  • skinparam BoxPadding 数值 指定 box 的外边距

(一)PlantUML 语法之时序图的更多相关文章

  1. 如何优化PlantUML流程图(时序图)

    这篇文章用来介绍,如何画出好看的流程图. 1. 选择合适的组件 1.1 plantuml官方提供的组件 1.2 加载图片 1.2.1 加载本地图片 1.2.2 加载网络图片 1.2.3 图片资源 2. ...

  2. PlantUML --- 使用代码快速绘制时序图、思维导图

    本篇思维导图 @startmindmap <style> mindmapDiagram { .green { BackgroundColor lightgreen } .rose { Ba ...

  3. 软件文档写作-plantuml画用例图和时序图

    背景 当下的软件开发人员,不可避免的需要输出一些软件设计文档,作为一个软件工程专业毕业的工程师,最常用的设计工具就是UML,使用UML工具绘制一些软件相关的图,是必备技能,也是输出的技术文档中的重要组 ...

  4. mac版本idea使用(二)-如何安装PlantUML画时序图、类图

    在跟踪spring源码的时候,看见网上的博客好多使用了idea自带的展示类继承关系图的功能,这个地方使用了idea的diagrams-show diagram,就可以显示类的继承图,很神奇的样子,记录 ...

  5. Markdown时序图--基础语法

    时序图 ​ 序列图是一种交互图,它显示了流程以何种顺序相互操作. Mermaid可以渲染序列图,如下定义. sequenceDiagram Alice->>John:Message Hel ...

  6. eclipse下生成Java类图和时序图,生成UML图

    1.安装和使用AmaterasUML 安装AmaterasUML前,需要先安装GEF采用eclipse在线安装方式安装就好.eclipse在线安装GEF的地址:http://download.ecli ...

  7. 还能这么玩?用VsCode画类图、流程图、时序图、状态图...不要太爽!

    文章每周持续更新,各位的「三连」是对我最大的肯定.可以微信搜索公众号「 后端技术学堂 」第一时间阅读(一般比博客早更新一到两篇) 软件设计中,有好几种图需要画,比如流程图.类图.组件图等,我知道大部分 ...

  8. powerdesign、navacat、ER图、uml、类图、时序图

    关于建表和生成实体以及ER图的简便方法 a:用navacat客户端生成简单的ER图,并生成建表sql,执行生成表. b:用powerdesign连接数据库,反向生成带有注释的ER图. c:用ideal ...

  9. 【VScode】使用VScode 来写markdown时序图

    准备工作 在VScode中下载插件Markdown Preview Enhanced插件 创建一个.md文件 在VScode中打开文件,界面内点击右键可以看到Open preview to the s ...

随机推荐

  1. div双击全屏,再双击恢复到原来的状态vue,js来做

    需求是这样的: 有四个视频,视频是在4个区域,点击之后就全屏 <!DOCTYPE html> <html lang="en"> <head> & ...

  2. React.createElement 与 JSX

    DOM 向JSX的演进 网页由 DOM 元素构成.React DOM 并不是浏览器的 DOM,而React DOM 只是用来告诉浏览器如何创建 DOM 的方法.通常情况下,我们并不需要 React 就 ...

  3. 【论文阅读】DCAN: Deep Contour-Aware Networks for Accurate Gland Segmentation

    DCAN: Deep Contour-Aware Networks for Accurate Gland Segmentation 作者:Hao Chen Xiaojuan Qi Lequan Yu ...

  4. django部署后样式加载不出来解决方案

    django部署后样式加载不出来 1.html文件去掉<!DOCTYPE html> 2. location /static { alias /home/static/; } 3.STAT ...

  5. Django 创建数据库表

    1.连接数据库之前,我们需要在setting中修改一些内容 2.Django的表是在models中创建的,一个class代表一个数据库表 abstract是为了继承,将该基类定义为抽象类,即不必生成数 ...

  6. phpstorm 断点调试总是从index.php的第一行开始

    去掉勾选,重开phpstorm

  7. TensorFlow DeepLab教程初稿-tensorflow gpu安装教程

    TensorFlow DeepLab教程初稿-tensorflow gpu安装教程 商务合作,科技咨询,版权转让:向日葵,135-4855__4328,xiexiaokui#qq.com Summar ...

  8. shell编程系列1--shell脚本中的变量替换

    shell编程系列1--shell脚本中的变量替换 变量替换总结: .${变量#匹配规则} # 从头开始匹配,最短删除 .${变量##匹配规则} # 从头开始匹配,最长删除(贪婪模式) .${变量%匹 ...

  9. 【转载】 十图详解tensorflow数据读取机制(附代码)

    原文地址: https://zhuanlan.zhihu.com/p/27238630 何之源 ​ 深度学习(Deep Learning) 话题的优秀回答者       --------------- ...

  10. Jmeter之__CSVRead随机读取变量

    背景:当你需要从一些数据中随机的取值用的话可以用这个函数来实现__CSVRead __CSVRead函数用于对脚本进行参数化,当脚本中不同变量需要不同参数值时,可以考虑__CSVRead函数. _CS ...