本人有若干成套學習視頻, 可試看! 可試看! 可試看, 重要的事情說三遍 包含Java, 數據結構與算法, iOS, 安卓, python, flutter等等, 如有需要, 聯(lián)系微信tsaievan.
UML, Unified Modeling Language, (統(tǒng)一建模語言或者標準建模語言)你可以把它理解為一種可視化的建模語言
先看一下下面這幅圖:
微信支付交互時序圖
是不是交互的過程和步驟都一目了然呢? 我們現(xiàn)在就試著來模仿微信的支付交互時序圖. 通過這個過程, 我們不僅僅可以理順邏輯, 還可以學著使用UML, 在未來我們需要來構建公司業(yè)務邏輯的時候, 我們也可以做出這樣的交互時序圖
- 首先, 我們需要安裝StarUML
StarUML軟件
-
新建一個空白的時序圖, 可以看到的是, 這個軟件可以畫的圖還是相當的多的.
![Uploading Snip20170327_8_206535.png . . .]
Snip20170327_6.png 給書序圖起一個名字
Snip20170327_8.png
- 微信支付涉及到的角色還是很多的
- 微信支付用戶
- 微信客戶端
- 商戶APP客戶端
- 商戶后臺系統(tǒng)
- 微信支付系統(tǒng)
微信支付涉及到的角色
那么我們就需要建立對應生命線
生命線
建立生命線
- 第一步, 我們需要用戶打開商家的APP
那么就是同步發(fā)送消息, 用戶打開商家APP, 交互的雙方是用戶和商家APP, 我們就需要這樣連線
同步發(fā)送消息
- 第二步, 選擇商品下單其實是客戶單內部的一個邏輯, 那就是自己發(fā)送消息
自發(fā)送消息
- 第三步, 生成請求訂單, 就是APP與后臺交互了, 這個時候異步發(fā)送一個請求, 注意異步消息和同步消息的箭頭是不一樣的
發(fā)送異步消息
- 服務器返回消息, 使用的是虛線箭頭
服務器返回消息
- 添加組合片段
當我們的時序圖中包含小的模塊或者片段的時候, 我們可以添加組合片段
添加組合片段
- 為模塊著色, 提示需要實現(xiàn)的邏輯
著色, 完善時序圖
經過以上的步驟, 我們自己就可以畫出類似的時序圖, 今后無論是分析邏輯, 還是理清思路, 都大有幫助
自己畫的微信交互時序圖
