PlantUML:用文本创建图表的工具

天天

发布于317天前
龙猫也是猫
## 什么是 PlantUML ?

PlantUML 允许用户从纯文本语言创建图表。

除了各种 UML 图之外,PlantUML 还支持各种其他软件开发相关格式,以及 JSON 和 YAML 文件的可视化。PlantUML 语言是特定领域语言的一个示例。

https://appstore.lazycat.cloud/#/shop/detail/xyz.mxue.plantuml

使用 PlantUML,您可以创建结构良好的 UML 图表,包括但不限于以下内容:
> 序列图
> 用例图
> 类图
> 对象图
> 活动图(在此查找传统语法)
> 组件图
> 部署图
> 状态图
> 时序图

## 使用体验

应用安装后,打开即可看到主页面。注意,这个在浏览器端无法正常使用,在懒猫客户端可以。

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/ddd64386-0295-4c2f-aedc-d20e48650801.png "image.png")

在左侧输入文本,右侧可以选择预览的类型

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/6842c6b5-b1b5-4bec-ab28-dad3ac50bd34.png "image.png")

比如我想画个序列图,在左侧输入
`@startuml
participant Participant as Foo
actor       Actor       as Foo1
boundary    Boundary    as Foo2
control     Control     as Foo3
entity      Entity      as Foo4
database    Database    as Foo5
collections Collections as Foo6
queue       Queue       as Foo7
Foo -> Foo1 : To actor 
Foo -> Foo2 : To boundary
Foo -> Foo3 : To control
Foo -> Foo4 : To entity
Foo -> Foo5 : To database
Foo -> Foo6 : To collections
Foo -> Foo7: To queue
@enduml
`
右侧就能看到效果

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/0c2fc6b5-0de9-498c-a013-160ade71fbe5.png "image.png")

官方文档里有介绍详细的语法应该怎么写https://plantuml.com/zh

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/f3af287e-8993-4d16-b809-6a0b43b72446.png "image.png")

PlantUML 可以集成在外部工具中,比如 Visual Studio Code。直接安装 PlantUML 

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/3a9fdc70-9835-46db-948a-d2867ce0b35a.png "image.png")

安装完成后设置服务端地址

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/a0509333-1476-4dd1-8b5b-6be823fd4c2c.png "image.png")

新建一个test.puml文件
`@startuml
actor actor
agent agent
artifact artifact
boundary boundary
card card
cloud cloud
component component
control control
database database
entity entity
file file
folder folder
frame frame
interface  interface
node node
package package
queue queue
stack stack
rectangle rectangle
storage storage
usecase usecase
@enduml`

直接Alt+D打开预览界面

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/59d26b71-326d-4d7f-9df7-10404d361e56.png "image.png")

对于产品经理、程序员来说,pluntUML是一个很实用的画图工具。

利用简单直观的语言,可以毫不费力地绘制各种类型的图表。

评论

0

暂无评论

说点什么呢~
收藏
0
0
0