怎么用PlantUML画图
时间: 2025-05-15 14:53:58 浏览: 48
### 如何使用 PlantUML 绘制图表
PlantUML 是一种基于纯文本的语言,能够轻松创建各种 UML 图表。以下是关于如何使用 PlantUML 进行绘图的核心知识点。
#### 1. 基本语法结构
PlantUML 文件通常以 `@startuml` 开头,并以 `@enduml` 结束。所有的图表定义都位于这两个标记之间[^1]。
```plaintext
@startuml
... 图表定义 ...
@enduml
```
#### 2. 创建简单的类图
以下是一个基本的类图示例:
```plaintext
@startuml
class ClassA {
- int id
- String name
}
class ClassB {
- float value
}
ClassA --> ClassB : has a relationship
@enduml
```
上述代码展示了两个类之间的关系,其中 `ClassA` 和 `ClassB` 存在一个关联关系。
#### 3. 活动图中的图标和图像
为了增强活动图的表现力,可以通过引入图标或图片来装饰节点。例如,在描述智能驾驶系统时,可以加入交通信号灯或其他相关图形。
```plaintext
@startuml
(*) --> "Start Driving"
:<<icon-car>> Drive to destination;
if (Traffic Light?) then (Red)
:Stop!;
else
:Continue driving;
endif
--> (*)
@enduml
```
这里通过 `<<icon-car>>` 添加了一个汽车图标,使得流程更形象化。
#### 4. C4-PlantUML 扩展功能
如果希望构建软件架构图,则可考虑采用 C4-PlantUML 工具集。它允许开发者按照 Context、Container、Component 及 Code 层次描绘应用体系结构[^2]。
```plaintext
@startuml
!include https://raw.githubusercontent.com/RicardoNiepel/C4-PlantUML/master/src/c4.puml
Person(user, "User", "Interacts with the system")
System_Boundary(cio, "CI/CD") {
System(devops_tooling, "DevOps Tooling", "Supports development processes")
}
Rel(user, devops_tooling, "uses")
@enduml
```
此脚本利用了外部库文件实现标准样式布局。
#### 5. 配合 Node.js 自动化生成
对于需要批量处理或者集成到 CI/CD 流程的情况,node-plantuml 提供了一种便捷方式调用命令行接口完成转换操作[^3]。
安装模块:
```bash
npm install --save-dev node-plantuml
```
运行样例 JavaScript 脚本:
```javascript
const plantuml = require('node-plantuml');
let gen = plantuml();
gen.render('@startuml\nAlice -> Bob: Hello!\n@enduml', function(err, result){
console.log(result);
});
```
以上程序片段演示了怎样借助编程手段动态生成并查看 uml 输出结果。
---
阅读全文
相关推荐

















