如何畫出優(yōu)秀的架構(gòu)圖?
塵埃落定!清華才子王垠加入華為職級(jí)22,前阿里P10趙海平加入字節(jié)跳動(dòng),職級(jí)或?yàn)?+ 百度網(wǎng)盤“破解版”,Pandownload開發(fā)者被抓
導(dǎo)讀:技術(shù)傳播的價(jià)值,不僅僅體現(xiàn)在通過(guò)商業(yè)化產(chǎn)品和開源項(xiàng)目來(lái)縮短我們構(gòu)建應(yīng)用的路徑,加速業(yè)務(wù)的上線速率,也體現(xiàn)在優(yōu)秀工程師在工作效率提升、產(chǎn)品性能優(yōu)化和用戶體驗(yàn)改善等經(jīng)驗(yàn)方面的分享,以提高我們的專業(yè)能力。本文作者阿里巴巴技術(shù)專家三畫,分享了自己和團(tuán)隊(duì)在畫好架構(gòu)圖方面的理念和經(jīng)驗(yàn),首發(fā)于阿里內(nèi)部技術(shù)分享平臺(tái),梓敬、鵬升和余樂(lè)對(duì)此文亦有貢獻(xiàn)。
對(duì)著畫布無(wú)從下手、刪了又來(lái)? 用一張圖描述我的系統(tǒng),并且讓產(chǎn)品、運(yùn)營(yíng)、開發(fā)都能看明白? 畫了一半的圖還不清楚受眾是誰(shuí)? 畫出來(lái)的圖到底是產(chǎn)品圖功能圖還是技術(shù)圖又或是大雜燴? 圖上的框框有點(diǎn)少是不是要找點(diǎn)兒框框加進(jìn)來(lái)? 布局怎么畫都不滿意……
1. 什么是架構(gòu)
2. 什么是架構(gòu)圖
3. 架構(gòu)圖的作用
解決溝通障礙 達(dá)成共識(shí) 減少歧義
4. 架構(gòu)圖分類
場(chǎng)景視圖

邏輯視圖
物理視圖
處理流程視圖
開發(fā)視圖

1. 方框代表什么?
2. 虛線、實(shí)線什么意思?箭頭什么意思?顏色什么意思?

3. 運(yùn)行時(shí)與編譯時(shí)沖突?層級(jí)沖突?


1. 語(yǔ)境圖(System Context Diagram)

用途
構(gòu)建的系統(tǒng)是什么 誰(shuí)會(huì)用它 如何融入已有的IT環(huán)境
怎么畫
2. 容器圖(Container Diagram)
用途
展現(xiàn)了軟件系統(tǒng)的整體形態(tài) 體現(xiàn)了高層次的技術(shù)決策 系統(tǒng)中的職責(zé)是如何分布的,容器間的是如何交互的 告訴開發(fā)者在哪里寫代碼
怎么畫
3. 組件圖(Component Diagram)

用途
描述了系統(tǒng)由哪些組件/服務(wù)組成 厘清了組件之間的關(guān)系和依賴 為軟件開發(fā)如何分解交付提供了框架
4. 類圖(Code/Class Diagram)



如有收獲,歡迎「分享?
」
「點(diǎn)贊
」「評(píng)論?
」
看完本文有收獲?請(qǐng)轉(zhuǎn)發(fā)分享給更多人
? 開發(fā)者全社區(qū)?
評(píng)論
圖片
表情
