點擊「閱讀原文」查看良許原創(chuàng)精品視頻。

在寫文檔的過程中，經(jīng)常需要進行畫圖。最近發(fā)現(xiàn) IDEA 有一款插件 PlantUML, 它本質(zhì)上是也算一門可以快速畫圖的設計語言，學習起來也很方便，這篇文章主要向大家介紹IDEA 安裝 PlantUML 試用體驗，希望對大家有所幫助。

PlantUML 簡介

一門可以快速畫圖的設計語言：

http://plantuml.com/zh/state-diagram

PlantUML 是一個開源項目，支持快速繪制時序圖、用例圖、類圖、活動圖、組件圖、狀態(tài)圖、對象圖、部署圖等。同時還支持非 UML 圖的甘特圖、架構(gòu)圖等。例如下面等用例圖：

PlantUml 是什么

PlantUml是一個支持快速繪制的開源項目。其定義了一套完整的語言用于實現(xiàn)UML關(guān)系圖的描述，并基于強大的Graphviz圖形渲染庫進行UML圖的生成。繪制的UML圖還可以導出為圖片,以及通用的矢量SVG格式文件。

PlantUML 的優(yōu)點

完全文本方式編輯，無需控件拖拽，自動調(diào)節(jié)圖元距離，簡單美觀

1、與開發(fā)平臺完全無關(guān)，不受平臺限制，只要有PlantUML jar包就能生成UML圖

2、支持多種文本編輯器、ide的集成，例如idea、eclipse、notepad++等

3、作為一個Java coder，通常使用idea作為首選開發(fā)工具，我們以idea中的使用為主作介紹

安裝 Graphviz

IDEA 安裝PlantUML插件還需要安裝 Graphviz 才能正常顯示，先上 Graphviz 安裝包的資源分享鏈接

graphviz-2.38.msi

百度網(wǎng)盤鏈接：

https://pan.baidu.com/s/1aPWSoa8iIGa0iQogprsgdA
提取碼：1234

Graphviz 下載之后，瘋狂下一步，就安裝完了

如果不安裝 Graphviz，畫圖的時候，會提示

IDEA 安裝 PlantUML插件

IDEA 直接搜索安裝：

File -> Settings -> Plugins 搜索 PlantUML ，搜索 PlantUML , 安裝 PlantUML integration , 如下

或者你用，安裝包，離線安裝

下載插件包安裝，地址

http://plugins.jetbrains.com/plugin/7017-plantuml-integration

對了，更多 IDEA 插件相關(guān)的文章我整理好了，關(guān)注微信公眾號 Java后端，回復 666 下載。

使用 PlantUML 畫流程圖

File -> New -> PlantUML File -> 選擇你要畫的類型

輸入內(nèi)容，先看看效果

@startuml
skinparam rectangle {
 ? ?BackgroundColorDarkSeaGreen
 ? ?FontStyleBold
 ? ?FontColorDarkGreen
}
:User: as u
rectangle Toolas t
rectangle "Knowledge Base"as kb
(RobotFramework) as rf
(DUT) as dut
note as ts
 ? ?test script
end note
note as act
 ? ?query
 ? ?&
 ? ?action
end note
note as t_cmt
 ? ?- 執(zhí)行測試腳本，
 ? ?- 按照知識庫響應消息
 ? ?- 關(guān)注公眾號：Java后端
 ? ?- 回復：面試題，得3625頁大廠面試題
end note
note as kb_cmt
 ? ?- 根據(jù)當前消息確定響應方法
 ? ?- 根據(jù)上下文填充消息
 ? ?- 保存信息到相關(guān)上下文
end note
u --> rf
rf =right=> ts
ts =down=> t
kb <=left=> act
act <=up=> t
t = dut
t_cmt -- t
kb_cmt -left- kb
@enduml

時序圖：

@startuml
Alice-> Bob: AuthenticationRequest
Bob--> Alice: AuthenticationResponse
Alice-> Bob: Another authentication Request
Alice<-- Bob: another authentication Response
@enduml

效果如圖：

導出文件

設置不同的角色

時序圖角色可以分為: actor, boundary, control, entity, database，每種角色呈現(xiàn)的圖形也是不一樣的。

@startuml
actor Foo1
boundary Foo2
control Foo3
entity Foo4
database Foo5
collections Foo6
Foo1-> Foo2: To boundary
Foo1-> Foo3: To control
Foo1-> Foo4: To entity
Foo1-> Foo5: To database
Foo1-> Foo6: To collections
@enduml

圖例注腳等
@startuml
header PageHeader
footer Page%page% of %lastpage%
title ExampleTitle
Alice-> Bob: message 1
note left: thisis a first note
Alice-> Bob: message 2
@enduml

其他

如果不想裝 graphviz，想直接用，可以下載chrome插件PlantUML Viewer，安裝之后直接編輯文本，可以在瀏覽器直接顯示。

最后

IDEA 上用 PlantUML 雖然不錯，但是每次還需要打開IDEA，還是有點小麻煩。我在開發(fā)過程中用的更多的是用在線作圖工具，如：ProcessOn, webchart ,等。

良許個人微信

添加良許個人微信即送3套程序員必讀資料

→ 精選技術(shù)資料共享

→ 高手如云交流社群

本公眾號全部博文已整理成一個目錄，請在公眾號里回復「m」獲取！

神器！這款 IDEA 插件能畫各種圖

點擊「閱讀原文」查看良許原創(chuàng)精品視頻。