2.1調整順序圖(SequenceDiagram).docVIP

Visutal Studio 2010 架構設計 Part 4 逆向工程—順序圖與類別圖 前言 順序圖(Sequence Diagram)與 .Net 類別圖(Class Diagram)是Visual Studio 2010裡能夠逆向工程解析程式碼最細節的工具。 順序圖(Sequence Diagram) 順序圖(Sequence Diagram)是用來表達程式流程很好的圖像工具，Visual Studio 2010除了提供用於物件導入系統設計之直接繪製順序圖(Sequence Diagram)功能外，也能透過逆向工程，依選擇程式碼片段來自動產生此圖形。 在Visual Studio 2010裡選擇WebAppliction1\Default.cs之Button1_Click1() 整個方法(Method)按右鍵選擇”產生順序圖表”，會出現如下畫面： 圖 產生順序圖表選項 選項 說明 最大呼叫深度 決定掃描程式呼叫層數來產生順序圖(Sequence Diagram)，預設值為3，意指超過3層的呼叫不納入順序圖(Sequence Diagram)。 將呼叫包含於 決定那些範圍的方法呼叫要納入順序圖(Sequence Diagram)，預設值為”目前方案”按]鈕即可產生如下圖形：”屬性””顯示手動變更”值為”摺疊””展開”lass Diagram) .Net 類別圖(Class Diagram)不同於UML 類別圖(Class Diagram)，它提供了圖形與程式碼雙向即時同步功能，即一旦修改程式碼，圖形會直接更新，反之亦然，此為VSTS2008原即提供的功能。您可在方案總管下，選擇你的目標專案”WebApplication1”，按工具列的[類別圖表檢視]鈕，即可自動產生”欄位”展開，會發現”class1”欄位，對它按右鍵選擇”顯示為關聯”，就會將類別間的關聯顯示在圖上 圖 選擇”顯示為關聯””DemoReverseEngineering”專案新增一空白類別圖表(Class Diagram)，請透過架構總管選擇欲更新的類別，並拖曳至類別圖上(Class Diagram)，您可以分批拖曳類別至圖形上，不過類別間的關係並不像.Net類別圖(Class Diagram)會自動建立。 注意！若要使用產出程式碼樣版，必須先安裝Visual Studio 2010 Feature Pack。 圖 從程式碼逆向產生UML類別圖(Class Diagram) 結語 透過順序圖(Sequence Diagram)的逆向工程功能，能將程式碼的動態流程以圖像化顯示；.Net 類別圖(Class Diagram)則提供雙向即時同步功能；而UML類別圖(Class Diagram)則能手動批次進行同步，兩者皆能協助我們了解程式碼的即時靜態結構。不過兩者的應用時機，筆者認為會有不同，.Net類別圖(Class Diagram)適合用在即時了解程式碼完整的靜態結構；而UML類別圖(Class Diagram)則能夠與其他UML整合，如順序圖(Sequence Diagram)，以製作完整的系統分析設計文件。