部署图：节点与制品

简介 / Introduction

部署图（Deployment Diagram）用于描述软件系统在硬件节点上的物理布局，以及各节点上运行的制品（artifact）。本篇分别用 PlantUML 和 Mermaid 绘制相同的部署结构，直观对比两者的语法差异。

PlantUML 版

PlantUML 的部署图以 @startuml + deployment 关键字开头，用 node 定义节点，用 artifact 定义制品，节点之间用箭头表示通信关系。

@startuml
deployment diagram {
  node "Web Server" as web <<Node>> {
    artifact "index.html"
    artifact "app.js"
  }
  node "DB Server" as db <<Node>> {
    artifact "data.pkl"
    artifact "backup/"
  }
  node "Load Balancer" as lb <<Node>>
  lb --> web : HTTP
  web --> db : JDBC
}
@enduml

Mermaid 版

Mermaid 的部署图使用 deployment 图表类型，node 定义节点，artifact 声明部署产物，rel 描述节点间关系。

deployment
    title Deployment View
    service Web_Server["Web Server"]
    service Database_Server["Database Server"]
    service Load_Balancer["Load Balancer"]
    Web_Server::webnode contains index.html
    Web_Server::webnode contains app.js
    Database_Server::dbnode contains data.pkl
    Database_Server::dbnode contains backup/
    Load_Balancer --> Web_Server : HTTP
    Web_Server --> Database_Server : JDBC

对比 / Side-by-side

元素	PlantUML	Mermaid
图表类型声明	`deployment diagram { }`	`deployment`
节点	`node "Label" as id`	`service Name["Label"]`
制品	`artifact "filename"`	`contains filename`
关系	`A --> B`	`A --> B`
分组	`node "..." { }` 嵌套	`service` + `contains`

小结 / Wrap-up

PlantUML 部署图在嵌套结构和可视化效果上更灵活，适合复杂生产环境；Mermaid 部署图简洁直接，适合文档内嵌场景。两者均支持节点、制品和关系的基本语法，可根据团队工具链自由选用。