[工具使用]——时序图与UML类图

文章目录

    • 时序图
      • 定义
      • 作用
      • 组成元素
        • 1. 角色(Actor)
        • 2. 对象(Object)
        • 3. 生命线(Lifeline)
        • 4. 控制焦点(Focus of Control)
        • 5. 消息(Message)
        • 6. 自关联消息
        • 7. 组合片段
    • UML类图
      • 关系
        • 1. 泛化
        • 2. 依赖
        • 3. 关联
        • 4. 聚合
        • 5. 组合
    • 软件推荐
      • drawio(开源免费的流程图绘制软件)
      • idea插件

时序图

定义

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

时序图是一个二维图,横轴表示对象,纵轴表示时间,消息在各对象之间横向传递,依照时间顺序纵向排列。

作用

1、展示对象之间交互的顺序。将交互行为建模为消息传递,通过描述消息是如何在对象间发送和接收的来动态展示对象之间的交互;

2、相对于其他UML图,时序图更强调交互的时间顺序;

3、可以直观的描述并发进程。

组成元素

1. 角色(Actor)

系统角色,可以是人、机器、其他系统、子系统;在时序图中用img表示。

2. 对象(Object)

(1)对象的三种命名方式

对象位于时序图的顶部,以一个矩形表示。对象的命名方式一般有三种:

  • 对象名和类名。例如:华为手机:手机、loginServiceObject:LoginService;
  • 只显示类名,不显示对象,即为一个匿名类。例如::手机、:LoginSservice。
  • 只显示对象名,不显示类名。例如:华为手机:、loginServiceObject:。

(2)命名方式的选择

三种命名方式均可,哪种最容易让阅读该时序图的人理解,就选择哪种。

(3)对象的排列顺序

对象的左右顺序并不重要,但是为了作图清晰整洁,通常应遵循以下两个原则:把交互频繁的对象尽可能的靠拢;2.把初始化整个交互活动的对象放置在最左端。

3. 生命线(Lifeline)

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

4. 控制焦点(Focus of Control)

又称为激活期,表示时间段的符号,在这个时间段内对象将执行相应的操作。它可以被理解成C语言语义中一对花括号{ }中的内容;用小矩形表示。

5. 消息(Message)

  • 表示对象之间发送的信息。消息分为三种类型。

    • 同步消息(Synchronous Message)
      消息的发送者把控制传递给消息的接收者,然后停止活动,等待消息的接收者放弃或者返回控制。用来表示同步的意义。以一条实线和实心箭头表示

    • 异步消息(Asynchronous Message)

      消息发送者通过消息把信号传递给消息的接收者,然后继续自己的活动,不等待接受者返回消息或者控制。异步消息的接收者和发送者是并发工作的。以一条实线和大于号表示

    • 返回消息(Return Message)
      返回消息表示从过程调用返回。以小于号和虚线表示

6. 自关联消息

表示方法的自身调用或者一个对象内的一个方法调用另外一个方法。

下面举例一个时序图的列子,看下上面几种元素具体的使用方式。

[工具使用]——时序图与UML类图_第1张图片

7. 组合片段

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

[工具使用]——时序图与UML类图_第2张图片

[工具使用]——时序图与UML类图_第3张图片

常用组合片段举例:

用来指明在两个或更多的消息序列之间的互斥的选择,相当于经典的if…else…

(1)抉择(Alt)

抉择在任何场合下只发生一个序列。 可以在每个片段中设置一个临界来指示该片段可以运行的条件。else 的临界指示其他任何临界都不为 True 时应运行的片段。如果所有临界都为 False 并且没有 else,则不执行任何片段。

[工具使用]——时序图与UML类图_第4张图片

(2)选项(Opt)

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

[工具使用]——时序图与UML类图_第5张图片

(3)循环(Loop)

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

[工具使用]——时序图与UML类图_第6张图片

(4)并行(Par)

[工具使用]——时序图与UML类图_第7张图片

UML类图

类是具有相似结构、行为和关系的一组对象的描述符,是面向对象系统中最重要的构造块。

如下图所示,就表示一个类:

[工具使用]——时序图与UML类图_第8张图片

三个格子从上至下分别表示:

  • 类名称(如果是接口,就使用斜体表示)
  • 类的特性(一般是类的字段和属性,可以没有)
  • 类的操作(一般是类的方法或行为)

