UML图 | 时序图(顺序、序列图)绘制

简介: UML图 | 时序图(顺序、序列图)绘制

本文已参与「掘力星计划」,赢取创作大礼包,挑战创作激励金。

关于封面: 我想我们要相信永远都有光,

上一次写过一篇 UML | 类图 相关的文章,平时规范开发会用的上,或者是写什么文档,就还是需要画图,就像毕业设计就是如此。希望能够帮助到大家。

注:本文中所用画图软件为 Microsoft Visio .

一、概述

时序图更多只是一种叫法,平常我们所说的顺序图、序列图也是在称呼它。

时序图是基于交互的对象行为建模,是 UML 用于描述对象之间信息的交互过程的方法,是描述对象间协作关系的模型。

时序图用于捕获系统运行中对象之间有时间顺序的交互,是由生命线和消息组成。

时序图将交互关系表示为一个二维图。纵向是时间轴,时间沿竖线向下延伸。横向轴代表了在协作中各独立对象的类元角色。类元角色用生命线表示。当对象存在时,角色用一条虚线表示,当对象的过程处于激活状态时,生命线是一个双道线。消息用从一个对象的生命线到另一个对象生命线的箭头表示。箭头以时间顺序在图中从上到下排列。

二、组成元素

2.1、角色

这个角色可以是用户、外部系统、机器等等。

在 visio 软件中用下图表示:

1704462253714.jpg

2.2、对象和生命线

关于对象的命名:

  1. 对象名和类名,例如:dispatcherServlet:DispatcherServlet
  2. 只显示类名,即表示它是一个匿名对象,例如::DispatcherServlet
  3. 只显示对象名不显示类名,例如:dispatcherServlet

生命线:在时序图中表示为从对象图标向下延伸的一条虚线,表示对象存在的时间。

1704462257832.jpg

2.3、活动条

在生命线的虚线上可以用活动条来表示某种行为的开始和结束,一般用小矩形来表示。

1704462260961.jpg

在 visio 软件上称之为激活。

1704462277664.jpg

:但是在这里我需要强调的是在生命线上并非一定要用活动条来表示执行的发生,活动条的加入是的执行发生更形象化,但是在繁多复杂的时序图中,活动条也会使图示变得更加复杂难以绘制,这种情况下,倾向于不使用活动条。

2.4、消息

什么是消息?

在面向对象的分析和设计中,对象的行为也被称为消息,因为对象之间的行为的交互擢用也可以看成是对象之间发送消息实现的。通常,当一个对象调用另一个对象中的行为时,即完成了一次消息传递。

时序图中关注生命线之间的通信,这些通信就是对象发送的消息。UML用生命线间带有实心箭头的实现表示消息,每条消息从发送对象指向接收对象。

例如:

1704462280091.jpg

另外消息中还细分为了简单消息、同步消息和异步消息。

简单消息:就表示控制如何从一个对象发送给另一个对象,并不包含控制的细节。

同步消息:意味着阻塞和等待。如:A向B 发送一个消息后,对象A 必须一直等到B执行完成后返回才能继续往下执行。这就是同步消息。

异步消息:就意味着是非阻塞。如:A向B发送消息后,直接可以执行下面代码,无需等待B的执行。

同步消息用实心箭头表示,异步消息用开放式箭头表示。

1704462283478.jpg

自我调用消息:

1704462286465.jpg

消息的返回值:

1704462314642.jpg

2.5、交互框

UML在2.0时在时序图中加入了交互框。交互框用来解决交互执行的条件和方式,它允许在序列图中直接表示逻辑组件,用于通过指定条件或子进程的应用区域,为任何生命线的任何部分定义特殊条件和子进程。组合片段共有13种,名称及含义如下:

1704462322391.jpg

1704462325186.jpg

但是我们只抽取几个常用的出来说一下,但本质上的用法是一样的。

2.5.1、alt (选择片段)

简单说就是 将 if/else 在图示中表示出来了。

1704462327821.jpg

2.5.2、opt

包含一个可能发生或不发生的序列;

1704462330838.jpg

只要当我成绩score小于60时,老妈打我这件事情肯定会发生。

大于就不会发生。

2.5.3、Loop (循环)

片段重复一定次数,可以在临界中指示片段重复的条件。

1704462334679.jpg

2.5.4、并行(Par)

1704462369093.jpg

理论就说到这里哈,我们来接着说个例子。

三、【实例】

下图简述了SpringMVC的执行流程,这次我们的任务就是将它转换为时序图来表示。

1704462372594.jpg

画成时序图如下:

1704462375391.jpg

四、自言自语

个人认为画图真的很有作用,尤其是关乎我们自己设计什么东西时,画出相关图之后,思路会清晰很多。

如果是刚入门的xdm,我想画图比代码更能体现思路,写之前可以画画图,让自己思路更清晰一些。

如果是程序猿啦,我想画图就是个基本操作啦。

如若在文章中遇到疑惑,请留言或私信,或者加主页联系方式,都会尽快回复。

如若发现文章中存在问题,望你能够指正,不胜感谢。

如果觉得对你有所帮助的话,来个一键三连👍啦,🙇‍xdm

参考:

UML序列图总结:www.trufun.net/UML/UMLwend…

统一建模语言UML(第二版)清华大学出版社

目录
相关文章
|
6天前
|
测试技术 uml
UML之时序图
UML之时序图
18 1
|
2月前
|
存储 测试技术 开发工具
软考中的UML图、数据流图等二十余种示例
软考中的UML图、数据流图等二十余种示例
182 0
|
3月前
|
程序员 uml
【程序员小知识】使用PlantUML画UML(下) 时序图
【程序员小知识】使用PlantUML画UML(下) 时序图
112 0
|
6天前
|
Java uml
UML之组件图(构件图)
UML之组件图(构件图)
14 0
|
4月前
|
程序员 数据库 uml
UML—时序图是什么
UML—时序图是什么
73 0
|
4月前
|
iOS开发
UML-时序图
UML-时序图
34 0
|
4月前
|
测试技术 uml
UML—浅谈常用九种图
UML—浅谈常用九种图
53 0
|
6月前
|
设计模式 数据可视化 程序员
设计模式概述、UML图、软件设计原则
设计模式概述 软件设计模式的产生背景 "设计模式"最初并不是出现在软件设计中,而是被用于建筑领域的设计中。 1977年美国著名建筑大师、加利福尼亚大学伯克利分校环境结构中心主任克里斯托夫·亚历山大(Christopher Alexander)在他的著作《建筑模式语言:城镇、建筑、构造》中描述了一些常见的建筑设计问题,并提出了 253 种关于对城镇、邻里、住宅、花园和房间等进行设计的基本模式。 1990年软件工程界开始研讨设计模式的话题,后来召开了多次关于设计模式的研讨会。直到1995 年,艾瑞克·伽马(ErichGamma)、理査德·海尔姆(Richard Helm)、拉尔夫·约翰森(Ra
43 0
|
8月前
|
uml Python
将python源码自动生成UML图——扩张包Graphviz+Pyreverse
将python源码自动生成UML图——扩张包Graphviz+Pyreverse
335 0
|
8月前
|
缓存 网络协议 前端开发
HTTP请求UML时序图--(POST)图和(GET)图源码分析及代码分析和MIME 介绍--常用的状态码说明
HTTP请求UML时序图--(POST)图和(GET)图源码分析及代码分析和MIME 介绍--常用的状态码说明
160 0