Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
部署图

部署图是一种可视化系统架构的图表，展示软件组件如何部署到硬件上。它能清晰地显示组件在服务器、工作站和设备等不同节点上的分布情况。

有了PlantUML，创建部署图变得轻而易举。该平台提供了一种使用纯文本设计这些图表的简单而直观的方法，确保了快速迭代和轻松的版本控制。此外，PlantUML 论坛还提供了一个充满活力的社区，用户可以在这里寻求帮助、分享想法，并共同应对图表设计方面的挑战。PlantUML 的主要优势之一是能与各种工具和平台无缝集成，因此成为专业人士和爱好者的首选。

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
声明元素

可选的，您可以使用方括号 [] 放置长描述文本。

WARNING

This translation need to be updated.

WARNING

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
声明元素（使用简短的形式）

我们可以使用一些简短的形式声明元素。

长格式关键词	短格式关键词	长表示例	短格式的例子	参考文献。
`actor`	`:` a `:`	`actor actor1`	`:actor2:`	Actors
`component`	`[` c `]`	`component component1`	`[component2]`	组件
`interface`	`()` i	`interface interface1`	`() "interface2"`	接口
`usecase`	`(` u `)`	`usecase usecase1`	`(usecase2)`	用例

Actor

注意：有一种旧的语法是用guillemet来表示actor的，现在已经过时了，过几天就会删除。请不要在你的图表中使用。

组件

接口

Usecase

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
链接或箭头

你可以在有或没有标签的元素之间创建简单的链接。

可以使用几种类型的链接。

你也可以有以下类型。

或另一个例子。

[Ref.QA-547andQA-1736]

⎘ 见附录上的所有类型。

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
的箭头样式

与括号内的类关系（链接或箭头）样式类似

线条样式

也可以明确有bold,dashed,dotted,hidden 或plain属性的箭头：

无标签

带标签

[改编自QA-4181]

线条颜色

线条粗细

[改编自QA-4949]

混合

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
改变箭头的颜色和样式（内联式）

你可以使用内联式以下符号改变单个箭头的颜色或样式。

#color;line.[bold|dashed|dotted];text:color

