Zolkit

ER 图

使用 Mermaid 语法在线创建 ER 图，清晰展示数据库表结构和实体关系，支持导出 SVG/PNG。

预览

在左侧输入 Mermaid 代码以查看预览

实体关系图（Entity-Relationship Diagram，ER 图）是数据库设计的基础工具，用于描述数据实体、属性及其相互关系。Mermaid 的 erDiagram 语法支持实体定义（含字段类型和主键/外键标注）和关系描述（一对一、一对多、多对多）。在后端开发、数据库架构评审和 API 文档撰写中，ER 图能帮助开发者和 DBA 快速对齐数据模型。相比 MySQL Workbench 或 DBeaver 等 GUI 工具，Mermaid ER 图以纯文本存储，便于在 Confluence、Notion 或 GitHub Wiki 中嵌入维护。典型应用场景：电商系统用户-订单-商品关系、博客系统文章-标签-评论关系、SaaS 多租户数据模型设计。

相关图表

← Mermaid 图表生成器类图流程图时序图

为什么选择 Zolkit Mermaid 图表生成器？

Zolkit Mermaid 图表生成器是一款纯浏览器工具，无需注册账号、无需安装插件，代码即图，所见即所得。支持 10 种 Mermaid 图表类型，从软件架构图到项目计划甘特图，一键导出 SVG 矢量图或 PNG 位图，满足文档、演示和代码仓库的各种需求。

实时预览

边输入边渲染，无延迟反馈，帮助你快速验证图表语法。

10 种图表类型

支持流程图、时序图、类图、ER 图、甘特图、状态图、思维导图、Git 图、饼图和时间线。

导出 SVG 和 PNG

SVG 无损缩放，PNG 适合截图插入文档，满足不同使用场景。

内置代码示例

每种图表类型均内置可运行示例，一键加载，快速上手。

完全在浏览器中运行

代码和图表数据不离开你的设备，无隐私泄露风险。

免费无限制使用

无需注册，无使用次数限制，随时随地使用。

如何使用

  1. 1

    在左侧代码框中输入或粘贴 Mermaid 语法，右侧即时显示图表预览。

  2. 2

    点击「加载示例」快速获取各图表类型的标准代码模板。

  3. 3

    图表满意后，点击「导出 SVG」或「导出 PNG」保存图表，或点击「复制 SVG」直接粘贴到你的项目中。

常见问题

如何标注主键（PK）和外键（FK）？

在字段定义后添加 PK 或 FK 标注：int id PK，string userId FK，Mermaid 会自动显示对应的图标。

关系符号如何读取？

|| 表示恰好一个，|{ 表示一或多，}{ 表示零或多，|o 表示零或一。例如 USER ||--o{ ORDER 表示一个用户对应零到多个订单。

ER 图可以生成 SQL 吗？

Mermaid ER 图本身不支持生成 SQL，但可作为数据库设计文档。你可以根据 ER 图手动编写 DDL，或使用 DBDiagram.io 等工具实现 ER 图到 SQL 的转换。

如何处理多对多关系？

Mermaid ER 图支持多对多关系（}|--|{），通常建议引入中间关联表（如 ORDER_ITEM）来明确表示多对多关系及其附加属性。