如何绘制时序图？

什么是时序图
时序图的英文是Sequence Diagram，也被称为序列图或者循序图。它是一种UML行为图。时序图包括角色、对象、生命线、激活期以及消息。时序图的横轴表示对象，纵轴表示时间。
它可以帮助展示对象之间的交互顺序。可以直观的描述并发进程。


时序图的组成元素
1、角色（Actor）
系统角色，可以是人、机器、其他系统、子系统；在时序图中用一个小人图标表示。
2、对象（Object）
一是包括对象名和类名，二是只显示类名，三是显示对象名不显示类名，这几种方式都可以，就看你的时序图需要哪种，哪种更加容易理解就选择哪种。排列不重要，不过对象要尽量靠拢。为了整个图形的整洁和可视化需求。
3、生命线（Lifeline）
从对象图标向下延伸的一条虚线，用来表示对象存在的时间。
4、控制焦点（Focus of Control）
表示时间段的符号，在这个时间段内对象将执行相应的操作。
5、消息（Message）
消息分为3种，同步消息（Synchronous Message），异步消息（Asynchronous Message）和返回消息（Return Message）。

如何制作时序图
01、当我们画时序图的时候，要边界清晰，识别交互的语境
02、需要将需要绘制的交互场景中的角色以及对象梳理出来
03、从触发整个交互的某个消息开始，在生命线之间从上到下按顺序画出所有消息，并注明每个消息的特征。

做时序图的顺序
1）定目标，指定用例或业务目标展开分析
2）找对象，找出参与实现目标的对象/角色
3）列消息，按时间顺序列出对象的交互消息


用ProcessOn绘制时序图
第一步：新建流程图，添加UML图形到图形区
第二步：拖拽使用UML相关图形到编辑区
第三步：标注内容，添加消息即可

 

以下是用ProcessOn 思维导图做的10张时序图模板，供你们参考使用

1、微信支付时序图

2、用户登录时序图

 

3、店员-时序图

 

4、sso登录时序图

 

5、苹果IAP支付时序图

 

6、新建跨域时序图

 

7、飞书打卡补签时序图

 

8、打印电子发票时序图

 

9、验证码注册时序图

 

10、探索“地图”美食时序图