一文掌握UML用例图和时序图：PlantUML实操分享

分手后的思念是犯贱 2022-12-17 07:29 176阅读 0赞

### 文章目录 ###

*  用例图
 *   *  参与者
     *  用例
     *  系统边界
 *  时序图
 *   *  角色
     *  对象
     *  生命线
     *  控制焦点
     *  消息

# 用例图 #

--------------------

前置博客：[一文掌握UML类图：PlantUML实操分享][UML_PlantUML]

**用例图**是指由参与者（Actor）、用例（Use Case），边界以及它们之间的关系构成的用于描述系统功能的视图。用例图（User Case）是外部用户（被称为参与者）所能观察到的系统功能的模型图。用例图是系统的蓝图。用例图呈现了一些参与者，一些用例，以及它们之间的关系，主要用于对系统、子系统或类的功能行为进行建模。  
用例图主要的作用有三个：1. 获取需求；2. 指导测试；3. 还可在整个过程中的其它工作流起到指导作用。

画图基本步骤：

1.  确定系统边界
2.  确定主要参与者和目标
3.  定义用例和关系

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDM0NzA4_size_16_color_FFFFFF_t_70_pic_center]

## 参与者 ##

--------------------

**参与者**不是特指人，是指系统以外的，在使用系统或与系统交互中所扮演的角色。因此参与者可以是人，可以是事物，也可以是时间或其他系统等等。还有一点要注意的是，参与者不是指人或事物本身，而是表示人或事物当时所扮演的角色。比如小明是图书馆的管理员，他参与图书馆管理系统的交互，这时他既可以作为管理员这个角色参与管理，也可以作为借书者向图书馆借书，在这里小明扮演了两个角色，是两个不同的参与者。参与者在画图中用简笔人物画来表示，人物下面附上参与者的名称。

**PlantUML**中用两个冒号::定义，也可以用actor关键字定义参与者/角色，还可以用关键字as定义别名，如下图所示：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDM0NzA4_size_16_color_FFFFFF_t_70_pic_center 1]  
此外还可以使用skinparam actorStyle风格的角色图标，在定义角色前加上语句skinparam actorStyle awesome即可：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDM0NzA4_size_16_color_FFFFFF_t_70_pic_center 2]  
以及用户间的继承关系表示（用箭头-|>同类图）  
![在这里插入图片描述][20201020151423797.png_pic_center]

## 用例 ##

--------------------

**用例**是对包括变量在内的一组动作序列的描述，系统执行这些动作，并产生传递特定参与者的价值的可观察结果。这是UML对用例的正式定义，对我们初学者可能有点难懂。我们可以这样去理解，用例是参与者想要系统做的事情。对于对用例的命名，我们可以给用例取一个简单、描述性的名称，一般为带有动作性的词。用例在画图中用椭圆来表示，椭圆下面附上用例的名称。

**PlantUML**用两个圆括号()定义，也可以使用关键字usecase定义用例，同样的也能用as起别名。  
![在这里插入图片描述][20201020151838204.png_pic_center]  
继承同理  
![在这里插入图片描述][20201020152043771.png_pic_center]

当需要自定义跨越多行的用例描述时，可以用双引号将其裹起来。然后可使用分隔符：–…==\_\_适当划分和放置标题。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDM0NzA4_size_16_color_FFFFFF_t_70_pic_center 3]

## 系统边界 ##

--------------------

**系统边界**是用来表示正在建模系统的边界。边界内表示系统的组成部分，边界外表示系统外部。系统边界在画图中用方框来表示，同时附上系统的名称，参与者画在边界的外面，用例画在边界里面。因为系统边界的作用有时候不是很明显，所以我个人理解，在画图时可省略。

**PlantUML**中使用关键字package定义包来表示系统边界；  
也可以使用关键字rectangle用矩形风格的包。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDM0NzA4_size_16_color_FFFFFF_t_70_pic_center 4]

此外还可用<<和>>定义角色或用例的构造类型，定义颜色等等。  
花里胡哨的，默认不香吗  
举例：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDM0NzA4_size_16_color_FFFFFF_t_70_pic_center 5]

# 时序图 #

--------------------

**时序图**，又名序列图、循序图，是一种UML交互图。它通过描述对象之间发送消息的时间顺序显示多个对象之间的动态协作。它可以表示用例的行为顺序，当执行一个用例行为时，其中的每条消息对应一个类操作或状态机中引起转换的触发事件。采用时序图可以更方便地表示调用流的顺序，仅需要由上至下阅读即可。  
时序图包括：角色、对象、生命线、控制焦点、消息。

创建步骤

1.  确定交互过程的上下文；
2.  识别参与过程的交互对象；
3.  为每个对象设置生命线；
4.  从初始消息开始，依次画出随后消息；
5.  考虑消息的嵌套，标示消息发生时的时间点，则采用FOC（focus of control）
6.  说明时间约束的地点。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDM0NzA4_size_16_color_FFFFFF_t_70_pic_center 6]

