肥仔教程网

SEO 优化与 Web 开发技术学习分享平台

UML图 | 让你快速学会使用 Visio 绘制时序图(顺序、序列)

上次写了一篇UML相关的文章 | 类图,一般用在标准开发中,或者写文档的时候,还是需要画图的,就像毕业设计一样。 希望对大家有帮助。 注:本文使用的绘图软件是Microsoft Visio。

其他绘图软件类似。

网上的人推荐使用Processon。 在我使用Visio之前,我是用它来绘图的(由于某些原因,我不得不使用Visio来制作文档,所以我改用了Visio)。

在此插入图片描述

一、概述

序列图只是一个名字,我们平时所说的序列图、顺序图并没有什么问题。

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

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

序列图将交互表示为二维图。 纵轴为时间轴,时间沿着纵线向下延伸。 横轴表示协作中每个单独对象的分类器角色。 分类角色由生命线表示。 当对象存在时,角色用虚线表示;当对象的进程处于活动状态时,生命线为双线。 消息由从一个对象的生命线到另一对象的生命线的箭头表示。 箭头在图中从上到下按时间顺序排列。

2. 组成要素 2.1。 角色

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

在visio软件中用下图表示:

图片-20211017093631479

2.2. 物体和生命线

关于对象的命名:

对象名和类名,例如:dispatcherServlet:DispatcherServlet 只显示类名,表示是匿名对象,例如::DispatcherServlet 只显示对象名,不显示类名,例如:dispatcherServlet

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

图片-20211017094415710

2.3. 活动栏

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

图片-20211017095022043

这在 visio 软件中称为激活。

图片-20211017095113833

注意:但是这里需要强调的是,活动条不一定非得用来代表生命线上执行的发生。 活动栏的加入使得执行更加直观,但是在很多复杂的序列图中,活动栏也会让图变得更加复杂和难以绘制。 在这种情况下,最好不要使用活动条。

2.4. 消息

什么是消息?

在面向对象的分析和设计中,对象的行为也称为消息,因为对象之间的交互也可以看作是对象之间消息的发送。 通常,当一个对象调用另一对象中的行为时,会传递一条消息。

序列图关注生命线之间的通信,生命线是对象发送的消息。 UML 用生命线之间的实心箭头表示消息,每条消息都从发送对象指向接收对象。

例如:

图片-20211017100334902

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

简单消息:表示控件如何从一个对象发送到另一个对象,不包含控件的详细信息。

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

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

同步消息由实线箭头表示,异步消息由空心箭头表示。

图片-20211017101342519

自来电留言:

图片-20211017102210926

消息返回值:

图片-20211017102340839

2.5. 互动盒

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

8BnackesskIT5WYJI6Kf

KkHPoU1dR0AY4sLbzlc5

不过我们只摘取几个常用的来讲一下,但本质用法是一样的。

2.5.1、alt(选择片段)

简单来说,就是用图中表达if/else。

图片-20211017104252428

2.5.2、选择

包含可能发生也可能不发生的序列;

图片-20211017104622443

只要我的成绩低于60分,妈妈就一定会打我。

如果大于这个值,就不会发生。

2.5.3. 环形

一个段被重复一定次数,并且段重复的条件可以在关键中指示。

图片-20211017104914796

2.5.4. 平行(Par)

图片-20211017105243776

理论就这样了,让我们继续看一个例子。

3.【示例】

下图简单描述了SpringMVC的执行流程。 这次我们的任务是将其转换为序列图。

图片-20211017092550564

时序图绘制如下:

图片-20211017111429786

4.自言自语

就我个人而言,我认为绘画非常有用,尤其是当我们自己设计一些东西时。 画完相关的图之后,思路就会清晰很多。

今天的文章就到此为止。 您好,我是博主宁在春:首页相关首页:掘金首页如果您在文章中遇到任何疑问,请留言或者私信,或者添加首页联系方式,我们会尽快回复可能的。 如果您在文章中发现任何问题,希望您能够指正。 非常感谢。 如果您觉得对您有帮助,这里有一键三重链接,xdm

参考:

UML序列图总结:

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

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言