利用UML繪制微信支付流程圖

本人有若干成套學(xué)習(xí)視頻, 可試看! 可試看! 可試看, 重要的事情說三遍 包含Java, 數(shù)據(jù)結(jié)構(gòu)與算法, iOS, 安卓, python, flutter等等, 如有需要, 聯(lián)系微信tsaievan.

UML, Unified Modeling Language, (統(tǒng)一建模語言或者標(biāo)準(zhǔn)建模語言)你可以把它理解為一種可視化的建模語言
先看一下下面這幅圖:
微信支付交互時(shí)序圖

是不是交互的過程和步驟都一目了然呢? 我們現(xiàn)在就試著來模仿微信的支付交互時(shí)序圖. 通過這個(gè)過程, 我們不僅僅可以理順邏輯, 還可以學(xué)著使用UML, 在未來我們需要來構(gòu)建公司業(yè)務(wù)邏輯的時(shí)候, 我們也可以做出這樣的交互時(shí)序圖

  • 首先, 我們需要安裝StarUML

軟件下載鏈接

StarUML軟件
  • 新建一個(gè)空白的時(shí)序圖, 可以看到的是, 這個(gè)軟件可以畫的圖還是相當(dāng)?shù)亩嗟?
    ![Uploading Snip20170327_8_206535.png . . .]


    Snip20170327_6.png
  • 給書序圖起一個(gè)名字

Snip20170327_8.png
  • 微信支付涉及到的角色還是很多的
    • 微信支付用戶
  • 微信客戶端
  • 商戶APP客戶端
  • 商戶后臺(tái)系統(tǒng)
  • 微信支付系統(tǒng)
微信支付涉及到的角色

那么我們就需要建立對應(yīng)生命線

生命線
建立生命線
  • 第一步, 我們需要用戶打開商家的APP
    那么就是同步發(fā)送消息, 用戶打開商家APP, 交互的雙方是用戶和商家APP, 我們就需要這樣連線
同步發(fā)送消息
  • 第二步, 選擇商品下單其實(shí)是客戶單內(nèi)部的一個(gè)邏輯, 那就是自己發(fā)送消息
自發(fā)送消息
  • 第三步, 生成請求訂單, 就是APP與后臺(tái)交互了, 這個(gè)時(shí)候異步發(fā)送一個(gè)請求, 注意異步消息和同步消息的箭頭是不一樣的
發(fā)送異步消息
  • 服務(wù)器返回消息, 使用的是虛線箭頭
服務(wù)器返回消息
  • 添加組合片段
    當(dāng)我們的時(shí)序圖中包含小的模塊或者片段的時(shí)候, 我們可以添加組合片段
添加組合片段
  • 為模塊著色, 提示需要實(shí)現(xiàn)的邏輯
著色, 完善時(shí)序圖
經(jīng)過以上的步驟, 我們自己就可以畫出類似的時(shí)序圖, 今后無論是分析邏輯, 還是理清思路, 都大有幫助
自己畫的微信交互時(shí)序圖

PS. 本人有若干成套學(xué)習(xí)視頻, 包含Java, 數(shù)據(jù)結(jié)構(gòu)與算法, iOS, 安卓, python, flutter等等, 如有需要, 聯(lián)系微信tsaievan.

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,841評(píng)論 25 708
  • TA 他是男的。 他是巨蟹座。 他是南方人。 他是她愛的。 他從來不發(fā)脾氣。做事情從來不急不躁。有什么話...
    愛想多姑娘閱讀 556評(píng)論 3 1
  • 2016/10/26 森索羅(主)VS羅馬(+0.5) 黑 歷史戰(zhàn)績: 主隊(duì)森索羅面對羅馬歷史上從無勝跡.從雙方歷...
    demongod閱讀 292評(píng)論 0 0
  • 人生的每一段旅程都是艱辛的,每踏一步都要耗盡身體所有的力氣,每一步都走得異常的疲憊,卻又無從訴說。在這繁華如夢的浮...
    Sunflowers1閱讀 161評(píng)論 0 0
  • 昨天在群里看到族長肖爺說到,這周的共同主題是“我的70天自控力之旅”,之前覺得70天很遙遠(yuǎn),而現(xiàn)在真的到了要說再見...
    愛折騰的小南瓜閱讀 384評(píng)論 0 5