2023年產(chǎn)品技能提升之時(shí)序圖

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

01初識(shí)時(shí)序圖

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

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

02時(shí)序圖組成元素

1.對(duì)象

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

2.生命線

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

3.消息

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

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

1）同步消息

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

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

2）異步消息

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

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

3）返回消息

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

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

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

03時(shí)序圖案例共享

為了能讓大家更好的理解時(shí)序圖的繪制，我自己畫了個(gè)簡潔的登錄時(shí)序圖案例，整個(gè)規(guī)律就是用戶輸入賬號(hào)、密碼后前端登錄頁面會(huì)進(jìn)行校驗(yàn)，校驗(yàn)結(jié)束后會(huì)有對(duì)應(yīng)的結(jié)果返回，若校驗(yàn)通過就是調(diào)用后端的數(shù)據(jù)庫校驗(yàn)數(shù)