## 角色 ##

--------------------

**角色**（Actor）系统角色或参与者，可以是人或者其他系统，子系统。  
关键字participant定义参与者，也可用于改变参与者的先后顺序。此外也可以使用其它关键字来声明具体参与者类型：actor、boundary、control、entity、database、collections。

此外关键字as可以给角色起别名；  
在定义角色时\#加RGB值或者颜色名可以自定义颜色；  
关键字order可以进行排序。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDM0NzA4_size_16_color_FFFFFF_t_70_pic_center 7]

> （插播反爬信息 ）博主CSDN地址：[https://wzlodq.blog.csdn.net/][https_wzlodq.blog.csdn.net]

## 对象 ##

--------------------

**对象**(Object)代表时序图中的对象在交互中所扮演的角色，位于时序图顶部和对象代表类角色。

*  处于顶部 : 如果对象的位置在时序图顶部, 说明在交互开始的时候对象就已经存在了
 *  不在顶部 : 如果对象的位置不在顶部, 那么对象在交互过程中创建的（create关键字）

对象一般包含以下三种命名方式：  
第一种方式包含对象名和类名；  
第二种方式只显示类名不显示对象名，即为一个匿名对象；  
第三种方式只显示对象名不显示类名。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDM0NzA4_size_16_color_FFFFFF_t_70_pic_center 8]  
也可以使用<<和>>添加构造类型，并使用(X,color)格式的语法添加一个圆圈圈起来的字符。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDM0NzA4_size_16_color_FFFFFF_t_70_pic_center 9]

## 生命线 ##

--------------------

**生命线**(Lifeline)代表时序图中的对象在一段时期内的存在。时序图中每个对象和底部中心都有一条垂直的虚线，这就是对象的生命线，对象间 的消息存在于两条虚线间。  
并可以使用|||增加空间(生命线长度)  
![在这里插入图片描述][20201022171321249.png_pic_center]

**延迟**：可以用…在生命线上表示延迟  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDM0NzA4_size_16_color_FFFFFF_t_70_pic_center 10]

**分隔符**：使用 == 关键词来将图表分割多个步骤  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDM0NzA4_size_16_color_FFFFFF_t_70_pic_center 11]

**注释**：关键字note，加方向位置  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDM0NzA4_size_16_color_FFFFFF_t_70_pic_center 12]

## 控制焦点 ##

--------------------

**控制焦点**(Activation)代表时序图中的对象执行一项操作的时期，在时序图中每条生命线上的窄的矩形代表活动期。它可以被理解成C语言语义中一对花括号“\{\}”中的内容。

关键字activate和deactivate用来表示参与者的生命活动。  
一旦参与者被激活，它的生命线(条形框)就会显示出来。activate和deactivate适用于以上情形，destroy表示一个参与者的生命线的终结。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDM0NzA4_size_16_color_FFFFFF_t_70_pic_center 13]  
还可以使用嵌套的生命线，并且运行给生命线添加颜色：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDM0NzA4_size_16_color_FFFFFF_t_70_pic_center 14]

## 消息 ##

--------------------

**消息**(Message)是定义交互和协作中交换信息的类，用于对实体间的通信内容建模，信息用于在实体间传递信息。允许实体请求其他的服务，类角色通过发送和接受信息进行通信。

用箭头表示发送消息，可以给自己发消息，消息文字可以用\\n实现换行，虚线代表控制返回，一般可以省略。需要强调控制转移地时候画出：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDM0NzA4_size_16_color_FFFFFF_t_70_pic_center 15]

关键字autonumber用于自动对消息**编号**

autonumber //start //increment// 可以同时指定编号的初始值和每次增加的值：  
autonumber stop// resume //increment// //format//表示停止、暂停、继续使用自动编号  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDM0NzA4_size_16_color_FFFFFF_t_70_pic_center 16]  
**组合消息**  
常用图框，可以通过以下关键词将组合消息

*  opt：当保护信息为真时执行的可选片段，相当于if  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDM0NzA4_size_16_color_FFFFFF_t_70_pic_center 17]
 *  alt/else：选择性的片段，用于表示保护信息所表达的互斥条件逻辑，相当于if…else if…else  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDM0NzA4_size_16_color_FFFFFF_t_70_pic_center 18]
 *  loop：用于表示保护信息为真的循环片段，相当于循环for  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDM0NzA4_size_16_color_FFFFFF_t_70_pic_center 19]
 *  par：并行执行的并行片段，相当于多线程  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDM0NzA4_size_16_color_FFFFFF_t_70_pic_center 20]

嵌套使用：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDM0NzA4_size_16_color_FFFFFF_t_70_pic_center 21]  
最后可以用关键字box设定填充区包裹起来，及样式参数配置等  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDM0NzA4_size_16_color_FFFFFF_t_70_pic_center 22]

