UML EditorСправочникПримерыОткрыть редактор

Справочник / Диаграмма последовательностей UML

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

Обмен сообщениями между участниками во времени. Участники идут слева направо в порядке объявления. Сообщение: отправитель, стрелка, получатель, двоеточие и текст. Тип участника задаёт его значок по нотации UML.

Пример

Диаграмма последовательностей UML — пример
@startuml
autonumber
actor "Пользователь" as U
boundary "Веб-клиент" as W
control "Сервис авторизации" as A
entity "Сессия" as S
database "База данных" as D

U -> W : нажимает «Войти»
activate W
W -> A : POST /login
activate A
A -> D : SELECT user
activate D
D --> A : запись пользователя
deactivate D
alt пароль верный
  A -> S : создать
  A --> W : 200 OK, токен
  W --> U : открыть профиль
else ошибка
  A --> W : 401 Unauthorized
  W --> U : показать ошибку
end
deactivate A
deactivate W
note over W, A : токен действует 24 часа
@enduml

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

Готовые примеры

Конструкции

Участники разных типов

Также participant, collections, queue.

actor "Пользователь" as U
boundary "Форма" as F
control "Контроллер" as C
entity "Заказ" as E
database "БД" as D

Сообщение и ответ

Сплошная стрелка — вызов, пунктирная — ответ.

U -> F : ввод
F --> U : результат

Асинхронное сообщение

C ->> D : событие

Активация

Сокращение: C -> D ++ : запрос и D --> C -- : данные.

C -> D : запрос
activate D
D --> C : данные
deactivate D

Создание участника

create entity "Сессия" as S
C -> S : new

Альтернатива

Также opt, loop, par, break, critical, group.

alt успех
  C --> U : 200
else ошибка
  C --> U : 500
end

Цикл

loop каждые 5 с
  U -> C : ping
end

Заметка

note right of C : текст
note over U, C : общая

Разделитель и задержка

== Этап 2 ==
...5 минут спустя...

Нумерация

Пишется перед сообщениями.

autonumber

Стрелки

->синхронное сообщение
-->ответ (пунктир)
->>асинхронное сообщение (тонкий наконечник)
->xпотерянное сообщение
<->двунаправленное
-[#red]>цветная стрелка

Общее

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

Другие виды диаграмм