[参考QA-3770和QA-3816] [[见类图](class-diagram#b5b0e4228f2e5022)上的类似功能]

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
改变元素的颜色和样式（内联样式）

你可以用以下符号改变单个元素的颜色或样式。

#[color|back:color];line:color;line.[bold|dashed|dotted];text:color

[Ref.QA-6852]

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
可嵌套的元素

这里是可嵌套的元素。

WARNING

This translation need to be updated.

WARNING

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
包和嵌套元素

一层的例子

@startuml
artifact    artifactVeryLOOOOOOOOOOOOOOOOOOOg    as "artifact" {
file f1
}
card        cardVeryLOOOOOOOOOOOOOOOOOOOg        as "card" {
file f2
}
cloud       cloudVeryLOOOOOOOOOOOOOOOOOOOg       as "cloud" {
file f3
}
component   componentVeryLOOOOOOOOOOOOOOOOOOOg   as "component" {
file f4
}
database    databaseVeryLOOOOOOOOOOOOOOOOOOOg    as "database" {
file f5
}
file        fileVeryLOOOOOOOOOOOOOOOOOOOg        as "file" {
file f6
}
folder      folderVeryLOOOOOOOOOOOOOOOOOOOg      as "folder" {
file f7
}
frame       frameVeryLOOOOOOOOOOOOOOOOOOOg       as "frame" {
file f8
}
hexagon     hexagonVeryLOOOOOOOOOOOOOOOOOOOg     as "hexagon" {
file f9
}
node        nodeVeryLOOOOOOOOOOOOOOOOOOOg        as "node" {
file f10
}
package     packageVeryLOOOOOOOOOOOOOOOOOOOg     as "package" {
file f11
}
queue       queueVeryLOOOOOOOOOOOOOOOOOOOg       as "queue" {
file f12
}
rectangle   rectangleVeryLOOOOOOOOOOOOOOOOOOOg   as "rectangle" {
file f13
}
stack       stackVeryLOOOOOOOOOOOOOOOOOOOg       as "stack" {
file f14
}
storage     storageVeryLOOOOOOOOOOOOOOOOOOOg     as "storage" {
file f15
}
@enduml

其他例子

完全嵌套

这里是所有的嵌套元素：

按字母顺序。

或相反的字母顺序

WARNING

This translation need to be updated.

WARNING

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
别名

简单的别名有`as`

长别名的例子

@startuml
actor        "actor"       as actorVeryLOOOOOOOOOOOOOOOOOOOg
agent        "agent"       as agentVeryLOOOOOOOOOOOOOOOOOOOg
artifact     "artifact"    as artifactVeryLOOOOOOOOOOOOOOOOOOOg
boundary     "boundary"    as boundaryVeryLOOOOOOOOOOOOOOOOOOOg
card         "card"        as cardVeryLOOOOOOOOOOOOOOOOOOOg
cloud        "cloud"       as cloudVeryLOOOOOOOOOOOOOOOOOOOg
collections  "collections" as collectionsVeryLOOOOOOOOOOOOOOOOOOOg
component    "component"   as componentVeryLOOOOOOOOOOOOOOOOOOOg
control      "control"     as controlVeryLOOOOOOOOOOOOOOOOOOOg
database     "database"    as databaseVeryLOOOOOOOOOOOOOOOOOOOg
entity       "entity"      as entityVeryLOOOOOOOOOOOOOOOOOOOg
file         "file"        as fileVeryLOOOOOOOOOOOOOOOOOOOg
folder       "folder"      as folderVeryLOOOOOOOOOOOOOOOOOOOg
frame        "frame"       as frameVeryLOOOOOOOOOOOOOOOOOOOg
hexagon      "hexagon"     as hexagonVeryLOOOOOOOOOOOOOOOOOOOg
interface    "interface"   as interfaceVeryLOOOOOOOOOOOOOOOOOOOg
label        "label"       as labelVeryLOOOOOOOOOOOOOOOOOOOg
node         "node"        as nodeVeryLOOOOOOOOOOOOOOOOOOOg
package      "package"     as packageVeryLOOOOOOOOOOOOOOOOOOOg
person       "person"      as personVeryLOOOOOOOOOOOOOOOOOOOg
queue        "queue"       as queueVeryLOOOOOOOOOOOOOOOOOOOg
stack        "stack"       as stackVeryLOOOOOOOOOOOOOOOOOOOg
rectangle    "rectangle"   as rectangleVeryLOOOOOOOOOOOOOOOOOOOg
storage      "storage"     as storageVeryLOOOOOOOOOOOOOOOOOOOg
usecase      "usecase"     as usecaseVeryLOOOOOOOOOOOOOOOOOOOg
@enduml

@startuml
actor       actorVeryLOOOOOOOOOOOOOOOOOOOg       as "actor"
agent       agentVeryLOOOOOOOOOOOOOOOOOOOg       as "agent"
artifact    artifactVeryLOOOOOOOOOOOOOOOOOOOg    as "artifact"
boundary    boundaryVeryLOOOOOOOOOOOOOOOOOOOg    as "boundary"
card        cardVeryLOOOOOOOOOOOOOOOOOOOg        as "card"
cloud       cloudVeryLOOOOOOOOOOOOOOOOOOOg       as "cloud"
collections collectionsVeryLOOOOOOOOOOOOOOOOOOOg as "collections"
component   componentVeryLOOOOOOOOOOOOOOOOOOOg   as "component"
control     controlVeryLOOOOOOOOOOOOOOOOOOOg     as "control"
database    databaseVeryLOOOOOOOOOOOOOOOOOOOg    as "database"
entity      entityVeryLOOOOOOOOOOOOOOOOOOOg      as "entity"
file        fileVeryLOOOOOOOOOOOOOOOOOOOg        as "file"
folder      folderVeryLOOOOOOOOOOOOOOOOOOOg      as "folder"
frame       frameVeryLOOOOOOOOOOOOOOOOOOOg       as "frame"
hexagon     hexagonVeryLOOOOOOOOOOOOOOOOOOOg     as "hexagon"
interface   interfaceVeryLOOOOOOOOOOOOOOOOOOOg   as "interface"
label       labelVeryLOOOOOOOOOOOOOOOOOOOg       as "label"
node        nodeVeryLOOOOOOOOOOOOOOOOOOOg        as "node"
package     packageVeryLOOOOOOOOOOOOOOOOOOOg     as "package"
person      personVeryLOOOOOOOOOOOOOOOOOOOg      as "person"
queue       queueVeryLOOOOOOOOOOOOOOOOOOOg       as "queue"
stack       stackVeryLOOOOOOOOOOOOOOOOOOOg       as "stack"
rectangle   rectangleVeryLOOOOOOOOOOOOOOOOOOOg   as "rectangle"
storage     storageVeryLOOOOOOOOOOOOOOOOOOOg     as "storage"
usecase     usecaseVeryLOOOOOOOOOOOOOOOOOOOg     as "usecase"
@enduml

[参考资料：QA-12082]

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
圆角

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
特定的SkinParameter

圆角

[参考QA-5299,QA-6915,QA-11943] 。

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
附录。所有类型的箭线

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
附录。所有类型的箭头或 "0 "箭头

箭头类型

0 "箭头或圆形箭头的类型

WARNING

This translation need to be updated.

WARNING

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
附录。测试所有元素的内联样式

简单元素

@startuml
actor actor             #aliceblue;line:blue;line.dotted;text:blue
actor/ "actor/"         #aliceblue;line:blue;line.dotted;text:blue
agent agent             #aliceblue;line:blue;line.dotted;text:blue
artifact artifact       #aliceblue;line:blue;line.dotted;text:blue
boundary boundary       #aliceblue;line:blue;line.dotted;text:blue
card card               #aliceblue;line:blue;line.dotted;text:blue
circle circle           #aliceblue;line:blue;line.dotted;text:blue
cloud cloud             #aliceblue;line:blue;line.dotted;text:blue
collections collections #aliceblue;line:blue;line.dotted;text:blue
component component     #aliceblue;line:blue;line.dotted;text:blue
control control         #aliceblue;line:blue;line.dotted;text:blue
database database       #aliceblue;line:blue;line.dotted;text:blue
entity entity           #aliceblue;line:blue;line.dotted;text:blue
file file               #aliceblue;line:blue;line.dotted;text:blue
folder folder           #aliceblue;line:blue;line.dotted;text:blue
frame frame             #aliceblue;line:blue;line.dotted;text:blue
hexagon hexagon         #aliceblue;line:blue;line.dotted;text:blue
interface interface     #aliceblue;line:blue;line.dotted;text:blue
label label             #aliceblue;line:blue;line.dotted;text:blue
node node               #aliceblue;line:blue;line.dotted;text:blue
package package         #aliceblue;line:blue;line.dotted;text:blue
person person           #aliceblue;line:blue;line.dotted;text:blue
queue queue             #aliceblue;line:blue;line.dotted;text:blue
rectangle rectangle     #aliceblue;line:blue;line.dotted;text:blue
stack stack             #aliceblue;line:blue;line.dotted;text:blue
storage storage         #aliceblue;line:blue;line.dotted;text:blue
usecase usecase         #aliceblue;line:blue;line.dotted;text:blue
usecase/ "usecase/"     #aliceblue;line:blue;line.dotted;text:blue
@enduml

嵌套元素

没有子元素

有子元素

@startuml
artifact    artifactVeryLOOOOOOOOOOOOOOOOOOOg    as "artifact" #aliceblue;line:blue;line.dotted;text:blue {
file f1
}
card        cardVeryLOOOOOOOOOOOOOOOOOOOg        as "card" #aliceblue;line:blue;line.dotted;text:blue {
file f2
}
cloud       cloudVeryLOOOOOOOOOOOOOOOOOOOg       as "cloud" #aliceblue;line:blue;line.dotted;text:blue {
file f3
}
component   componentVeryLOOOOOOOOOOOOOOOOOOOg   as "component" #aliceblue;line:blue;line.dotted;text:blue {
file f4
}
database    databaseVeryLOOOOOOOOOOOOOOOOOOOg    as "database" #aliceblue;line:blue;line.dotted;text:blue {
file f5
}
file        fileVeryLOOOOOOOOOOOOOOOOOOOg        as "file" #aliceblue;line:blue;line.dotted;text:blue {
file f6
}
folder      folderVeryLOOOOOOOOOOOOOOOOOOOg      as "folder" #aliceblue;line:blue;line.dotted;text:blue {
file f7
}
frame       frameVeryLOOOOOOOOOOOOOOOOOOOg       as "frame" #aliceblue;line:blue;line.dotted;text:blue {
file f8
}
hexagon     hexagonVeryLOOOOOOOOOOOOOOOOOOOg     as "hexagon" #aliceblue;line:blue;line.dotted;text:blue {
file f9
}
node        nodeVeryLOOOOOOOOOOOOOOOOOOOg        as "node" #aliceblue;line:blue;line.dotted;text:blue {
file f10
}
package     packageVeryLOOOOOOOOOOOOOOOOOOOg     as "package" #aliceblue;line:blue;line.dotted;text:blue {
file f11
}
queue       queueVeryLOOOOOOOOOOOOOOOOOOOg       as "queue" #aliceblue;line:blue;line.dotted;text:blue {
file f12
}
rectangle   rectangleVeryLOOOOOOOOOOOOOOOOOOOg   as "rectangle" #aliceblue;line:blue;line.dotted;text:blue {
file f13
}
stack       stackVeryLOOOOOOOOOOOOOOOOOOOg       as "stack" #aliceblue;line:blue;line.dotted;text:blue {
file f14
}
storage     storageVeryLOOOOOOOOOOOOOOOOOOOg     as "storage" #aliceblue;line:blue;line.dotted;text:blue {
file f15
}
@enduml

