在團(tuán)隊(duì)協(xié)作過程中最常見的就是開會(huì)、開會(huì)最常用的就是圖，而圖中最常見的就是流程圖，時(shí)序圖，類圖等下面介紹一款畫圖神器：PlantUML

PlantUML是一個(gè)開源項(xiàng)目，支持快速繪制：

• 時(shí)序圖
• 用例圖
• 類圖
• 活動(dòng)圖
• 組件圖
• 狀態(tài)圖
• 對(duì)象圖
• 部署圖
• 定時(shí)圖

附上地址: http://plantuml.com

在線畫圖

假如您和我一樣也是個(gè)急性子 :-)

嘗試 PlantUML 最簡(jiǎn)單快捷的方法就是使用在線編輯服務(wù).

http://www.plantuml.com/plantuml/uml

• 1.打開在線編輯服務(wù)

在線編輯服務(wù)

• 2.輸入代碼：

@startumlBob -> Alice : hello@enduml

• 3.點(diǎn)擊submit即可

第一個(gè)UML圖

本地畫圖

• 安裝PlantUML

軟件要求: Java : 是運(yùn)行PlantUML的必需條件 (如果想繪制 除 時(shí)序圖和活動(dòng)圖以外的圖, 就需要安裝 Graphviz)

• 1.下載plantuml.jar

jar下載地址：http://sourceforge.net/projects/plantuml/files/plantuml.jar/download

• 2.雙擊 plantuml.jar 文件(或者： java -jar plantuml.jar ), 啟動(dòng) plantUML界面. 可以點(diǎn)擊"Change Directory"按鈕 來重新指定工作目錄. 保持界面處于打開狀態(tài),不要關(guān)閉.

uml界面

• 3.構(gòu)建第一個(gè)本地UML圖

在工作目錄中建立一個(gè)demo.txt內(nèi)容如下：

@startumlAlice -> Bob: test@enduml

• 4.打開文件所在目錄就可以看到生成的圖片：demo.png

注： 圖片的生成是實(shí)時(shí)的，可以邊改邊看哦！

看到這里，你是不是覺得愛上畫圖了？

我想你是愛我的我猜你也舍不得但是怎么說 總覺得我們之間留了太多空白格……

還沒有愛上？怎么又是要打開網(wǎng)址，又是下載jar, 這么麻煩？

沒關(guān)系， 下面我們?cè)賮斫榻B一個(gè)IDEA插件。

IntelliJ IDEA PLUGIN

• 1.打開IDEA :

Settings -> Plugins -> Browse repositories -> 輸入：Plantuml integration -> Install

(注：重啟生效)

安裝plugin

• 2.右鍵-> New-> PlantUML FIle-> 輸入Name -> ok

創(chuàng)建uml1

創(chuàng)建uml2

• 3.打開demo.puml

@startumlAlice -> Bob: Authentication RequestBob --> Alice: Authentication ResponseAlice -> Bob: Another authentication RequestAlice

這時(shí)候我們就可以看到，左邊為代碼， 右邊為UML圖。

怎么畫圖

看完上面的安裝使用，大家可能發(fā)現(xiàn)了，畫圖的方式是不是變了？

平時(shí)畫圖都是通過鼠標(biāo)，拖出各種圖

現(xiàn)在而是通過代碼的形式在生成

對(duì)于同為程序員的我來說，寫代碼跟畫圖來比，我還是更熱衷于通過代碼來實(shí)現(xiàn)

• 時(shí)序圖的語法于功能

修改箭頭樣式

方式有以下幾種:

• 表示一條丟失的消息：末尾加 x
• 讓箭頭只有上半部分或者下半部分：將替換成或者 /
• 細(xì)箭頭：將箭頭標(biāo)記寫兩次 (如 >> 或 //)
• 虛線箭頭：用 -- 替代 -
• 箭頭末尾加圈：->o
• 雙向箭頭：

@startumlBob ->x AliceBob -> AliceBob ->> AliceBob - AliceBob - AliceBob //-- AliceBob ->o AliceBob o-- AliceBob AliceBob o Alice@enduml

修改箭頭顏色

@startumlBob -[#red]> Alice : helloAlice -[#0000FF]->Bob : ok@enduml

聲明參與者

• actor
• boundary
• control
• entity
• database

@startumlactor Foo1boundary Foo2control Foo3entity Foo4database Foo5collections Foo6Foo1 -> Foo2 : To boundaryFoo1 -> Foo3 : To controlFoo1 -> Foo4 : To entityFoo1 -> Foo5 : To databaseFoo1 -> Foo6 : To collections@enduml

分割示意圖

@startumlAlice -> Bob : message 1Alice -> Bob : message 2newpageAlice -> Bob : message 3Alice -> Bob : message 4newpage A title for thelast pageAlice -> Bob : message 5Alice -> Bob : message 6@enduml

組合消息

@startumlAlice -> Bob: Authentication Requestalt successful caseBob -> Alice: Authentication Acceptedelse some kind of failureBob -> Alice: Authentication Failuregroup My own labelAlice -> Log : Log attack start loop 1000 times Alice -> Bob: DNS Attack endAlice -> Log : Log attack endendelse Another type of failure Bob -> Alice: Please repeat end@enduml

給消息添加注釋

@startumlAlice->Bob : hellonote left: this is a first noteBob->Alice : oknote right: this is another noteBob->Bob : I am thinkingnote lefta notecan also be definedon several linesend note@enduml

更多的語法請(qǐng)參考官方……

通過代碼來實(shí)現(xiàn)流程圖，有沒有覺得很爽呢？

更重要的，支持的平臺(tái)非常多

http://plantuml.com/zh/running

總結(jié)

以上是生活随笔為你收集整理的流程图中的虚线含义_还在为画流程图烦恼，焦躁？介绍一款画图神器，让你爱上画图！...的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。