作為常用的UML交互圖，時(shí)序圖可以直觀傳達(dá)系統(tǒng)內(nèi)外之間的交互過程，經(jīng)常用在詳細(xì)設(shè)計(jì)文檔中。那么什么是時(shí)序圖？可以怎么運(yùn)用在工作中？本文對(duì)此進(jìn)行了總結(jié)，希望對(duì)你有所幫助。

時(shí)序圖作為常用的UML交互圖，可以直觀傳達(dá)系統(tǒng)內(nèi)外之間的交互過程，經(jīng)常用在詳細(xì)設(shè)計(jì)文檔中。

經(jīng)常有人玩笑說，想判斷一個(gè)產(chǎn)品經(jīng)理的邏輯能力，讓他畫一個(gè)流程圖或時(shí)序圖就知道了，原因是你必須在對(duì)業(yè)務(wù)了解的基礎(chǔ)上，抽象出業(yè)務(wù)各個(gè)環(huán)節(jié)的交互，區(qū)分業(yè)務(wù)涉及的各個(gè)對(duì)象的邊界，才能畫出一張完整的流程圖或時(shí)序圖，所以時(shí)序圖是產(chǎn)品經(jīng)理，也是程序員的必備技能之一。

它的使用場(chǎng)景非常廣泛，幾乎各行各業(yè)都可以使用，用于梳理業(yè)務(wù)流程，使業(yè)務(wù)看起來非常清晰，也可以梳理開源軟件，梳理各個(gè)組件之間的關(guān)系，層次非常清楚，便于記憶，也可以使用在更多場(chǎng)景。

一、什么是時(shí)序圖？

時(shí)序圖(Sequence Diagram)，又名序列圖、循序圖，是一種UML交互圖。它通過描述對(duì)象之間發(fā)送消息的時(shí)間順序顯示多個(gè)對(duì)象之間的動(dòng)態(tài)協(xié)作，包括發(fā)送消息、接收消息、處理消息、返回消息等。

時(shí)序圖重在展示對(duì)象之間的交互順序，尤其強(qiáng)調(diào)交互的時(shí)間順序，它可以直觀描述并發(fā)進(jìn)程。

二、時(shí)序圖的組成元素

時(shí)序圖的組成元素主要有5種：

1. 角色

系統(tǒng)角色，可以是人或者其他系統(tǒng)和子系統(tǒng)，以一個(gè)小人圖標(biāo)表示。

2. 對(duì)象

對(duì)象位于時(shí)序圖的頂部，以一個(gè)矩形表示。對(duì)象的命名方式一般有三種：

1）對(duì)象名和類名。例如：華為手機(jī):手機(jī)。

2）只顯示類名，不顯示對(duì)象，即為一個(gè)匿名對(duì)象。例如：:手機(jī)，在時(shí)序圖中，用“：類”表示。

3）只顯示對(duì)象名，不顯示類名。例如：華為手機(jī):，在時(shí)序圖中，用“對(duì)象:”表示。

3. 生命線

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

4. 激活期

又叫控制焦點(diǎn)，它代表時(shí)序圖中在對(duì)象時(shí)間線上某段時(shí)期執(zhí)行的操作，以一個(gè)很窄的矩形表示。

5. 消息

表示對(duì)象之間發(fā)送的信息。消息分為三種類型。

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

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

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

三、時(shí)序圖的繪制規(guī)則

時(shí)序圖的繪制方法簡(jiǎn)單總結(jié)為以下3步：

1、劃清邊界，識(shí)別交互語境

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

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

2、梳理角色和對(duì)象

在“學(xué)生信息管理時(shí)序圖”中，角色有學(xué)生/教務(wù)用戶，對(duì)象有教務(wù)主界面、學(xué)生信息界面、管理學(xué)生信息界面、數(shù)據(jù)庫。

注意：角色和對(duì)象都是名詞，動(dòng)詞不可以作為角色和對(duì)象。

3、添加消息

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

四、時(shí)序圖案例

對(duì)于產(chǎn)品初學(xué)者、即將入行或者想進(jìn)入產(chǎn)品行業(yè)的同學(xué)們，如果你現(xiàn)在上手畫時(shí)序圖比較吃力，可以先研究和學(xué)習(xí)別人的模板案例。

用戶登錄注冊(cè)時(shí)序圖：

飛書打卡補(bǔ)簽時(shí)序圖：