Разговорный UML: Мгновенное уточнение диаграмм классов с помощью встроенного ИИ VPasCode

Введение

В стремительном мире современной разработки программного обеспечения документация часто не успевает за темпами разработки. МетодологияДиаграммы как код (DaC)стала мощным решением, позволяющим командам относиться к диаграммам как к исходному коду: с контролем версий, воспроизводимостью и точностью. В авангарде этой революции находитсяVPasCode, единая браузерная платформа от Visual Paradigm, поддерживающая отраслевые стандарты синтаксиса, такие как PlantUML, Mermaid и Graphviz.

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

Рабочий процесс «Диаграмма как код», демонстрирующий, как ИИ VPasCode изменяет диаграммы классов UML с помощью запросов на естественном языке.

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

Ключевые понятия

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

Диаграммы как код (DaC):Методология, при которой диаграммы генерируются на основе текстового исходного кода, а не рисуются вручную с помощью мыши. Это обеспечивает контроль версий диаграмм, их легкую воспроизводимость и интеграцию в конвейеры CI/CD.
PlantUML:Популярный инструмент с открытым исходным кодом, который использует простые текстовые описания для создания диаграмм UML. В нашем примере синтаксис PlantUML определяет структуру классов, таких какКлиент, Заказ, иОплата.
Модификация с помощью встроенного ИИ:В отличие от внешних ИИ-инструментов, требующих копирования и вставки кода туда и обратно, встроенный ИИ VPasCode понимает контекст вашего текущего файла. Он анализирует ваш существующий код PlantUML, применяет запрошенные изменения (например, добавление атрибутов или методов) и автоматически переписывает код в той же среде.
Рендеринг в реальном времени:VPasCode предоставляет разделенный экран, где изменения кода слева мгновенно отображаются на визуальной диаграмме справа, обеспечивая немедленную обратную связь и снижая когнитивную нагрузку от переключения контекстов.

Пошаговое руководство: Уточнение диаграммы классов с помощью встроенного ИИ VPasCode

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

Исходная точка

Представьте, что у вас есть базовая диаграмма классов электронной коммерции, определённая в PlantUML. У вас есть Payment класс с тремя дочерними классами: Cash, Check, и Credit. В настоящее время эти дочерние классы являются пустыми оболочками, наследующими только от родительского класса.

(Примечание: В реальном интерфейсе это соответствует первому предоставленному изображению, где слева показан код, а справа — отрисованная диаграмма с пустыми дочерними классами.)

Интерфейс VPasCode, отображающий базовую диаграмму классов PlantUML для электронной коммерции с пустыми дочерними классами Cash, Check и Credit.

Рисунок 1: Начальное состояние диаграммы классов в VPasCode. Обратите внимание на Cash, Check, и Credit классы не имеют конкретных атрибутов.

Шаг 1: Откройте меню ИИ

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

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

Интерфейс VPasCode, показывающий выпадающее меню ИИ с выбранными опциями «Изменить» и «Перевести».

Рисунок 2: Нажатие на выпадающее меню AI отображает варианты изменения или перевода кода диаграммы.

Шаг 2: Выберите опцию Изменить

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

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

Шаг 3: Опишите желаемые изменения

Это самый важный этап, на котором естественный язык заменяет ручное программирование. Вам не нужно знать точный синтаксис PlantUML для новых атрибутов; вы просто описываете, что хотите.

В окне AI Modify диалоговом окне, которое появится, введите описание на естественном языке о том, как вы хотите улучшить или изменить вашу диаграмму.
Пример запроса: «Добавьте несколько атрибутов к дочерним классам класса Payment на диаграмме классов»
Нажмите кнопку AI Modify для отправки вашего запроса.

Диалоговое окно изменения ИИ VPasCode, показывающее запрос на добавление атрибутов к дочерним классам класса Payment в диаграмме UML.
Рисунок 3: Диалоговое окно AI Modify. Пользователь вводит запрос на естественном языке (1) и запускает процесс (2).

Шаг 4: Просмотр улучшенной диаграммы

После отправки запроса движок VPasCode начинает работу. Он анализирует запрос, определяет целевые классы (Cash, Check, Credit) и внедряет соответствующие атрибуты и методы на основе стандартных знаний предметной области.

ИИ автоматически обработает ваше описание, обновит код и отразит добавленные классы, атрибуты или методы непосредственно в вашей визуальной диаграмме классов.
Результат: Как видно ниже, класс Cash теперь имеет cashTendered, класс Check имеет bankID и bankName, и Credit класс включает number и expDate. Код слева был обновлен, чтобы соответствовать визуализации справа.

Сгенерированная ИИ VPasCode диаграмма классов UML, показывающая обновлённые классы Cash, Check и Credit с новыми атрибутами и методами.

Рисунок 4: Уточнённая диаграмма. ИИ успешно заполнил дочерние классы соответствующими атрибутами и методами, обновив как код, так и визуальное представление.

Заключение

Интеграция ИИ в инструменты «Диаграмма как код», такие как VPasCode, представляет собой значительный скачок в производительности для архитекторов и разработчиков программного обеспечения. Следуя этому простому четырёхшаговому процессу, вы можете превратить скелетную диаграмму классов в подробный проектный документ за считанные секунды.

Возможность сказать «Добавить атрибуты к дочерним классам Payment» и наблюдать, как код и диаграмма обновляются одновременно, устраняет неудобства ручного редактирования синтаксиса. Независимо от того, моделируете ли вы сложную корпоративную систему или простое приложение, встроенный ИИ VPasCode гарантирует, что ваша документация развивается так же быстро, как и ваши идеи.

Готовы попробовать сами? Посетите VPasCode, чтобы начать мгновенно превращать ваш текст в профессиональные диаграммы.

Эта статья также доступна на English, Français, English, Bahasa Indonesia, Polski, Portuguese, Việt Nam and 繁體中文