Справочник / Диаграмма компонентов UML

Диаграмма компонентов UML: синтаксис и примеры

Компоненты, интерфейсы и зависимости. Компонент записывается в квадратных скобках или словом component. Интерфейс — словом interface или () «Имя».

Пример

@startuml
package "Клиент" {
  [Веб-приложение] as Web
  [Мобильное приложение] as Mob
}
package "Сервер" {
  interface "REST API" as API
  [API Gateway] as GW
  [Сервис авторизации] as Auth
  [Сервис заказов] as Orders
  API - GW
}
database "PostgreSQL" as DB
queue "Очередь событий" as Q

Web ..> API : HTTPS
Mob ..> API : HTTPS
GW --> Auth
GW --> Orders
Orders --> DB
Orders ..> Q : события
@enduml

Открыть пример в редакторе

Конструкции

Компонент

[Сервис заказов] as Orders

Предоставляемый интерфейс

Короткая линия рисует «леденец» — предоставляемый интерфейс.

interface "REST API" as API
API - Orders

Требуемый интерфейс

Web ..> API : use

Порт

component "Сервис" as S {
  port p1
}

Группировка

Также node, folder, frame, cloud, database.

package "Сервер" {
  [A]
  [B]
}

Хранилища

database "PostgreSQL" as DB
queue "Kafka" as Q

Стрелки

A --> B	зависимость, сплошная
A ..> B	зависимость, пунктир
A - B	короткая связь (интерфейс)
A -right-> B	стрелка с направлением: up, down, left, right

Общее

@startuml / @enduml	начало и конец диаграммы
' текст	комментарий
/' … '/	многострочный комментарий
title Заголовок	заголовок над диаграммой
left to right direction	раскладка слева направо