--------------------

参考PlantUML文档：  
[https://plantuml.com/zh/use-case-diagram][https_plantuml.com_zh_use-case-diagram]  
[https://plantuml.com/zh/sequence-diagram][https_plantuml.com_zh_sequence-diagram]

> **原创不易，请勿转载**（本不富裕的访问量雪上加霜 ）  
> 博主首页：[https://wzlodq.blog.csdn.net/][https_wzlodq.blog.csdn.net]  
> 微信公众号：吾仄lo咚锵  
> *如果文章对你有帮助，记得一键三连❤*

[UML_PlantUML]: https://wzlodq.blog.csdn.net/article/details/108661399
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDM0NzA4_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/fb5531a4bc0047a1928c79e80c4e8f26.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDM0NzA4_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221123/b0edcf1e0c6044ff8449fc57316e7b6b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDM0NzA4_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20221123/5a8def1d1911437095d14277247140f0.png
[20201020151423797.png_pic_center]: /images/20221123/d324e46d1fe440dab25e6cce4354759b.png
[20201020151838204.png_pic_center]: /images/20221123/d48fb93d1b1f47b79c8a608917759590.png
[20201020152043771.png_pic_center]: /images/20221123/751438aaf81542d2b6bc54e1660f23a1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDM0NzA4_size_16_color_FFFFFF_t_70_pic_center 3]: /images/20221123/186a843205804b28853a5a7170d8a694.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDM0NzA4_size_16_color_FFFFFF_t_70_pic_center 4]: /images/20221123/462dd1949dd94d388a5aeafa2a7620e7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDM0NzA4_size_16_color_FFFFFF_t_70_pic_center 5]: /images/20221123/e863e873cbeb48a98f43a23c2f31a746.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDM0NzA4_size_16_color_FFFFFF_t_70_pic_center 6]: /images/20221123/acdab506857d48018aae1687dc750d9c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDM0NzA4_size_16_color_FFFFFF_t_70_pic_center 7]: /images/20221123/727c8741be5148d38837bc6124eabb99.png
[https_wzlodq.blog.csdn.net]: https://wzlodq.blog.csdn.net/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDM0NzA4_size_16_color_FFFFFF_t_70_pic_center 8]: /images/20221123/e25e5765ec2a410b82c62c09d617bcaa.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDM0NzA4_size_16_color_FFFFFF_t_70_pic_center 9]: /images/20221123/8eac6adca6694d9ca94d44ca6b943fe8.png
[20201022171321249.png_pic_center]: /images/20221123/a258a391bb92436c8bbaa0246957495c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDM0NzA4_size_16_color_FFFFFF_t_70_pic_center 10]: /images/20221123/1cfe13f74f6d4ce0b6f3930724b436a6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDM0NzA4_size_16_color_FFFFFF_t_70_pic_center 11]: /images/20221123/0b4315b359884dc5892671184089b811.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDM0NzA4_size_16_color_FFFFFF_t_70_pic_center 12]: /images/20221123/45a26fb3e5984e188741739e30540ac8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDM0NzA4_size_16_color_FFFFFF_t_70_pic_center 13]: /images/20221123/7c87d91627e44019a356dc1ceb0df2d4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDM0NzA4_size_16_color_FFFFFF_t_70_pic_center 14]: /images/20221123/af758a40e25c47bbb7b6ce13a24ec381.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDM0NzA4_size_16_color_FFFFFF_t_70_pic_center 15]: /images/20221123/730927f335814a268c7046e5aa355c7d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDM0NzA4_size_16_color_FFFFFF_t_70_pic_center 16]: /images/20221123/1006383738bf4406be2412dd2f1392e2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDM0NzA4_size_16_color_FFFFFF_t_70_pic_center 17]: /images/20221123/3a0dbfd808464383b15faa6b0485cd4b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDM0NzA4_size_16_color_FFFFFF_t_70_pic_center 18]: /images/20221123/2e5cc3957ce5461284d36df9ea6fd21a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDM0NzA4_size_16_color_FFFFFF_t_70_pic_center 19]: /images/20221123/bd47404f22bc466da4c1e9d15db7b6ad.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDM0NzA4_size_16_color_FFFFFF_t_70_pic_center 20]: /images/20221123/6cd9fdf52d31472783e1f8bb283f3d34.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDM0NzA4_size_16_color_FFFFFF_t_70_pic_center 21]: /images/20221123/866e0b9574b14f669876901055d5d774.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDM0NzA4_size_16_color_FFFFFF_t_70_pic_center 22]: /images/20221123/c1decffbd3f348c48c5da59cf033451d.png
[https_plantuml.com_zh_use-case-diagram]: https://plantuml.com/zh/use-case-diagram
[https_plantuml.com_zh_sequence-diagram]: https://plantuml.com/zh/sequence-diagram