WARNING

This translation need to be updated.

WARNING

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
附录。对所有元素的风格测试

简单元素

全局风格（在ComponentDiagram上）。

每个元素的风格

@startuml
<style>
actor {
  BackGroundColor #f80c12
  LineThickness 1
  LineColor black
}
agent {
  BackGroundColor #f80c12
  LineThickness 1
  LineColor black
}
artifact {
  BackGroundColor #ee1100
  LineThickness 1
  LineColor black
}
boundary {
  BackGroundColor #ee1100
  LineThickness 1
  LineColor black
}
card {
  BackGroundColor #ff3311
  LineThickness 1
  LineColor black
}
circle {
  BackGroundColor #ff3311
  LineThickness 1
  LineColor black
}
cloud {
  BackGroundColor #ff4422
  LineThickness 1
  LineColor black
}
collections {
  BackGroundColor #ff4422
  LineThickness 1
  LineColor black
}
component {
  BackGroundColor #ff6644
  LineThickness 1
  LineColor black
}
control {
  BackGroundColor #ff6644
  LineThickness 1
  LineColor black
}
database {
  BackGroundColor #ff9933
  LineThickness 1
  LineColor black
}
entity {
  BackGroundColor #feae2d
  LineThickness 1
  LineColor black
}
file {
  BackGroundColor #feae2d
  LineThickness 1
  LineColor black
}
folder {
  BackGroundColor #ccbb33
  LineThickness 1
  LineColor black
}
frame {
  BackGroundColor #d0c310
  LineThickness 1
  LineColor black
}
hexagon {
  BackGroundColor #aacc22
  LineThickness 1
  LineColor black
}
interface {
  BackGroundColor #69d025
  LineThickness 1
  LineColor black
}
label {
  BackGroundColor black
  LineThickness 1
  LineColor black
}
node {
  BackGroundColor #22ccaa
  LineThickness 1
  LineColor black
}
package {
  BackGroundColor #12bdb9
  LineThickness 1
  LineColor black
}
person {
  BackGroundColor #11aabb
  LineThickness 1
  LineColor black
}
queue {
  BackGroundColor #11aabb
  LineThickness 1
  LineColor black
}
rectangle {
  BackGroundColor #4444dd
  LineThickness 1
  LineColor black
}
stack {
  BackGroundColor #3311bb
  LineThickness 1
  LineColor black
}
storage {
  BackGroundColor #3b0cbd
  LineThickness 1
  LineColor black
}
usecase {
  BackGroundColor #442299
  LineThickness 1
  LineColor black
}
</style>
actor actor
actor/ "actor/"
agent agent
artifact artifact
boundary boundary
card card
circle circle
cloud cloud
collections collections
component component
control control
database database
entity entity
file file
folder folder
frame frame
hexagon hexagon
interface interface
label label
node node
package package
person person
queue queue
rectangle rectangle
stack stack
storage storage
usecase usecase
usecase/ "usecase/"
@enduml

