【菜鳥博士學(xué)習(xí)】制圖利器PlantUml

The tool of , PlantUml

一個(gè)畫圖的東西plantuml。對于一個(gè)有一定經(jīng)驗(yàn)的程序員來說，能夠快速的將腦子里的想法用流程圖之類的圖畫出來，是非常重要的，這也是高級程序員的一個(gè)基本操作。畫圖有很多中工具，xmind,markdown,在線流程圖工具,甚至自己的時(shí)間充裕的話可以自己開發(fā)一個(gè)畫圖工具，今天主要說一下plantuml。

A drawing tool?called PLANTUML. It is very important for an experienced programmer to be able to quickly draw the ideas in his head in flowcharts and the like, which is a basic operation for advanced programmers. There are many tools for drawing, xmind, Markdown, online flowchart tools, and even develop your own drawing tool if you have time, today I want to talk about plantuml

plantuml是什么

What is plantuml

PlantUML是一個(gè)開源項(xiàng)目，支持快速繪制時(shí)序圖,用例圖,類圖，對象圖,組件圖,思維導(dǎo)圖,架構(gòu)圖,部署圖等等。

PlantUML is an open source project that supports rapid drawing of sequence diagrams, use case diagrams, class diagrams, object diagrams, component diagrams, mind maps, architecture diagrams, deployment diagrams, and more.

如何使用

How to use it

思維導(dǎo)圖類似markdown語法 @startmindmap * 中心 ** 主題1 ***: 主題1.1 未登錄頁進(jìn)入,登錄頁進(jìn)行登錄; ***: 主題1.2 ** 主題2 ** 主題3 @endmindmap

demo:

演示:

• 時(shí)序圖?Sequence diagram

@startuml
用戶 -> 認(rèn)證中心: 登錄操作
認(rèn)證中心 -> 緩存: 存放(key=token+ip,value=token)token

用戶 <- 認(rèn)證中心 : 認(rèn)證成功返回token
用戶 -> 認(rèn)證中心: 下次訪問頭部攜帶token認(rèn)證
認(rèn)證中心 <- 緩存: key=token+ip獲取token
其他服務(wù) <- 認(rèn)證中心: 存在且校驗(yàn)成功則跳轉(zhuǎn)到用戶請求的其他服務(wù)
其他服務(wù) -> 用戶: 信息
@enduml

@ STARTUML user-> authentication center: Login operation
Authentication Center-> Cache: store (key = token + IP, value = token)

User <-authentication center: Authentication successfully returns token
User-> Authentication Center: next access header carrying token authentication
Authentication Center <-cache: key = token + IP get token
Other services <-authentication center: Existing and verified successfully then jump to other services requested by the user
Other services-> Users: information
@ ENDUML

demo：

演示:

• 組件圖?Component diagram

@startuml [First component] [Another component] as Comp2 component Comp3 component [Last\ncomponent] as Comp4 @enduml

demo:

演示:

這里僅僅放了三個(gè)圖的示例，思維導(dǎo)圖可以用來從產(chǎn)品的角度分析產(chǎn)品及業(yè)務(wù)的整體流程，時(shí)序圖可以從技術(shù)的角度作為切入點(diǎn)，用來分析產(chǎn)品中的技術(shù)實(shí)現(xiàn)細(xì)節(jié)，組件圖可以從技術(shù)的角度講業(yè)務(wù)拆分成不同的模塊進(jìn)行開發(fā)，其他的圖需要自己去官網(wǎng)查

Here are just three examples of mind maps that can be used to analyze the overall flow of a product and business from a product perspective, and a sequence diagram that can be used as a technical entry point, used to analyze the technical implementation details in the product, the component diagram can be divided into different business modules from the technical point of view for development, other diagrams need to go to the official website