它们前边的符号有以下几类:

  • “+”表示public
  • “-”表示private
  • "_"下划线表示static
  • “#”表示protected
  • "~"表示default,也就包权限
  • 斜体表示抽象

关系

在 UML 类图中,常见的有以下几种关系: 泛化(Generalization), 实现(Realization),关联(Association),聚合(Aggregation),组合 (Composition),依赖 (Dependency)

[工具使用]——时序图与UML类图_第9张图片

类与类之间的关系

1. 泛化

介绍:
泛化 (Generalization) 表示类与类之间的继承关系,接口与接口之间的继承关系,或类对接口的实现关系

(1)继承
介绍:
继承表示是一个类(称为子类、子接口)继承另外的一个类(称为父类、父接口)的功能,并可以增加它自己的新功能的能力。
表示方法:
继承使用空心三角形 + 实线表示。
示例:
鸟类继承抽象类动物

[工具使用]——时序图与UML类图_第10张图片

(2)实现
介绍:
实现表示一个 class 类实现 interface 接口(可以是多个)的功能。
表示方法:

1)矩形表示法
使用空心三角形 + 虚线表示
比如:大雁需要飞行,就要实现飞 () 接口

[工具使用]——时序图与UML类图_第11张图片

2)棒棒糖表示法
使用实线表示

[工具使用]——时序图与UML类图_第12张图片

2. 依赖

介绍:
对于两个相对独立的对象,当一个对象负责构造另一个对象的实例,或者依赖另一个对象的服务时,这两个对象之间主要体现为依赖关系。
表示方法:
依赖关系用虚线箭头表示。
示例:
动物依赖氧气和水。调用新陈代谢方法需要氧气类与水类的实例作为参数

[工具使用]——时序图与UML类图_第13张图片

3. 关联

介绍:
对于两个相对独立的对象,当一个对象的实例与另一个对象的一些特定实例存在固定的对应关系时,这两个对象之间为关联关系。
表示方法:
关联关系用实线箭头表示。
示例:
企鹅需要‘知道’气候的变化,需要‘了解’气候规律。当一个类‘知道’另一个类时,可以用关联。

[工具使用]——时序图与UML类图_第14张图片

4. 聚合

介绍:
表示一种弱的‘拥有’关系,即 has-a 的关系,体现的是 A 对象可以包含 B 对象,但 B 对象不是 A 对象的一部分。 两个对象具有各自的生命周期
表示方法:
聚合关系用空心的菱形 + 实线箭头表示。
示例:
每一只大雁都属于一个大雁群,一个大雁群可以有多只大雁。当大雁死去后大雁群并不会消失,两个对象生命周期不同。

[工具使用]——时序图与UML类图_第15张图片

5. 组合

介绍:
组合是一种强的‘拥有’关系,是一种 contains-a 的关系,体现了严格的部分和整体关系,部分和整体的生命周期一样
表示方法:
组合关系用实心的菱形 + 实线箭头表示,还可以使用连线两端的数字表示某一端有几个实例。
示例:
鸟和翅膀就是组合关系,因为它们是部分和整体的关系,并且翅膀和鸟的生命周期是相同的。

[工具使用]——时序图与UML类图_第16张图片

软件推荐

drawio(开源免费的流程图绘制软件)

有网页版,也有桌面安装版,甚至也有vscode的插件

  • 网页版:

https://app.diagrams.net/

  • 桌面安装版:

https://github.com/jgraph/drawio

[工具使用]——时序图与UML类图_第17张图片

  • vscode插件版
    • 在插件中下载Draw.io Integration即可

[工具使用]——时序图与UML类图_第18张图片

​ 只要新建扩展名为 .drawio.dio.drawio.svg 文件即可进入编辑

[工具使用]——时序图与UML类图_第19张图片

idea插件

当然也可以直接使用idea插件来生成

  • 时序图插件

SequenceDiagram

下载:

直接在idea的settings-> plugins中下载即可

[工具使用]——时序图与UML类图_第20张图片

使用方法

在方法名上右键,选择Sequence Diagram

[工具使用]——时序图与UML类图_第21张图片

  • UML类图

    idea中自带有UML的插件

    使用方式

    选择类名,右键,选择Diagrams

    [工具使用]——时序图与UML类图_第22张图片

    [工具使用]——时序图与UML类图_第23张图片

你可能感兴趣的:(工具使用,uml,uml时序图,drawio)