笔者坚定认为,在绘制任何图形之前,都应该先弄清楚图形的概念、组成元素以及绘制规范。这有助于提升我们的绘图效率。

  • 什么是时序图?
  • 时序图的组成元素
  • 如何绘制时序图?(附微信二维码支付案例)

01 什么是时序图?

时序图是UML交互图中的一类,又名序列图、顺序图。

用于描述对象之间的传递消息的时间顺序(包括发送消息、接收消息、处理消息、返回消息等)。

来源:亿图图示模板社区

02 时序图的组成元素

1)对象

对象代表时序图中的对象在交互中所扮演的角色,一般使用矩形表示。

如果对象位于时序图的顶部,说明在交互开始时对象就已经存在了。如果对象的位置在中间部分,说明对象是在交互的过程中被创建的。当一个对象被删除或自我删除时,在其生命线(生命线详见下方)终止点处放置 “ X”标识

2)生命线

生命线代表时序图中的对象在一段时期内的存在。时序图中每个对象底部中心都有一条垂直的虚线,这就是对象的生命线。

对象间的消息存在于两条虚线间。

3)消息

两个对象之间的单路通信,从发送方指向接收方。

消息的传递一般有以下几种方式:

同步消息:消息的发送者把控制传递给消息的接收者,然后停止活动,等待消息的接收者放弃或者返回控制。

注意:发送人需要等待消息的响应。带实心箭头的实线表示

异步消息:消息发送者通过消息把信号传递给消息的接收者,然后继续自己的活动,不等待接受者返回消息或者控制。

注意:发送人不需要等待消息的响应。带线型箭头的实线表示

返回消息:返回消息表示从过程调用返回

带线型箭头的虚线表示。

自关联消息: 自身调用自身的方法,即自我调用的同步消息

03 如何绘制时序图?

时序图绘制具体分为以下5步:

  1. 确定交互过程的上下文;
  2. 识别参与过程的交互对象
  3. 为每个对象设置生命线
  4. 从初始消息开始,依次画出随后消息;
  5. 考虑消息的嵌套,标示消息发生时的时间点。

那么有哪些值得推荐的绘制工具呢?

可以尝试亿图图示▼

一键下载 亿图图示 PC版
edrawsoft.cn

亿图图示支持符号自由拖拽,前面提到的四种消息传递符号都可以在软件的符号库中找到。

另外,它还提供了一个模板社区,大家可以在上面搜索相关的图形图表,当然包括时序图▼

UML-时序图怎么画?相关推荐

  1. 【系统设计】:画UML时序图的技巧

    1 推荐办法 作为程序员,肯定是使用代码画图比较方便快捷. 以下推荐使用plantUML来画各种UML图. 以下网站是plantUML的官网: www.plantuml.com 网站提供了一个在线的I ...

  2. [转载]UML时序图总结

    前言 在我的工作中,用的最多的就是时序图了.可能由于工作的原因,我也是最喜欢画时序图了,很清楚,很明了,什么时候发送什么消息,到达什么状态,一下子就展示在你的脑海里,对于消息驱动的程序来说,是再好不过 ...

  3. UML时序图速查——架构设计必备技能

    目录 一.时序图概述 二.时序图元素 1. Actor(角色)& Object(对象) 2. Lifeline(生命线) 3. Message(消息) 4. Combined Fragment ...

  4. UML时序图(Sequence Diagram)学习笔记

    UML时序图(Sequence Diagram)学习笔记 原创 SuperMan-zhang 最后发布于2018-07-04 14:37:25 阅读数 94844 收藏 发布于2018-07-04 1 ...

  5. 机械动作时序图怎么画_时序图怎么画步骤教程_时序图用什么工具画_时序图的作用是什么...

    时序图(Sequence Diagram),亦称为序列图.循序图或顺序图,是一种UML交互图.它通过描述对象之间发送消息的时间顺序显示多个对象之间的动态协作. 时序图是一个二维图,横轴表示对象,纵轴表 ...

  6. 一张图阐述UML时序图(顺序图)的画法【软件工程】

    文章目录 I.介绍时序图 II.一图搞定时序图画法 I.介绍时序图 时序图(Sequence Diagram)也叫顺序图,是显示对象之间交互的图,这些对象是按时间顺序排列的.时序图中显示的是参与交互的 ...

  7. uml 时序图_设计模式-UML

    定义 统一建模语言(Unified Modeling Language,UML)是一种为面向对象系统的产品进行说明.可视化和编制文档的一种标准语言,是非专利的第三代建模和规约语言.UML是面向对象设计 ...

  8. 设计模式(二)——UML类图怎么画

    UML类图怎么画 一.注释(comment) 注释就是对类图的补充说明,可以附加在任何元素上,用右上角有折角的矩形来表示,其内放置说明文字,通过虚线连接被注释的元素. 二.类(Class) 在面向对象 ...

  9. [全程建模]关于UML时序图箭头方向的问题

    饼子堂的一个老程序员2017/10/12 9:40:59 清润 请教个问题哦 青润 2017/10/129:44:47 说 咱们这边客气什么呀?有问题你直接说,只要我有时间,我就直接回复了. 饼子堂的 ...

  10. 根据文本自动生成UML时序图(draw.io格式)

    1. 前言 已有一些工具可以根据文本自动生成UML时序图,如PlantUML(https://plantuml.com/zh/).Mermaid(https://mermaid-js.github.i ...

最新文章

  1. 基于yolov5的工业缺陷检测方案
  2. Python中的继承和多态
  3. 双轴机械臂位置闭环控制:STC8H1K28,42HS48EIS,BH32
  4. python爬携程_python爬虫-携程-eleven参数
  5. sql server 怎么把视图中的数据存到另外一张表中_承上篇,自制插件优化Kep数据存储问题...
  6. html如何压缩发送,css如何压缩?
  7. iOS8 【xcode6中添加pch全局引用文件】
  8. winre drv分区干嘛用的_都2020年了,还在给硬盘分区?看完你就知道有没有必要了...
  9. 无法远程连接mssqlserver2005服务器的解决
  10. Java基本数据类型大总结
  11. 人工智能作业——搜索树博弈树一阶逻辑表达式CNF范式
  12. 百万 Go TCP 连接的思考: epoll方式减少资源占用
  13. 【Linux】学习历程
  14. 各部件作用计算机,计算机硬件有哪些部件,各部件的作用是什么?
  15. C++11创建线程的三种方式
  16. 新版白话空间统计(24):中位数中心
  17. Hyperledger Fabric2中文文档-修改通道配置
  18. 酷跑游戏C语言,毕业设计(论文)-跑酷游戏设计(源程序).doc
  19. xilinx 7系列FPGA ibert笔记
  20. python写爬虫之提取网页的内容(筛选)_Python网络爬虫项目:使用requests获取网页,通过BeautifulSoup提取数据...

热门文章

  1. 怎么可以在网上赚钱,互联网老手告诉你这些经验!
  2. 怎么用css打表格框,怎么用css美化表格的边框
  3. 单片机系统的低功耗设计策略
  4. Project Anarchy游戏引擎的研究之路
  5. 蒙哥马利快速幂摸算法
  6. ECharts的学习(二):制作一个简单的饼状图,并对其设置样式
  7. JS 日期格式化函数
  8. elasticsearch 基础 —— Mapping参数boost、coerce、copy_to、doc_values、dynamic、
  9. Mac:特殊符号输入方法
  10. 计算机什么课学mcmc,MCMC例子