В Visual Paradigm мы постоянно расширяем границы технологии диаграмм как кода, чтобы помочь разработчикам, архитекторам программного обеспечения и техническим писателям легко обмениваться идеями по проектированию программного обеспечения. Сегодня мы рады объявить о важном улучшении Visual ParadigmVPasCode: нативная поддержка визуализации языков программирования в виде диаграмм классов UML!
Хотя VPasCode уже давно пользуется доверием для популярных языков описания диаграмм, таких как PlantUML и Mermaid, теперь вы можете вводить фактический исходный код приложения и мгновенно видеть его архитектуру в виде чистой, стандартизированной диаграммы классов UML. Мы внедряем поддержку для широкого спектра современных языков — включая Java, TypeScript, Go, Rust, C#, Python, C, C++, PHP, Ruby, Scala, Zig, Kotlin, Swift и Elixir.
В этом обновлении продукта мы уделяем особое вниманиеSwift—показывая вам, как разработчики iOS, macOS и кроссплатформенные разработчики на Swift могут мгновенно преобразовывать исходный объектно-ориентированный код в интуитивно понятные визуальные модели.
Что такое VPasCode?
Для тех, кто впервые знакомится с платформой,VPasCode (платформа Visual Paradigmплатформа диаграмм как кода) — это единая, основанная на браузере среда, разработанная для преобразования кода в четкие визуальные диаграммы. Она служит доступнымбесплатным редактором Swift и мгновенным движком отображения для разработчиков, предпочитающих текстовое моделирование ручному перетаскиванию элементов.
VPasCode объединяет поддержку в нескольких экосистемах визуализации, включая:
- Языки описания диаграмм и визуализации: PlantUML, Mermaid, Graphviz, Markmap, ECharts
- Структурированные форматы данных: JSON, YAML, XML, CSV, TOML
- Языки запросов баз данных: SQL
- Языки программирования: Swift, Java, TypeScript, Go, Rust, C#, Python, C, C++, PHP, Руби, Скала, Зиг, Котлин, Эликсир
Независимо от того, что вам нужно диаграммы последовательности, создание блок-схем, диаграммы сущность-связь (ERD), или модели архитектуры программного обеспечения модели архитектуры, VPasCode привносит эти форматы в единое рабочее пространство, основанное на браузере.
Как работает визуализация диаграмм классов UML из кода Swift
Визуализация кода Swift с помощью VPasCode проста. Интерфейс пользователя предлагает рабочее пространство с разделенным экраном: введите или вставьте свой код слева, а справа в режиме реального времени наблюдайте за автоматической генерацией диаграммы классов UML.
Вы можете начать использовать эту функцию двумя простыми способами:
- Введите или вставьте код: Просто скопируйте свой исходный код Swift непосредственно в панель кода слева.
- Перетащите и бросьте файлы: Перетащите любой
.swiftисходный файл непосредственно с вашего компьютера в окно редактора. VPasCode прочитает файл и мгновенно сгенерирует соответствующую диаграмму UML.
Поскольку VPasCode предлагает автоматическое определение кода, при вставке кода он автоматически распознает синтаксис Swift и отображает соответствующую диаграмму классов — никакой сложной ручной настройки не требуется.
Посмотрите, как это работает: пример объектно-ориентированного кода на Swift
Чтобы продемонстрировать, насколько точно VPasCode интерпретирует конструкции Swift — такие как классы, наследование, реализация протоколов, видимость членов и свойства — давайте рассмотрим классический пример объектно-ориентированного кода, включающий иерархию животных и контейнер зоопарка.
Пример кода на Swift:
protocol Playable {
func play()
}
class Animal {
var name: String = ""
private var age: Int = 0
init(name: String, age: Int) {
self.name = name
self.age = age
}
func makeSound() -> String {
return ""
}
func getInfo() -> String {
return "(name) is (age) years old"
}
}
class Dog: Animal, Playable {
private var breed: String = ""
init(name: String, age: Int, breed: String) {
self.breed = breed
super.init(name: name, age: age)
}
override func makeSound() -> String {
return "Woof!"
}
func play() {
print("(name) is playing fetch")
}
}
class Cat: Animal, Playable {
private var furColor: String = ""
init(name: String, age: Int, furColor: String) {
self.furColor = furColor
super.init(name: name, age: age)
}
override func makeSound() -> String {
return "Meow!"
}
func play() {
print("(name) is playing with yarn")
}
}
class Zoo {
var animals: [Animal] = []
func add(_ animal: Animal) {
animals.append(animal)
}
}
Когда код анализируется нашим онлайн-инструментом диаграмм Swift, VPasCode автоматически отображает связи:
- Интерфейс/протокол
Playableинтерфейс/протокол моделируется вместе с классами, которые его реализуют. - Стрелки обобщения наследования указывают от
DogиCatк базовому классуAnimalбазового класса. - Приватные (
-) и публичные (+) поля и методы визуально различаются. - Атрибуты коллекций, такие как
animals: [Animal]в классеЗооклассы анализируются на наличие ассоциаций.
Хотите протестировать и взаимодействовать с этой моделью в реальном времени? Вы можете открыть и редактировать этот фрагмент непосредственно в вашем браузере с помощью нашегоСсылка на интерактивный пример Swift UML.
Функции экспорта, обмена и повышения производительности
Преобразование кода в диаграммы — это лишь половина битвы; обмен этими знаниями с вашей командой разработчиков или встраивание их в документацию имеет не меньшее значение. VPasCode включает мощные встроенные инструменты, разработанные для современных рабочих процессов разработчиков:
- Экспорт в SVG и PNG: Скачайте созданные диаграммы классов в векторном формате (SVG) для четкого масштабирования в презентациях или в виде изображений высокого разрешения PNG для быстрого встраивания изображений.
- Копировать изображение в буфер обмена: Мгновенно скопируйте отрисованные диаграммы в буфер обмена вашей системы одним щелчком мыши, чтобы вставить их непосредственно в Slack, Microsoft Teams или в заявки Jira.
- Обмен по ссылкам без входа в систему: Обменивайтесь легковесными, состоятельными ссылками, которые непосредственно кодируют структуру вашей диаграммы в URL. Получатели могут мгновенно просматривать и взаимодействовать с вашими диаграммами, не создавая учетную запись и не входя в систему.
Расширенные возможности ИИ и интеграция с экосистемой
Помимо стандартного создания диаграмм, VPasCode функционирует как мощный инструмент следующего поколенияинструмент диаграмм как кода оснащенный функциями повышения производительности с поддержкой ИИ:
- Исправление ошибок кода с помощью ИИ: Если вы сталкиваетесь с синтаксическими ошибками при написании или редактировании кода диаграммы, просто нажмите«Исправить с помощью ИИ». Система автоматически исправляет нарушенный синтаксис, предоставляя подробные пошаговые объяснения различий, чтобы вы могли учиться на ошибках.
- Перевод диаграмм с помощью ИИ: Работаете с международными командами разработчиков? Используйте встроенную ИИ-переводчик для перевода текста меток, концепций переменных или комментариев на другие языки за считанные секунды.
- Интеграция с Visual Paradigm OpenDocs: Отправляйте готовые диаграммы непосредственно в Visual Paradigm OpenDocs для поддержания полной, живой документации архитектуры программного обеспечения.
Примечание: основные функции редактирования диаграмм, предварительный просмотр в реальном времени, экспорт в SVG/PNG и обмен по ссылкам — полностью бесплатные функции. Расширенные функции исправления ошибок и перевода с помощью ИИ доступны через Visual Paradigm Online Combo Edition (или выше) и Visual Paradigm Desktop Professional Edition (или выше с активным обслуживанием).
Попробуйте VPasCode уже сегодня
Независимо от того, нужен ли вам эффективный бесплатный редактор Swift для анализа незнакомых иерархий классов, интуитивно понятный онлайн-инструмент диаграмм Swift для обсуждений наставничества, или надежный инструмент диаграмм как кода для нескольких языковинструмент диаграмм как кода для технической документации, VPasCode всё покрывает.
Готовы превратить свой код Swift в визуальную архитектуру?
Запустите бесплатный редактор VPasCode прямо сейчас
Единая платформа вход в VPasCode: в категории «Разработчик» центра приложений.