程序员进阶神器，ProcessOn绘制时序图

在这里插入图片描述

一、什么是时序图？

时序图(Sequence Diagram)，又名序列图、循序图，是一种UML交互图。它通过描述对象之间发送消息的时间顺序显示多个对象之间的动态协作，包括发送消息、接收消息、处理消息、返回消息等。

时序图重在展示对象之间的交互顺序，尤其强调交互的时间顺序，它可以直观的描述并发进程。

二、时序图的组成元素

时序图的组成元素主要有5种：

1、角色(Actor)

系统角色，可以是人或者其他系统和子系统，以一个小人图标表示。

2、对象(Object)

象名和类名。例如：华为手机:手机。
只显示类名，不显示对象，即为一个匿名对象。例如：:手机，在时序图中，用“：类”表示。
只显示对象名，不显示类名。例如：华为手机:，在时序图中，用“对象:”表示。

3、生命线(LifeLine)

时序图中每个对象和底部中心都有一条垂直的虚线，这就是对象的生命线(对象的时间线)，以一条垂直的虚线表示。对象间的消息存在于两条虚线间。

4、激活期(Activation)

又叫控制焦点，它代表时序图中在对象时间线上某段时期执行的操作，以一个很窄的矩形表示。

5、消息(Message)

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

同步消息(Synchronous Message)。消息的发送者把控制传递给消息的接收者，然后停止活动，等待消息的接收者放弃或者返回控制。用来表示同步的意义，以一条实线和实心箭头表示。
异步消息(Asynchronous Message)。消息发送者通过消息把信号传递给消息的接收者，然后继续自己的活动，不等待接受者返回消息或者控制。异步消息的接收者和发送者是并发工作的，以一条实线和大于号表示。
返回消息(Return Message)。返回消息表示从过程调用返回，以小于号和虚线表示。

三、时序图优质模板

1、微信支付时序图

在这里插入图片描述

2、时序图-登录

在这里插入图片描述

3、验证码注册时序图

在这里插入图片描述

4、店员-时序图

在这里插入图片描述

5、sso登录时序图

在这里插入图片描述

6、打印电子发票时序图

在这里插入图片描述

以上是在不同场景下程序员绘制时序图的案例，以上模板可以直接克隆使用，但授之以鱼不如授之以渔，接下来就为你分享时序图的绘制方法和绘制工具。

四、时序图的画法

时序图的绘制方法简单总结为以下3步：

1、划清边界，识别交互语境

即界定好自己所要画的时序图的范围，了解所要画的时序图的前提和背景。

比如“学生信息管理”就是所要绘制的时序图的交互内容，就不需要往上延伸到学生注册并认证身份，不需要用户登录，也不需要往下延伸到查询课表、资料下载等无关的内容上。

在这里插入图片描述

2、梳理角色和对象

3、添加消息

从触发整个交互的某个消息开始，在生命线之间从上到下依次画出所有消息，并注明每个消息的特性，如参数等。

如何绘制时序图？

ProcessOn——一款专业在线作图工具和知识分享社区，支持流程图、思维导图、原型图、网络拓扑图、UML等专业图形的绘制，无需下载安装，即可使用。

以下是使用ProcessOn绘制时序图的操作方法：

Step1：注册登录ProcessOn

在这里插入图片描述

Step2：进入个人文件页，新建流程图，添加UML图形到图形区

在这里插入图片描述

Step3：拖拽使用UML相关图形到编辑区

在这里插入图片描述

Step4：标注内容，添加消息即可

如果你想让自己的时序图更美观一些，可以把标题、矩形框等填充不同颜色、相同的图标尽可能大小相同（复用功能很好用哦）、上下图形保持对齐等哦。

五、ProcessOn优点总结

ProcessOn：不忘初心，历9弥新

发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/214200.html原文链接：https://javaforall.net

程序员进阶神器，ProcessOn绘制时序图

目录

一、什么是时序图？