de_DEen_USes_ESfa_IRfr_FRhi_INid_IDjapt_PTru_RUvizh_CNzh_TW

轻松优化 UML：使用 VPasCode 嵌入式 AI 修改类图的逐步指南

引言

在现代软件工程领域，“以代码绘制图表”（DaC）方法彻底改变了我们记录系统架构的方式。VPasCode由 Visual Paradigm 开发，VPasCode 是一个统一的基于浏览器的平台，支持 PlantUML、Mermaid 和 Graphviz 等多种语法。虽然编写代码生成图表具有精确性，但手动更新复杂结构（例如为多个子类添加属性）可能非常繁琐。

VPasCode 基于 AI 的图表即代码工作流，对比手动编码与对话式 UML 类图优化。

这正是VPasCode 的嵌入式 AI大放异彩。通过将自然语言处理直接集成到编辑器中，VPasCode 使开发人员能够通过对话方式优化其可视化模型。本指南将探讨如何利用“AI 修改”功能，即时更新UML 类图，在无需离开工作区的情况下，弥合文本代码与可视化设计之间的差距。

核心概念

在深入步骤之前，了解所涉及的核心技术会有所帮助：

  • 以代码绘制图表（DaC）：一种通过文本源代码生成图表而非手动用鼠标绘制的方法。这确保了图表可版本控制且易于复现。
    VPasCode：支持 PlantUML、Mermaid 等的统一图表即代码工具

  • PlantUML：一款流行的开源工具，使用简单的文本描述来创建 UML 图表。在下例中，PlantUML 语法定义了诸如客户, 订单和支付.

  • 嵌入式 AI 修改：与需要反复复制粘贴代码的外部 AI 工具不同，VPasCode 的嵌入式 AI 能够理解当前文件的上下文。它会解析现有的 PlantUML 代码，应用您请求的更改（例如添加属性），并自动重写代码。

  • 实时渲染：VPasCode 提供分屏视图，左侧代码的更改会立即反映在右侧的可视化图表中，确保即时反馈。

逐步指南：使用 VPasCode 嵌入式 AI 优化类图

在 VPasCode 中无需外部工具即可快速便捷地优化类图，只需通过内置的 AI 功能，经过几个简单步骤即可完成。

起点

假设您已使用 PlantUML 定义了一个基础的电子商务类图。您拥有一个Payment类，其下有三个子类：Cash, Check，以及Credit。目前，这些子类均为空壳，仅从父类继承。

（注：在实际界面中，这对应于提供的第一张图片，左侧显示代码，右侧显示渲染后的类图，其中子类为空。）

VPasCode 界面显示一个基础电商 PlantUML 类图，其中包含空的 Cash、Check 和 Credit 子类。
图 1：VPasCode 中类图的初始状态。请注意，Cash, Check，以及Credit类缺乏具体属性。

步骤 1：打开 AI 菜单

要开始优化过程，请在编辑器界面中找到 AI 控件。

  • 点击AI下拉按钮，该按钮位于代码编辑器左上方的区域。此菜单是您进行智能图表操作的入口。

VPasCode 界面显示 AI 下拉菜单，已选择“修改”和“翻译”选项。

图 2：点击 AI 下拉菜单可显示修改或翻译图表代码的选项。

步骤 2：选择“修改”选项

AI 菜单根据您的不同需求提供多种功能。如需进行结构变更，请使用“修改”功能。

  • 在 dropdown 菜单中，点击Modify选项，其旁边带有 AI 图标。这表示您打算修改现有图表的逻辑和结构，而非从头生成新内容。

步骤 3：描述所需的更改

这是最关键的一步，自然语言取代了手动编码。您无需了解新属性的确切 PlantUML 语法，只需描述您的需求即可。

  • 在AI 修改对话框中，输入自然语言描述，说明您希望如何优化或更改您的图表。

  • 示例提示： “在类图中为 Payment 类的子类添加一些属性”

  • 点击AI 修改按钮以提交您的请求。

VPasCode AI 修改对话框，显示提示以在 UML 图中为 Payment 类的子类添加属性。图 3：AI 修改对话框。用户输入自然语言提示（1）并触发处理流程（2）。

步骤 4：查看优化后的图表

