導讀產品經理日常在工作中可能會繪制各種圖表，例如流程圖、思維導圖、用例圖、信息架構圖、時序圖等等，諸如此類的圖形繪制有助于我們分析需求、和開發宣講需求，最近我接....

產品經理日常在工作中可能會繪制各種圖表，例如流程圖、思維導圖、用例圖、信息架構圖、時序圖等等，諸如此類的圖形繪制有助于我們分析需求、和開發宣講需求，最近我接觸了用例圖的繪制，我們一般使用時序圖來輔助我們分析前后臺邏輯或者接口調用順序，那么今天我就來給大家分享下時序圖該如何繪制吧~

初識時序圖

時序圖是UML交互圖中的一類，又名序列圖、順序圖。我們一般通過繪制時序圖來描述對象之間消息傳遞的時間順序（包括發送消息、接收消息、處理消息、返回消息等）。

圖片來源于網絡

時序圖組成元素

1）對象

時序圖中的對象指人機交互的各個角色，例如我們繪制登錄的時序圖，那么對象有用戶、登錄界面、后臺數據庫（或user表）、系統主界面等，對象元素一般使用矩形表示。

2）生命線

生命線代表時序圖中的對象在一段時期內的存在。時序圖中每個對象底部中心都有一條垂直的虛線，這就是對象的生命線。

3）消息

兩個對象之間的消息傳遞，一般用箭頭表示消息，箭頭的指向是從發送方指向接收方。

消息的傳遞一般有以下幾種方式：

同步消息：消息的發送者把消息傳遞給接收者，然后停止活動，等待消息的接收者返回結果才會繼續進行下一個事務，與我們常說的同步調用類似。

注意：發送人需要等待消息的響應，用帶實心箭頭的實線表示

異步消息：消息的發送者把消息傳遞給接收者，然后繼續自己的活動，不會等待消息的接收者返回結果才會繼續進行下一個事務，與我們常說的異步調用類似。

注意：發送人不需要等待消息的響應，用帶線型箭頭的實線表示

返回消息：返回消息表示接收方給發送方返回結果，用帶線型箭頭的虛線表示

自關聯消息： 自身調用自身的方法，即該對象自身就能完成事務的處理，不需要依賴其他對象，例如數據庫對象自身校驗數據就會產生自關聯消息。

時序圖案例分享

為了能讓大家更好的理解時序圖的繪制，我自己畫了個簡單的登錄時序圖案例，整個邏輯就是用戶輸入賬號、密碼后前端登錄頁面會進行校驗，校驗結束后會有對應的結果返回，若校驗通過就是調用后端的數據庫校驗數據的真實性，數據庫校驗階段也會有對應的結果返回，校驗通過后用戶就可以登錄到系統的主界面了~

軟件推薦

億圖圖示：軟件免費、易用，十分安利大家去試試呀；

Drawio：軟件免費，界面簡單，UI樣式自我感覺沒有億圖圖示的美觀；

Visio：功能強大，不過正版軟件挺貴，有需要的小伙伴可以私聊我，我這里有破解版資源；

processon：在線圖表繪制，無需下載，就是圖形繪制數量有上限，好像是10個。

作者：產品修煉日志 公眾號：產品修煉日志