Создание диаграммы последовательностей с помощью UML-разметки в Lucidchart

Автор:  Shanna S
Обновлено:  

С помощью инструмента разметки диаграмм последовательностей вы можете легко создавать и редактировать диаграммы последовательностей. Поскольку Lucidchart автоматически генерирует диаграмму последовательностей из введенного текста, вы можете использовать сэкономленное время, чтобы вернуться к своему коду… или посмотреть «Звездные войны».

Доступные планы: Индивидуальный, Командный и Корпоративный.

Смотреть: UML-диаграммы классов

Создание диаграммы последовательностей с помощью разметки

Выполните следующие действия, и Lucidchart автоматически сгенерирует для вас диаграмму последовательностей:

  1. Активируйте библиотеку фигур UML.
    • Нажмите «Другие фигуры» в нижней части меню «Фигуры» в левой части документа или нажмите клавишу «M» на клавиатуре.
    • Во вкладке «Фигуры» поставьте галочку напротив библиотеки фигур «UML».
    • Нажмите «Использовать выбранные фигуры».
  2. Под библиотекой фигур «UML-диаграмма последовательностей» на панели инструментов нажмите «Использовать разметку».
    UML
  3. Во всплывающем окне слева введите нужную разметку.
  4. Нажмите «Построить», чтобы создать диаграмму.

    последовательность

Чтобы создать новую схему, снова нажмите «Использовать разметку» в библиотеке фигур для UML-диаграмм последовательностей.

Совет: сэкономьте время, создав диаграмму последовательности с помощью ИИ. Узнайте больше в нашей статье «Повысьте производительность с помощью ИИ Lucid в Lucidchart .

Поддерживаемая разметка

Линии

Линии представляют отношения между элементами, помогая визуализировать связи и потоки внутри системы. 

Синтаксис Описание Пример

Alice -> Bob

Alice <- Bob

Нарисовать сплошную линию (в обоих направлениях). UML-markup-Lines-Example.png
Alice --> Нарисовать пунктирную линию.
Alice -> Alice Нарисовать сплошную стрелку к участнику и от него.

Линии жизни

Линии жизни показывают участника, участвующего в процессе, и показывают, как долго каждый участник активен или вовлечен во время событий на схеме.

Синтаксис Описание Пример
activate Alice Начните активацию участника с линии жизни. UML-markup-lifelines-example.png
deactivate Alice Деактивировать участника, завершить линию жизни.

Стрелки

Стрелки представляют собой поток коммуникации между элементами.

Синтаксис Описание Пример
-> Закрытая стрелка UML-markup-arrows-example.png
-> > Открытая стрелка
- Стрелка отсутствует

Текст

Текст добавляет метки к линиям на схеме для добавления сведений к действиям или потокам.

Синтаксис Описание Пример
Alice->Bob: text Добавить ярлык к сообщениям между участниками. UML-markup-text-example.png
Alice->Bob: text\nmore Добавить ярлык с новой строкой к сообщениям между участниками.

Примечания

Используйте примечания для добавления комментариев или пояснений к схеме, уточнения элементов или процессов.

Синтаксис Описание Пример
note left of Alice: text1 Добавить фигуру примечания слева от Алисы (если участников двое, «of Alice» может быть опущено). UML-markup-notes-example.png
примечание справа от Алисы: текст2 Добавить фигуру примечания справа от Алисы.
note over Alice: text3 Добавьте фигуру примечания над Алисой.
заметка над Алисой, Боб: текст4 Добавить фигуру примечания над Алисой и Бобом.
note over Bob, Alice: This is an example of a long note \n with a line break. (в одну строку) Добавить фигуру примечания с многострочными заметками над Алисой и Бобом.

Группировка

Используйте группирование для визуальной организации связанных элементов в контейнер, представляющий собой физическую или концептуальную группировку в системе. Это упрощает схему, показывая взаимосвязи между элементами. 

Lucidchart поддерживает несколько функций группировки, каждая из которых имеет свое назначение. Поддерживаются следующие функции: 

  • alt: представляет альтернативные потоки, в которых выбран только один путь. 
  • opt: используется для необязательных последовательностей, которые выполняются только при выполнении условия. 
  • ПАР: Означает параллельный, позволяет действиям происходить одновременно. 
  • loop: представляет собой повторяющиеся последовательности. 
  • Критический: определяет раздел, который должен быть завершен без перерыва.
Синтаксис Описание Пример

alt successful case

Bob -> Alice: data accepted

else some kind of failure

Bob -> Alice: data rejected

конец

Создайте групповое сообщение с «alt» (другой) и «else», чтобы показать разные ситуации. UML-markup-alt-grouping-example.png

opt text1

Alice -> Bob: text2

конец

Создайте группирующее сообщение с ключевым словом "opt".

Поддерживаются следующие ключевые слова:

  • выбирать 
  • равенство 
  • цикл
  • самое главное

Примечание. Данные слова не могут быть использованы с «else». С «else» может употребляться только ключевое слово «alt».

UML-markup-opt-grouping-example.png

UML-markup-par-grouping-example.png

Псевдоним

Используйте псевдоним, чтобы назначить элементу альтернативное имя, что поможет упростить и упорядочить разметку для большей ясности. 

Синтаксис Описание Пример
participant A as Alice Присваивайте участникам имена, чтобы писать их быстрее. UML-markup-alias-example.png
participant A as "Alice Jones" Если заданное имя состоит из двух и более слов, используйте кавычки.

Комментарии

Комментарии — это способ добавить примечания в код, которые не отображаются на схеме. Они предоставляют полезные пояснения или напоминания, не влияя на структуру схемы.

Синтаксис Описание
'comment text Однострочный комментарий
/' comment text '/ Многострочный комментарий

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

Не переживайте, если диаграмма последовательностей не получилась идеальной с первой попытки. Вы все еще можете редактировать разметку построенной диаграммы за исключением случаев, когда корректировка или разгруппировка диаграммы на холсте не производилась вручную.

Просто нажмите на схему, и в левой части редактора появится диалог разметки диаграммы последовательностей.

Выбор стиля диаграммы последовательностей

Выберите диаграмму последовательностей и используйте панель параметров в верхней части редактора, чтобы стилизовать диаграмму. Если вы хотите стилизовать отдельные блоки/элементы на диаграмме, вы должны сначала разгруппировать диаграмму. Выберите диаграмму, щелкните правой кнопкой мыши и выберите «Разгруппировать».

Примечание: При разгруппировке диаграммы возможность редактировать разметку пропадает.

Часто задаваемые вопросы

Могу ли я добавить синтаксис стилей в свою разметку?
В Lucidchart не поддерживается стилизация синтаксиса UML. Чтобы узнать больше о стилизации вашей схемы, см. раздел «Стиль диаграммы непрерывностей» этой статьи.

Ресурсы

Чтобы узнать больше об этой функции, изучи дополнительные ресурсы, приведённые ниже. Эти ресурсы доступны только на английском языке.

Видео

Диаграммы классов UML | Учебное пособие

Диаграммы вариантов использования UML

Оставьте отзыв об этой статье

Хотите поделиться мнением об этой статье? Расскажи нам о своем опыте здесь

Вы нашли то, что искали?

Остались вопросы или хотите поделиться тем, что узнали? Посетите наше сообщество   для получения помощи и совместной работы с другими.