[参考QA-13261]

嵌套元素(无级别)

全局风格（在组件图上）。

每个嵌套元素的样式

</style>
artifact artifact {
}
card card {
}
cloud cloud {
}
component component {
}
database database {
}
file file {
}
folder folder {
}
frame frame {
}
hexagon hexagon {
}
node node {
}
package package {
}
queue queue {
}
rectangle rectangle {
}
stack stack {
}
storage storage {
}
@enduml

嵌套元素（有一个层次）

全局风格（在组件图上）。

每个嵌套元素的样式

@startuml
<style>
artifact {
  BackGroundColor #ee1100
  LineThickness 1
  LineColor black
}
card {
  BackGroundColor #ff3311
  LineThickness 1
  LineColor black
}
cloud {
  BackGroundColor #ff4422
  LineThickness 1
  LineColor black
}
component {
  BackGroundColor #ff6644
  LineThickness 1
  LineColor black
}
database {
  BackGroundColor #ff9933
  LineThickness 1
  LineColor black
}
file {
  BackGroundColor #feae2d
  LineThickness 1
  LineColor black
}
folder {
  BackGroundColor #ccbb33
  LineThickness 1
  LineColor black
}
frame {
  BackGroundColor #d0c310
  LineThickness 1
  LineColor black
}
hexagon {
  BackGroundColor #aacc22
  LineThickness 1
  LineColor black
}
node {
  BackGroundColor #22ccaa
  LineThickness 1
  LineColor black
}
package {
  BackGroundColor #12bdb9
  LineThickness 1
  LineColor black
}
queue {
  BackGroundColor #11aabb
  LineThickness 1
  LineColor black
}
rectangle {
  BackGroundColor #4444dd
  LineThickness 1
  LineColor black
}
stack {
  BackGroundColor #3311bb
  LineThickness 1
  LineColor black
}
storage {
  BackGroundColor #3b0cbd
  LineThickness 1
  LineColor black
}
</style>
artifact e1 as "artifact" {
file f1
}
card e2 as "card" {
file f2
}
cloud e3 as "cloud" {
file f3
}
component e4 as "component" {
file f4
}
database e5 as "database" {
file f5
}
file e6 as "file" {
file f6
}
folder e7 as "folder" {
file f7
}
frame e8 as "frame" {
file f8
}
hexagon e9 as "hexagon" {
file f9
}
node e10 as "node" {
file f10
}
package e11 as "package" {
file f11
}
queue e12 as "queue" {
file f12
}
rectangle e13 as "rectangle" {
file f13
}
stack e14 as "stack" {
file f14
}
storage e15 as "storage" {
file f15
}
@enduml

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
附录。在所有元素上用风格测试定型

