用例图帮助团队解释人员与外部系统如何与系统提供的功能进行交互。现在，您可以在 Mermaid 中创建用例图，并在 VPasCode 中预览。这一新功能扩展了 VPasCode 的“图表即代码”支持，为您提供了一种用文本描述系统行为的新方式，而无需手动绘制每个元素。
已经使用 Mermaid 编写技术文档？现在您可以将 VPasCode 用作Mermaid 图表编辑器用于用例图，同时支持其他图表类型。如果您正在寻找一个免费用例图编辑器将 Mermaid 语法转换为可视化图表，请在VPasCode 编辑器.
新功能：Mermaid 用例图
VPasCode 此前已支持使用 PlantUML 编写的用例图。通过此次更新，您现在也可以使用 Mermaid 的usecase-beta语法，该语法在 Mermaid 12.0.0 及更高版本中可用。该语法用于表示参与者、用例、系统边界以及参与者与用例之间的关系。
此功能让您更容易将用例模型与其他 Mermaid 图表保持在同一文本工作流中。编辑源代码，渲染预览，并根据需求变化修订图表。
示例：ATM 系统用例图
下图展示了两个参与者及其可访问的 ATM 功能。系统边界将属于 ATM 系统的用例进行分组。
usecase-beta
direction LR
actor User("用户")
actor Technician("技术人员")
systemBoundary "ATM 系统"
Withdraw("取款")
Transfer("转账")
Deposit("存款")
SettleBills("结算账单")
Repair("维修 ATM")
end
User --> Withdraw
User --> Transfer
User --> Deposit
User --> SettleBills
Technician --> Repair在此，actor用于声明与系统交互的人员，每个命名的用例代表一个功能。systemBoundary将这些功能归类到 ATM 系统下。箭头表示每个参与者可以访问哪些功能，而direction LR要求采用从左到右的布局。
为什么使用 Mermaid 绘制用例图？
当您希望模型能够与需求、文档或代码同步轻松修订时，基于文本的图表非常实用。您无需手动调整图形位置，只需在源代码中修改标签、添加参与者或更新关系即可。这使得 Mermaid 既适用于早期设计讨论，也适用于在系统演进过程中保持图表的时效性。
用例图可帮助产品经理、业务分析师、开发人员、架构师和利益相关者构建对系统范围的共同理解。它们能更轻松地讨论诸如以下问题：
- 谁与系统交互？
- 系统提供哪些功能？
- 每个参与者可以使用哪些功能？
- 系统范围的起点和终点在哪里？
VPasCode：浏览器中的图表即代码编辑器
VPasCode 是面向开发人员、架构师和技术团队的在线图表即代码平台。它能在编辑器及实时预览中，将支持的基于文本的图表语言和结构化数据转换为可视化图表。其设计旨在让用户在图表源代码与渲染结果之间轻松切换。
开始使用时，只需在编辑器中粘贴或编写您的图表代码。VPasCode 会自动检测支持的格式，因此无需手动选择语言。编辑时，预览会实时更新，帮助您发现变化并优化图表。
除了 Mermaid，VPasCode 还支持 PlantUML 以及其他图表和可视化格式，包括 D2、Graphviz、Markmap 和 ECharts。它还兼容结构化数据格式和编程语言。这使得它成为多符号系统文档团队的理想单一工作区。
不止于实时预览
VPasCode 包含图表渲染后使用的实用工具：
- 分享图表：创建可共享的 URL、生成二维码，或通过支持的社会化渠道进行分享。
- 导出图片：将图表导出为 SVG 或 PNG 格式，用于文档、演示文稿及其他材料。
- 使用 AI 修复语法：在拥有相应高级功能权限的情况下，可使用“AI 修复”功能修复语法错误，并查看代码差异及变更说明。
- 翻译图表标签：高级 AI 功能可直接在编辑器中将图表文本翻译为其他语言。
- 将图表发送至 OpenDocs：在拥有相应高级访问权限的情况下，可将图表发送至 Visual Paradigm OpenDocs，用于技术文档。
核心编辑、实时渲染、图片导出和分享功能免费使用。AI 功能与 OpenDocs 集成需通过符合条件的 Visual Paradigm 计划获取。如需了解平台的更多信息，请访问VPasCode 功能概览.
在 VPasCode 中尝试 Mermaid 用例图
无论您是在映射 ATM 服务、描述在线结账流程，还是记录软件产品的参与者与功能，VPasCode 都为您提供了一个便捷的编写和预览图表的场所。可将其用作免费的用例图编辑器以支持 Mermaid 语法，或作为Mermaid 图表编辑器以实现更广泛的图表即代码工作流。
打开 VPasCode 并创建一个 Mermaid 用例图. 要了解其支持的格式和功能，请参阅VPasCode 概述.