PlantUML 部署图在线编辑器

在线创建 PlantUML 部署图,标明软件运行在哪些节点、部署了哪些制品以及节点如何连接,并导出 PNG 或 SVG。

PlantUML 部署图在线编辑器工作区

从中文部署图模板开始,编辑 PlantUML 源码并实时查看渲染结果。

使用轻量编辑器快速预览。需要 AI 生成、语法修复或项目协作时,请打开完整编辑器。

图表预览

使用 PlantUML 创建部署图

在可编辑工作区中设计运行节点、执行环境、部署制品、数据库、队列、网络边界和带标签的连接,无需安装 Java 或 Graphviz。

内置部署图模板

从可直接渲染的中文部署图示例开始。

实时图表预览

编辑 PlantUML 源码时同步检查图表结构与标签。

专属语法说明

学习运行节点、执行环境、部署制品、数据库、队列、网络边界和带标签的连接的常用表达方式。

PNG 与 SVG 导出

从同一份源码下载适合分享或文档使用的图表。

如何在线创建 PlantUML 部署图

使用内置模板创建适用于生产架构评审、上云迁移、环境文档、故障排查和发布交接的部署图。

  1. 01

    选择一个明确环境和问题,例如生产应用如何部署。

  2. 02

    添加运行时存在的机器、云服务、设备或执行环境。

  3. 03

    把制品或服务放进实际承载它的节点。

  4. 04

    连接节点,并标注关键协议、端口或数据路径。

  5. 05

    检查是否遗漏边界和依赖,然后导出 PNG 或 SVG。

PlantUML 部署图语法与应用场景

学习部署图的核心语法与建模方法,并直接在上方编辑器中应用。

运行节点与执行环境

使用 node 表示机器、设备、集群或执行环境;需要让基础设施角色一眼可辨时,可以使用 cloud、database、queue、storage 等部署元素。名称应对应实际环境,而不是抽象软件能力。

把制品放到实际运行位置

在节点内部嵌套 artifact、component 或 file,直接回答“什么运行在哪里”。制品可以是容器镜像、服务包、可执行文件或配置包。

node "应用服务器" as appNode {
  artifact "orders-api.jar" as api
}

标注网络与数据连接

使用箭头连接节点或部署元素,并写明对运维有意义的协议或职责。HTTPS、AMQP、SQL/TLS、复制等标签比无说明的连线更有用。

webNode --> appNode : HTTPS
appNode --> databaseNode : SQL/TLS

部署图与组件图如何选择

需要回答软件运行在哪里、运行环境如何连接时使用部署图;需要回答有哪些软件模块或服务、它们依赖哪些接口时使用组件图,不必涉及物理部署位置。

PlantUML 部署图中文示例

编辑示例源码,检查实时预览,并按需导出 PNG 或 SVG。

@startuml
node "Web 服务器" as Web {
  artifact "网页应用" as Frontend
}

node "应用服务器" as App {
  artifact "订单接口.jar" as Api
}

node "数据库服务器" as DbNode {
  database "订单数据库" as Db
}

Web --> App : HTTPS
App --> DbNode : SQL/TLS
@enduml

为什么使用 PlantUML 创建部署图

PlantUML 将部署图保存为可审阅文本,便于更新、版本控制、复用和导出。

从正确模板开始

直接使用部署图模板,无需改造无关示例。

让模型便于评审

使用可读文本保存设计,适合文档和版本控制。

导出前检查结果

在分享之前检查图表结构、关系和标签。

常见问题

什么是 PlantUML 部署图在线工具?

这是一个从部署图模板开始的浏览器编辑器,可编辑源码、实时预览并导出 PNG 或 SVG。

部署图适合哪些场景?

常见场景包括生产架构评审、上云迁移、环境文档、故障排查和发布交接,可以根据实际系统替换内置示例。

部署图中应该包含什么?

保留能够回答评审问题的运行节点、部署到节点的重要制品或服务,以及会影响交付、安全、可靠性和运维的连接。

PlantUML 部署图可以展示云服务、数据库和队列吗?

可以。PlantUML 支持 node、cloud、database、queue、storage、artifact、component 和嵌套元素,并可为连接添加标签。

可以把部署图导出为 PNG 或 SVG 吗?

可以。PNG 适合演示文稿和快速分享,SVG 适合需要缩放的网页与技术文档。

需要安装 PlantUML、Java 或 Graphviz 吗?

不需要。在线工具通过服务端生成预览,可以直接在浏览器中编辑和导出。

需要 AI 辅助编辑吗?

打开 OnUML 完整编辑器,使用 AI 生成、语法修复、分享和项目管理。

打开完整编辑器