在產(chǎn)品經(jīng)理的日常工作中，可能會繪制各種圖表，例如流程圖、思維導(dǎo)圖、時序圖等，有助于我們分析需求，開發(fā)宣講需求。本文作者分享了時序圖的繪制，一起來看一下吧。

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

01 初識時序圖

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

圖片來源于網(wǎng)絡(luò)

02 時序圖組成元素

1. 對象

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

2. 生命線

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

3. 消息

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

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

1）同步消息

消息的發(fā)送者把消息傳遞給接收者，然后停止活動，等待消息的接收者返回結(jié)果才會繼續(xù)進(jìn)行下一個事務(wù)，與我們常說的同步調(diào)用類似。

注意：發(fā)送人需要等待消息的響應(yīng)，用帶實(shí)心箭頭的實(shí)線表示。

2）異步消息

消息的發(fā)送者把消息傳遞給接收者，然后繼續(xù)自己的活動，不會等待消息的接收者返回結(jié)果才會繼續(xù)進(jìn)行下一個事務(wù)，與我們常說的異步調(diào)用類似。

注意：發(fā)送人不需要等待消息的響應(yīng)，用帶線型箭頭的實(shí)線表示。

3）返回消息

返回消息表示接收方給發(fā)送方返回結(jié)果，用帶線型箭頭的虛線表示。

4）自關(guān)聯(lián)消息：

自身調(diào)用自身的方法，即該對象自身就能完成事務(wù)的處理，不需要依賴其他對象，例如數(shù)據(jù)庫對象自身校驗(yàn)數(shù)據(jù)就會產(chǎn)生自關(guān)聯(lián)消息。

03 時序圖案例分享

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