简单元素

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
Display JSON Data on Deployment diagram

Simple example

[Ref. QA-15481]

For another example, see on JSON page.

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
Mixing Deployment (Usecase, Component, Deployment) element within a Class or Object diagram

In order to add a Deployment element or a State element within a Class or Object diagram, you can use the allowmixing or allow_mixing directive.

Mixing all elements

@startuml
allowmixing
skinparam nodesep 10
hide empty members

abstract        abstract
abstract class  "abstract class"
annotation      annotation
circle          circle
()              circle_short_form
class           class
class           class_stereo  <<stereotype>>
dataclass       dataclass
diamond         diamond
<>              diamond_short_form
entity          entity
enum            enum
exception       exception
interface       interface
metaclass       metaclass
protocol        protocol
record          record
stereotype      stereotype
struct          struct
object          object
map map {
 key => value
}
json JSON {
   "fruit":"Apple",
   "size":"Large",
   "color": ["Red", "Green"]
}
action action
actor actor
actor/ "actor/"
agent agent
artifact artifact
boundary boundary
card card
circle circle
cloud cloud
collections collections
component component
control control
database database
entity entity
file file
folder folder
frame frame
hexagon hexagon
interface interface
label label
node node
package package
person person
process process
queue queue
rectangle rectangle
stack stack
storage storage
usecase usecase
usecase/ "usecase/"
state state
@enduml

[Ref. QA-2335 and QA-5329]

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
Port [port, portIn, portOut]