提交提示后，VPasCode 引擎开始工作。它分析请求，识别目标类（现金, 支票, 信用卡），并根据标准领域知识注入相关属性和方法。

  • AI 将自动处理您的描述，更新代码，并在您的可视化类图中直接反映新增的类、属性或方法。

  • 结果：如下所示，现金类现在包含cashTendered，支票类包含bankID和银行名称，以及信用类包含编号和有效期。左侧的代码已更新以匹配右侧的可视化效果。

VPasCode 生成的 UML 类图，显示已更新的 Cash、Check 和 Credit 类，包含新属性和方法。

图 4：优化后的图表。AI 已成功为子类填充了相关属性和方法，同时更新了代码和可视化表示。

结论

将 AI 集成到 VPasCode 等“代码即图表”工具中，为软件架构师和开发人员带来了生产力的显著提升。通过遵循这个简单的四步流程，您可以在几秒钟内将骨架类图转化为详细的设计文档。

只需说出“为 Payment 的子类添加属性”并观察代码和图表同步更新，从而消除了手动编辑语法的摩擦。无论您是在建模复杂的企业关系系统还是简单的应用程序，VPasCode 内置的 AI 都能确保您的文档与您的想法同步演进。

准备好亲自尝试了吗？访问VPasCode即可立即开始将您的文本转化为专业图表

Visual Paradigm VPasCode 参考文章与资源

以下是精选的关于 Visual Paradigm VPasCode（一个统一的文本转图表平台）的文章和资源列表。这些资源经过组织，旨在帮助您了解其核心功能、AI 特性以及生态系统集成。

核心指南与功能概览

  1. Visual Paradigm VPasCode 综合指南：一本基础指南，解释“代码即图表”（DaC）理念、其多引擎架构（PlantUML、Mermaid、Graphviz）以及核心的双面板编辑器界面。

  2. 掌握 VPasCode：AI 驱动代码即图表的终极指南：深入教程，介绍如何利用 AI 驱动的功能，包括用于自然语言转图表的 AI 聊天机器人，以及如何将 AI 生成的图表直接导入 VPasCode 编辑器。

  3. VPasCode 深度解析：在一个平台中统一 Mermaid、PlantUML 与 AI：本文对平台支持 Mermaid、PlantUML 和 Graphviz 的技术细节进行了深入剖析，包含详细的功能对比和实际用例。

快速入门与实践指南

  1. 60 秒快速入门指南 | VPasCode 文本转图表指南：使用云原生编辑器，在不到一分钟的时间内创建、自定义并分享您第一个图表的分步教程。

  2. 从代码到清晰：VPasCode 与 OpenDocs 无缝绘图的初学者指南: 创建逼真图表（序列图、C4 模型、类图）的实用指南，并通过 Pipeline 集成将图表从 VPasCode 发送至 OpenDocs 文档。

集成与生态系统

  1. 无缝连接图表绘制与文档：VPasCode 与 OpenDocs 集成: 宣布直接 Pipeline 集成，详细说明如何通过“发送至 OpenDocs Pipeline”将图表转化为动态文档。”

  2. 通过 OpenDocs 将代码化图表无缝连接至文档: 解释 VPasCode 如何作为图表创建与文档之间的桥梁，通过实现即时更新解决图表过时的难题。

AI 功能与案例研究

  1. Visual Paradigm – AI 驱动的可视化建模: 展示 Visual Paradigm 更广泛的 AI 生态系统，其中包含专门介绍 VPasCode 的部分，涵盖其从文本生成图表的能力以及 AI 错误修复功能。

  2. VPasCode 新功能概览——发布功能汇总: 发布功能汇总，重点介绍关键特性：多语法支持、AI 代码错误修复、面向全球团队的 AI 翻译以及 OpenDocs 集成。

  3. 案例研究：通过 VPasCode 加速软件架构文档编制: 一项案例研究，展示 VPasCode 如何通过自动化布局、AI 生成和统一引擎支持加速软件架构文档的编制。

官方产品页面

  1. Visual Paradigm VPasCode：统一的图表即代码平台: 官方产品功能页面，详细介绍支持的图表类型（PlantUML、Mermaid、Graphviz）、核心技术能力以及常见问题解答。

  2. VPasCode 官方文档与在线体验平台: 访问免费 VPasCode 在线体验编辑器、官方文档以及平台最新更新的中心枢纽。