免费注册
流程类
图形化表达方式
脑图类
结构化表达方式
笔记类
高效化表达方式
实用工具
实用工具
业务与管理领域
软件工程与系统设计
UML
数据分析与研究
工程与技术设计
数据库与信息系统
树形图
括号图
思维笔记

在线时序图工具

免费使用
在线时序图工具
什么是时序图

时序图,又叫序列图、顺序图、循序图,它是一种描述对象行为的UML交互图,主要用来更直观的表现各个对象交互的时间顺序,体现的重点是各个对象发送消息、接收消息、处理消息、返回消息的时间流程顺序。

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

时序图还可以显示对象之间的控制结构。例如:用于银行方案的时序图中的生命线可以表示客户、银行出纳或银行经理,客户、银行出纳和银行经理之间的通信由他们之间互相传递的消息表示。

免费使用

ProcessOn时序图功能亮点

在线协作

支持多人在线同屏创作,还可以设置分享链接,信息实时传递。

在线协作
AI一键生成

只需输入一句话,就自动生成所需图形,还可以对图形风格自动美化。

AI一键生成
个性化风格定制

内置多种主题风格,也可以自由设计你喜爱的风格样式。

个性化风格定制
多种形式组件

支持插入图标、图片、标签、备注LaTex公式、代码块、链接、附件等多种形式组件。

多种形式组件
兼容多种格式

支持导出PNG、VISIO、PDF、SVG等格式,支持导入VISIO、Mermaid格式。

兼容多种格式
数据多端同步

文件实时存储,多端设备云同步,历史版本可追溯,数据安全有保障。

数据多端同步
时序图构成元素

时序图构成元素主要包含6种:角色、对象、生命线、控制焦点、消息、组合片段。

在线创建图表
时序图构成元素
对象命名方式

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

1)显示对象名和类名,例如:“苹果手机:手机”
2)只显示对象名,不显示类名,例如:“苹果手机:”
3)只显示类名,不显示对象名,例如: “:手机”

在线创建图表
对象命名方式
消息分类

消息一般分为同步消息、异步消息、返回消息、自关联消息。
同步消息:对象发送消息后,需要接收消息的对象响应完毕并返回消息时才会进行其余的工作,以“实线箭头”表示;
异步消息:对象发送消息后,不需要等待接收对象的返回消息可以继续执行其余的工作,以“实线+大于号”表示;
返回消息:从过程调用返回,以“虚线箭头”表示
自关联消息:表示方法的自身调用,或者一个对象内的一个方法调用另外一个方法,以一个“半闭合的长方形+下方实线箭头”表示

在线创建图表
消息分类
组合片段

组合片段是由矩形表示的逻辑分组,它包含会影响消息流的条件结构,用于通过指定条件或子进程的应用区域,为任何生命线的任何部分定义特殊条件和子进程。

组合片段共有13种,可以使用组合片段来以一种紧凑而简洁的方式描述多种控制和逻辑结构。

在线创建图表
组合片段
时序图和开发流程

时序图可以在开发流程的不同阶段使用,来描述系统中对象之间的交互。

分析:在分析阶段,时序图可以帮助标识系统需要的类以及对象在交互中执行的操作。

设计:在设计阶段,时序图说明系统如何工作来完成交互。

构造:在构造系统体系结构期间,可以使用时序图来说明设计模式的行为以及系统使用的机制。

在线创建图表
时序图和开发流程
时序图与协作图对比

时序图和协作图都是UML交互图,可以相互转化,具备相似的责任主体,都是通过消息驱动,具有顺序性。

但也有明显区别,时序图表达的是对象之间产生合作发生消息的时间顺序,协作图表达的是对象之间的合作关系。

在线创建图表
时序图与协作图对比

时序图怎么画?

时序图怎么画?
1
在开始绘制时序图之前,需要先划清边界,界定好时序图的范围;识别交互的语境,搞懂时序图的前提和背景
2
新建"UML图",或者先新建"流程图",然后添加“UML时序图”符号到作图区
3
梳理角色和对象,识别对象在交互中扮演的角色,添加对象到作图区,并添加生命线
4
添加消息,从引发交互的消息开始,按时间顺序添加对象之间产生的消息以及消息的特征
5
设置激活期,也就是控制焦点,根据需要可以改变激活期的大小
6
设置其它约束及条件,如时间的约束、循环的约束,消息的条件等
7
检查并确认图形正确无误,这样,一张专业的时序图就制作完成
免费使用

