作為常用的UML交互圖，時序圖可以直觀傳達系統內外之間的交互過程，經常用在詳細設計文檔中。那么什么是時序圖？可以怎么運用在工作中？本文對此進行了總結，希望對你有所幫助。

時序圖作為常用的UML交互圖，可以直觀傳達系統內外之間的交互過程，經常用在詳細設計文檔中。

經常有人玩笑說，想判斷一個產品經理的邏輯能力，讓他畫一個流程圖或時序圖就知道了，原因是你必須在對業務了解的基礎上，抽象出業務各個環節的交互，區分業務涉及的各個對象的邊界，才能畫出一張完整的流程圖或時序圖，所以時序圖是產品經理，也是程序員的必備技能之一。

它的使用場景非常廣泛，幾乎各行各業都可以使用，用于梳理業務流程，使業務看起來非常清晰，也可以梳理開源軟件，梳理各個組件之間的關系，層次非常清楚，便于記憶，也可以使用在更多場景。

一、什么是時序圖？

時序圖(Sequence Diagram)，又名序列圖、循序圖，是一種UML交互圖。它通過描述對象之間發送消息的時間順序顯示多個對象之間的動態協作，包括發送消息、接收消息、處理消息、返回消息等。

時序圖重在展示對象之間的交互順序，尤其強調交互的時間順序，它可以直觀描述并發進程。

二、時序圖的組成元素

時序圖的組成元素主要有5種：

1. 角色

系統角色，可以是人或者其他系統和子系統，以一個小人圖標表示。

2. 對象

對象位于時序圖的頂部，以一個矩形表示。對象的命名方式一般有三種：

1）對象名和類名。例如：華為手機:手機。

2）只顯示類名，不顯示對象，即為一個匿名對象。例如：:手機，在時序圖中，用“：類”表示。

3）只顯示對象名，不顯示類名。例如：華為手機:，在時序圖中，用“對象:”表示。

3. 生命線

時序圖中每個對象和底部中心都有一條垂直的虛線，這就是對象的生命線(對象的時間線)，以一條垂直的虛線表示。對象間的消息存在于兩條虛線間。

4. 激活期

又叫控制焦點，它代表時序圖中在對象時間線上某段時期執行的操作，以一個很窄的矩形表示。

5. 消息

表示對象之間發送的信息。消息分為三種類型。

1）同步消息(Synchronous Message)。消息的發送者把控制傳遞給消息的接收者，然后停止活動，等待消息的接收者放棄或者返回控制。用來表示同步的意義，以一條實線和實心箭頭表示。

2）異步消息(Asynchronous Message)。消息發送者通過消息把信號傳遞給消息的接收者，然后繼續自己的活動，不等待接收者返回消息或者控制。異步消息的接收者和發送者是并發工作的，以一條實線和大于號表示。

3）返回消息(Return Message)。返回消息表示從過程調用返回，用小于號和虛線表示。

三、時序圖的繪制規則

時序圖的繪制方法簡單總結為以下3步：

1、劃清邊界，識別交互語境

即界定好自己所要畫的時序圖的范圍，了解所要畫的時序圖的前提和背景。

比如“學生信息管理”就是所要繪制的時序圖的交互內容，就不需要往上延伸到學生注冊并認證身份，不需要用戶登錄，也不需要往下延伸到查詢課表、資料下載等無關的內容上。

2、梳理角色和對象

在“學生信息管理時序圖”中，角色有學生/教務用戶，對象有教務主界面、學生信息界面、管理學生信息界面、數據庫。

注意：角色和對象都是名詞，動詞不可以作為角色和對象。

3、添加消息

從觸發整個交互的某個消息開始，在生命線之間，從上到下依次畫出所有消息，并注明每個消息的特性，如參數等。

四、時序圖案例

對于產品初學者、即將入行或者想進入產品行業的同學們，如果你現在上手畫時序圖比較吃力，可以先研究和學習別人的模板案例。

用戶登錄注冊時序圖：

飛書打卡補簽時序圖：