如何使用IDEA畫UML圖

這篇文章主要為大家展示了“如何使用IDEA畫UML圖”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“如何使用IDEA畫UML圖”這篇文章吧。

UML簡介

?統一建模語言 (Unified Modeling Language，UML) 是一種為面向對象系統的產品進行說明、可視化和編制文檔的一種標準語言，是非專利的第三代建模和規(guī)約語言。UML是面向對象設計的建模工具，獨立于任何具體程序設計語言。¹

?UML 作為一種統一的軟件建模語言具有廣泛的建模能力。UML 是在消化、吸收、提煉至今存在的所有軟件建模語言的基礎上提出的，集百家之所長，它是軟件建模語言的集大成者。UML還突破了軟件的限制，廣泛吸收了其他領域的建模方法，并根據建模的一般原理，結合了軟件的特點，因此具有堅實的理論基礎和廣泛性。UML不僅可以用于軟件建模，還可以用于其他領域的建模工作。 ¹

?UML 立足于對事物的實體、性質、關系、結構、狀態(tài)和動態(tài)變化過程的全程描述和反映。UML可以從不同角度描述人們所觀察到的軟件視圖，也可以描述在不同開發(fā)階段中的軟件的形態(tài)。UML可以建立需求模型、邏輯模型、設計模型和實現模型等，但UML在建立領域模型方面存在不足，需要進行補充。 ¹

?作為一種建模語言，UML有嚴格的語法和語義規(guī)范。UML建立在元模型理論基礎上，包括 4 層元模型結構，分別是基元模型、元模型、模型和用戶對象。4 層結構層層抽象，下一層是上一層的實例。UML中的所有概念和要素均有嚴格的語義規(guī)范。 ¹

?UML 采用一組圖形符號來描述軟件模型，這些圖形符號具有簡單、直觀和規(guī)范的特點，開發(fā)人員學習和掌握起來比較簡單。所描述的軟件模型，可以直觀地理解和閱讀，由于具有規(guī)范性，所以能夠保證模型的準確、一致。 ¹

如何使用IDEA畫UML圖

安裝PlantUML插件

?使用 IDEA 畫 UML 圖需要安裝 plantMUL 插件。PlantUML 是一個支持快速繪制的開源項目。其定義了一套完整的語言用于實現 UML 關系圖的描述，并基于強大的 Graphviz 圖形渲染庫進行 UML 圖的生成。繪制的 UML 圖還可以導出為圖片,以及通用的矢量 SVG 格式文件。

?為什么要使用 plantMUL 呢？因為 PlantUml 與開發(fā)語言,平臺無關,如果你愿意,只要能編輯文本,就可以開始編寫uml圖。而且 PlantUml 擁有十分廣泛的插件支持,包括:chrom插件 (PlantUml Viewer/UML Diagram Editor)、IDEA插件(PlantUML)、eclipse插件(PlantUML)、Sublime插件(sublime_diagram_plugin)等等。PlantUML甚至還有 在線編輯器，我們不用安裝任何插件即可在該網站畫 UML 圖。

?安裝步驟為：File -> Settings -> Plugins 搜索 PlantUML ，找到 PlantUML integration 并安裝。

安裝Graphviz

?IDEA 安裝 PlantUML 插件之后發(fā)現光有插件還不能渲染類圖,還需要 Graphviz 的支持。

Graphviz安裝和環(huán)境變量配置

Graphviz安裝

?安裝包下載地址：https://graphviz.org/download/。下載完成之后雙擊安裝即可。安裝的過程中可以直接配置環(huán)境變量，如果忘記選可以手動配置一下。

環(huán)境變量配置

?打開電腦系統屬性選擇高級 -> 環(huán)境變量添加path變量，變量值為之前安裝路徑下的bin目錄。

?配置完成之后打開 cmd 輸入：dot -version，如果版本號打印成功，說明環(huán)境配置完成。

?成功之后重新啟動 IDEA 即可創(chuàng)建 PlantUML File 了。

點擊之后可以發(fā)現可以創(chuàng)建很多 UML 圖，例如：時序圖、用例圖、類圖、活動圖、組件圖、狀態(tài)圖、對象圖。

創(chuàng)建成功之后即可看到畫圖界面了。

類圖畫法

?與其所畫UML圖不如說是寫UML圖。因為我們是使用 統一建模語言 (Unified Modeling Language，UML) 來“畫”UML圖的。使用 PlantUML 畫圖的具體方式詳見 類圖的語法和功能。

@startuml

title 類圖
scale 1.5
/'組合關系(composition)'/
class Human {
    - Head mHead;
    - Heart mHeart;
    ..
    - CreditCard mCard;
    --
    + void travel(Vehicle vehicle);
}

Human *-up- Head : contains >
Human *-up- Heart : contains >

/'聚合關系(aggregation)'/
Human o-left- CreditCard : owns >

/'依賴關系(dependency)'/
Human .down.> Vehicle : dependent

/'關聯關系(association'/
Human -down-> Company : associate

/'繼承關系(extention)'/
interface IProgram {
    + void program();
}
class Programmer {
    + void program();
}
Programmer -left-|> Human : extend
Programmer .up.|> IProgram : implement
@enduml

以上是“如何使用IDEA畫UML圖”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業(yè)資訊頻道！