时序图绘制攻略

  • 『这就是UML!』系列内容第7讲:时序图

    『这就是UML!』系列内容第7讲:时序图

    时序图,又称顺序图或序列图,它是描述对象行为的一种交互视图,它关注对象之间消息传送的时间顺序。序列图的主要用途是为用例进行逻辑建模,对用例所表达的需求进行更加精细的表达。
    特邀撰稿人:翔宇亭IT乐园
    1分钟前
    19785
  • 【干货分享】 10分钟掌握14种UML图

    【干货分享】 10分钟掌握14种UML图

    本文利用ProcessOn作图工具,快去全面快速解读什么是UML图?UML图分为那些种类及每种图形的概念用途等,学会高效使用这一工具来提升开发效率及质量。
    ProcessOn阿冷
    1分钟前
    17682
  • 『这就是UML!』系列内容第1讲:UML简介

    『这就是UML!』系列内容第1讲:UML简介

    UML是一个通用的可视化建模语言标准,用于对软件进行描述、可视化处理、构造和建立软件系统制品的文档。提到语言,很多小伙伴开始产生恐惧了,你脑子中可能会飘过English、Java、C#、PHP等这些神兽,它们可能把不少人折腾的够呛。
    特邀撰稿人:翔宇亭IT乐园
    1分钟前
    4010
  • 『这就是UML!』系列内容第2讲:UML通用知识上

    『这就是UML!』系列内容第2讲:UML通用知识上

    在真正接触UML核心之前,我们首先了解一下UML的一些通用知识。这如同在进入公园之前,先在公园周围溜达溜达。UML中的事物是UML中基本的面向对象的构造块,也是UML中的重要词汇,使用这些构造块可以构造出良好模型。
    特邀撰稿人:翔宇亭IT乐园
    1分钟前
    15214
  • 『这就是UML!』系列内容第3讲:UML通用知识下

    『这就是UML!』系列内容第3讲:UML通用知识下

    我们可以从多个角度来审视一个系统,一个视图就是表达系统某一方面特征的建模元素的集合。视图的划分并没有严格的标准,因此有很多种分法。结构图用于描述系统的静态结构模型,行为图用于描述系统的动态行为模型。结构模型捕获事物及事物之间的静态关系,而行为模型则捕获事物如何交互以产生软件系统所需的行为。
    特邀撰稿人:翔宇亭IT乐园
    1分钟前
    3096
  • 『这就是UML!』系列内容第8讲:协作图

    『这就是UML!』系列内容第8讲:协作图

    协作图是交互图的一种,它主要描述用例在实现过程中参与的对象以及对象之间的交互消息。可以认为协作图是序列图的另外一种表示交互的方法,但它不强调时间和序列。
    特邀撰稿人:翔宇亭IT乐园
    1分钟前
    4814

时序图模板推荐

更多模板

时序图常见问题

时序图对象最佳命名方式是什么?

对象的命名方式一般有三种:
1)显示对象名和类名
2)只显示对象名,不显示类名
3)只显示类名,不显示对象名
这三种命名方式都符合标准,哪种最容易让阅读人理解,就选择哪种。

时序图中消息传递使用的“线条”+“箭头”是随机的吗?

不是。时序图强调的是时间垂直排列,从上到下是事件发生的顺序。所以后一条消息的“线条”+“箭头”,一定要在前一条消息的下方,不能高于前一条消息。

时间约束在什么情况下使用?

有时,我们需要表示发送消息和返回消息之间的间隔要小于指定时间,这时也可以在序列图中使用某种特殊方法来表示,如{t2-t1<1s}。

时序图能替代流程图吗?

不能。时序图用于描述对象间消息交互,行为流程或操作路径应该用流程图、活动图、状态图来表达。

可以把所有交互都放在一张时序图吗?

尽量不要把所有交互全部放在一个图里,否则会导致图形混乱难以阅读,复杂交互可拆分成多个子图表示,每个时序图应聚焦一个用例或一个功能场景。

同步消息和异步消息可以混用吗?

不能。同步消息表示必须等待返回结果(如函数调用),异步消息表示发送后继续执行(如发送消息队列)。混用会导致并发逻辑错误。

返回消息可以省略不画吗?

返回消息能帮助分析交互结果是否被处理,尤其在方法调用和服务响应中应标明返回,所以在绘制时序图时要制作返回消息,并且明确返回值。

Visio时序图怎么画?

ProcessOn是一款在线作图工具,支持在线绘制时序图,并提供海量时序图模板供克隆使用,可以完美替代Visio,欢迎体验。

相关图形