You can added port with port, portinand portout keywords.

Port

PortIn

PortOut

Mixing PortIn & PortOut

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
Change diagram orientation

You can change (whole) diagram orientation with:

top to bottom direction (by default)
left to right direction

Top to bottom (by default)

With Graphviz (layout engine by default)

The main rule is: Nested element first, then simple element.

With Smetana (internal layout engine)

The main rule is the opposite: Simple element first, then nested element.

Left to right

With Graphviz (layout engine by default)

With Smetana (internal layout engine)

Edit in DokuwikiEdit in AsciidocEdit in Markdown部署图

Edit in DokuwikiEdit in AsciidocEdit in Markdown声明元素

Edit in DokuwikiEdit in AsciidocEdit in Markdown声明元素（使用简短的形式）

Actor

组件

接口

Usecase

Edit in DokuwikiEdit in AsciidocEdit in Markdown链接或箭头

Edit in DokuwikiEdit in AsciidocEdit in Markdown的箭头样式

线条样式

线条颜色

线条粗细

混合

Edit in DokuwikiEdit in AsciidocEdit in Markdown改变箭头的颜色和样式（内联式）

Edit in DokuwikiEdit in AsciidocEdit in Markdown改变元素的颜色和样式（内联样式）

Edit in DokuwikiEdit in AsciidocEdit in Markdown可嵌套的元素

Edit in DokuwikiEdit in AsciidocEdit in Markdown包和嵌套元素

一层的例子

其他例子

完全嵌套

Edit in DokuwikiEdit in AsciidocEdit in Markdown别名

简单的别名有as

长别名的例子

Edit in DokuwikiEdit in AsciidocEdit in Markdown圆角

Edit in DokuwikiEdit in AsciidocEdit in Markdown特定的SkinParameter

圆角

Edit in DokuwikiEdit in AsciidocEdit in Markdown附录。所有类型的箭线

Edit in DokuwikiEdit in AsciidocEdit in Markdown附录。所有类型的箭头或 "0 "箭头

箭头类型

0 "箭头或圆形箭头的类型

Edit in DokuwikiEdit in AsciidocEdit in Markdown附录。测试所有元素的内联样式

简单元素

嵌套元素

没有子元素

有子元素

Edit in DokuwikiEdit in AsciidocEdit in Markdown附录。对所有元素的风格测试

简单元素

全局风格（在ComponentDiagram上）。

每个元素的风格

嵌套元素(无级别)

全局风格（在组件图上）。

每个嵌套元素的样式

嵌套元素（有一个层次）

全局风格（在组件图上）。

每个嵌套元素的样式

Edit in DokuwikiEdit in AsciidocEdit in Markdown附录。在所有元素上用风格测试定型

简单元素

Edit in DokuwikiEdit in AsciidocEdit in MarkdownDisplay JSON Data on Deployment diagram

Simple example

Edit in DokuwikiEdit in AsciidocEdit in MarkdownMixing Deployment (Usecase, Component, Deployment) element within a Class or Object diagram

Mixing all elements

Edit in DokuwikiEdit in AsciidocEdit in MarkdownPort [port, portIn, portOut]

Port

PortIn

PortOut

Mixing PortIn & PortOut

Edit in DokuwikiEdit in AsciidocEdit in MarkdownChange diagram orientation

Top to bottom (by default)

With Graphviz (layout engine by default)

With Smetana (internal layout engine)

Left to right

With Graphviz (layout engine by default)

With Smetana (internal layout engine)

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
部署图

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
声明元素

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
声明元素（使用简短的形式）

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
链接或箭头

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
的箭头样式

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
改变箭头的颜色和样式（内联式）

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
改变元素的颜色和样式（内联样式）

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
可嵌套的元素

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
包和嵌套元素

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
别名

简单的别名有`as`

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
圆角

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
特定的SkinParameter

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
附录。所有类型的箭线

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
附录。所有类型的箭头或 "0 "箭头

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
附录。测试所有元素的内联样式

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
附录。对所有元素的风格测试

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
附录。在所有元素上用风格测试定型

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
Display JSON Data on Deployment diagram

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
Mixing Deployment (Usecase, Component, Deployment) element within a Class or Object diagram

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
Port [port, portIn, portOut]

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
Change diagram orientation