1、什么是架構

成都創新互聯專注于網站建設|網頁維護|優化|托管以及網絡推廣，積累了大量的網站設計與制作經驗，為許多企業提供了網站定制設計服務，案例作品覆蓋被動防護網等行業。能根據企業所處的行業與銷售的產品，結合品牌形象的塑造，量身策劃品質網站。

架構就是對系統中的實體以及實體之間的關系所進行的抽象描述，是一系列的決策。

架構是結構和愿景。

系統架構是概念的體現，是對物/信息的功能與形式元素之間的對應情況所做的分配，是對元素之間的關系以及元素同周邊環境之間的關系所做的定義。

做好架構是個復雜的任務，也是個很大的話題，本篇就不做深入了。有了架構之后，就需要讓干系人理解、遵循相關決策。

2、什么是架構圖

系統架構圖是為了抽象的表示軟件系統的整體輪廓和各個組件之間的相互關系和約束邊界，以及軟件系統的物理部署和軟件系統的演進方向的整體視圖。

3、架構圖的作用

一圖勝千言。要讓干系人理解、遵循架構決策，就需要把架構信息傳遞出去。架構圖就是一個很好的載體。那么，畫架構圖是為了：

• 解決溝通障礙

• 達成共識

• 減少歧義

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-6dbSmEGT-1670226382271)(https://upload-images.jianshu.io/upload_images/22459598-1092f1d740c9264c?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)]

4、架構圖分類

搜集了很多資料，分類有很多，有一種比較流行的是4+1視圖，分別為場景視圖、邏輯視圖、物理視圖、處理流程視圖和開發視圖。

• 場景視圖

場景視圖用于描述系統的參與者與功能用例間的關系，反映系統的最終需求和交互設計，通常由用例圖表示。

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-BPApXbvw-1670226382272)(https://upload-images.jianshu.io/upload_images/22459598-7be9220418debb94?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)]

• 邏輯視圖

邏輯視圖用于描述系統軟件功能拆解后的組件關系，組件約束和邊界，反映系統整體組成與系 統如何構建的過程,通常由UML的組件圖和類圖來表示。

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-ygoC0Uzf-1670226382272)(https://upload-images.jianshu.io/upload_images/22459598-0ecbb77f34a5a2c8?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)]

• 物理視圖

物理視圖用于描述系統軟件到物理硬件的映射關系，反映出系統的組件是如何部署到一組可? ? 計算機器節點上，用于指導軟件系統的部署實施過程。

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-VRnuDSoO-1670226382273)(https://upload-images.jianshu.io/upload_images/22459598-ea92308d8cdacf23.gif?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)]

• 處理流程視圖

處理流程視圖用于描述系統軟件組件之間的通信時序，數據的輸入輸出，反映系統的功能流程 與數據流程,通常由時序圖和流程圖表示。

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-vKKme8oj-1670226382273)(https://upload-images.jianshu.io/upload_images/22459598-1c2e5a1a4d0f5724?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)]

• 開發視圖

開發視圖用于描述系統的模塊劃分和組成，以及細化到內部包的組成設計，服務于開發人員，反映系統開發實施過程。

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-GmaesgfQ-1670226382274)(https://upload-images.jianshu.io/upload_images/22459598-1f9e142a5d7fc4e8?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)]

以上 5 種架構視圖從不同角度表示一個軟件系統的不同特征，組合到一起作為架構藍圖描述系統架構。

怎樣的架構圖是好的架構圖

---

上面的分類是前人的經驗總結，圖也是從網上摘來的，那么這些圖畫的好不好呢？是不是我們要依葫蘆畫瓢去畫這樣一些圖？

先不去管這些圖好不好，我們通過對這些圖的分類以及作用，思考了一下，總結下來，我們認為，在畫出一個好的架構圖之前， 首先應該要明確其受眾，再想清楚要給他們傳遞什么信息 ，所以，不要為了畫一個物理視圖去畫物理視圖，為了畫一個邏輯視圖去畫邏輯視圖，而應該根據受眾的不同，傳遞的信息的不同，用圖準確地表達出來，最后的圖可能就是在這樣一些分類里。那么，畫出的圖好不好的一個直接標準就是：受眾有沒有準確接收到想傳遞的信息。

明確這兩點之后，從受眾角度來說，一個好的架構圖是不需要解釋的，它應該是自描述的，并且要具備一致性和足夠的準確性，能夠與代碼相呼應。

畫架構圖遇到的常見問題

---

1、方框代表什么？

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-6h946KRa-1670226382274)(https://upload-images.jianshu.io/upload_images/22459598-38b3b0648393c304?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)]

為什么適用方框而不是圓形，它有什么特殊的含義嗎？隨意使用方框或者其它形狀可能會引起混淆。

2、虛線、實線什么意思？箭頭什么意思？顏色什么意思？

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-Rc1trC8j-1670226382274)(https://upload-images.jianshu.io/upload_images/22459598-1f8abf68fd995061?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)]

隨意使用線條或者箭頭可能會引起誤會。

3、運行時與編譯時沖突？層級沖突？

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-KW8vrVrx-1670226382275)(https://upload-images.jianshu.io/upload_images/22459598-1a8667eb3c9ee93a?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)]

架構是一項復雜的工作，只使用單個圖表來表示架構很容易造成莫名其妙的語義混亂。

本文推薦的畫圖方法

---

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-aSc8ffUm-1670226382275)(https://upload-images.jianshu.io/upload_images/22459598-8b0dccd73d22bb48?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)]

C4 模型使用容器（應用程序、數據存儲、微服務等）、組件和代碼來描述一個軟件系統的靜態結構。這幾種圖比較容易畫，也給出了畫圖要點，但最關鍵的是，我們認為，它明確指出了每種圖可能的受眾以及意義。

下面的案例來自C4官網，然后加上了一些我們的理解，來看看如何更好的表達軟件架構

1、語境圖(System Context Diagram)

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-13ulVwz2-1670226382275)(https://upload-images.jianshu.io/upload_images/22459598-25383350c009b0af?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)]

這是一個想象的待建設的互聯網銀行系統，它使用外部的大型機銀行系統存取客戶賬戶、交易信息，通過外部電郵系統給客戶發郵件。可以看到，非常簡單、清晰，相信不需要解釋，都看的明白，里面包含了需要建設的系統本身，系統的客戶，和這個系統有交互的周邊系統。

用途

這樣一個簡單的圖，可以告訴我們，要構建的系統是什么；它的用戶是誰，誰會用它，它要如何融入已有的IT環境。這個圖的受眾可以是開發團隊的內部人員、外部的技術或非技術人員。即：

• 構建的系統是什么

• 誰會用它

• 如何融入已有的IT環境

怎么畫

中間是自己的系統，周圍是用戶和其它與之相互作用的系統。這個圖的關鍵就是梳理清楚待建設系統的用戶和高層次的依賴，梳理清楚了畫下來只需要幾分鐘時間。

2、容器圖(Container Diagram)

容器圖是把語境圖里待建設的系統做了一個展開。

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-hd2RZ09C-1670226382276)(https://upload-images.jianshu.io/upload_images/22459598-01b3ea6c336a19c9?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)]

上圖中，除了用戶和外圍系統，要建設的系統包括一個基于java\spring mvc的web應用提供系統的功能入口，基于xamarin架構的手機app提供手機端的功能入口，一個基于java的api應用提供服務，一個mysql數據庫用于存儲，

各個應用之間的交互都在箭頭線上寫明了。

看這張圖的時候，不會去關注到圖中是直角方框還是圓角方框，不會關注是實線箭頭還是虛線箭頭，甚至箭頭的指向也沒有引起太多注意。

我們有許多的畫圖方式，都對框、線的含義做了定義，這就需要畫圖的人和看圖的人都清晰的理解這些定義，才能讀全圖里的信息，而現實是，這往往是非常高的一個要求，所以，很多圖只能看個大概的含義。

用途

這個圖的受眾可以是團隊內部或外部的開發人員，也可以是運維人員。用途可以羅列為：

• 展現了軟件系統的整體形態

• 體現了高層次的技術決策

• 系統中的職責是如何分布的，容器間的是如何交互的

• 告訴開發者在哪里寫代碼

怎么畫

用一個框圖來表示，內部可能包括名稱、技術選擇、職責，以及這些框圖之間的交互，如果涉及外部系統，最好明確邊界。

3、組件圖(Component Diagram)

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-odIUh7Ji-1670226382276)(https://upload-images.jianshu.io/upload_images/22459598-415ccf314161c76d?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)]

組件圖是把某個容器進行展開，描述其內部的模塊。

用途

這個圖主要是給內部開發人員看的，怎么去做代碼的組織和構建。其用途有：

• 描述了系統由哪些組件/服務組成

• 厘清了組件之間的關系和依賴

• 為軟件開發如何分解交付提供了框架

4、類圖(Code/Class Diagram)

這個圖很顯然是給技術人員看的，比較常見，就不詳細介紹了。

案例分享
系統由哪些組件/服務組成

• 厘清了組件之間的關系和依賴

• 為軟件開發如何分解交付提供了框架

4、類圖(Code/Class Diagram)

[外鏈圖片轉存中…(img-JoFx5Qym-1670226382276)]

這個圖很顯然是給技術人員看的，比較常見，就不詳細介紹了。

案例分享

你是否還在尋找穩定的海外服務器提供商？創新互聯www.cdcxhl.cn海外機房具備T級流量清洗系統配攻擊溯源，準確流量調度確保服務器高可用性，企業級服務器適合批量采購，新人活動首月15元起，快前往官網查看詳情吧

文章題目：Java進階架構師之如何畫好架構圖？阿里大神手把手教你！-創新互聯
路徑分享：http://vcdvsql.cn/article38/ejosp.html

成都網站建設公司_創新互聯，為您提供網站策劃、小程序開發、網站建設、網站改版、網站內鏈、外貿建站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