前言

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. SDN上机第五次作业

    2019 SDN上机第五次作业 1.浏览RYU官网学习RYU控制器的安装和RYU开发入门教程,提交你对于教程代码的理解,包括但不限于: 1.1描述官方教程实现了一个什么样的交换机功能? 答:官方教程实 ...

  2. selenium之 下拉选择框Select

    今天总结下selenium的下拉选择框.我们通常会遇到两种下拉框,一种使用的是html的标签select,另一种是使用input标签做的假下拉框. 后者我们通常的处理方式与其他的元素类似,点击或使用J ...

  3. 我的一个PLSQL函数 先查询再插入数据库的函数 动态SQL拼接查询条件、通用游标、记录定义(封装部分查询字段并赋值给游标)、insert select 序列、常量【我】

    先查询再插入数据库的函数 CREATE OR REPLACE FUNCTION F_REVENUE_SI(l_p_cd in Varchar2, l_c_cd in Varchar2, l_prod_ ...

  4. DataGrip 2019.1 连接mysql 8.0.16

    # 下载mysql Connector/J驱动包 https://dev.mysql.com/downloads/connector/j/ 然后解压到一个目录 # 新建mysql 8.0连接驱动 打开 ...

  5. Spring cloud微服务安全实战-3-10API安全机制之授权

    说一下最后一个模块,授权.用来做访问控制,控制哪个用户能干什么.哪个用户不能干什么? 遵循最小的授权原则,一个用户只给他必须要的那些权限. 1.你的请求是不是需要权限认证, 有一些请求是根本不需要权限 ...

  6. Egret中的对象池Pool

    为了可以让对象复用,防止大量重复创建对象,导致资源浪费,使用对象池来管理. 一 对象池A 二 对象池B 一 对象池A 1. 支持传入构造函数 2. 支持预先创建对象 3. 支持统一执行函数 /** * ...

  7. matlab @(x)构造匿名函数

    一起来学演化计算-matlab@(x)构造匿名函数 觉得有用的话,欢迎一起讨论相互学习~Follow Me 参考文献 https://www.ilovematlab.cn/thread-81614-1 ...

  8. linux下配置face_recognition

    1.如linux下已有python2.7,但需要更新一下python 2.7至python2.x sudo add-apt-repository ppa:fkrull/deadsnakes-pytho ...

  9. Python - Django - CSRF

    CSRF 攻击: 把 settings.py 中的 csrf 注释掉 正规网站: 创建修改密码页面 password.html: <!DOCTYPE html> <html lang ...

  10. 线性回归:鸢尾花数据iris

    # encoding: utf-8 from sklearn.linear_model import LogisticRegression import numpy as np from sklear ...