免费在线 ER 图编辑器

使用实体关系图设计数据库架构。使用简单的文本语法定义实体、属性和关系。

核心功能

定义实体和属性
显示关系和基数
支持一对多和多对多
可视化主键和外键
即时图表预览
导出为 SVG 或 PNG

常见使用场景

设计数据库架构
记录现有数据库
规划数据模型
可视化表关系
创建技术规范
教授数据库概念

ER 图示例

erDiagram
  客户 ||--o{ 订单 : 下单
  订单 ||--|{ 行项目 : 包含
  客户 {
    int id
    string 名称
  }
  订单 {
    int id
    date 创建日期
  }

试用此示例

为什么使用这个 ER 图编辑器？

我们的免费在线 er 图编辑器让你可以通过简单的文本语法轻松创建专业图表。无需安装 - 直接输入即可实时看到图表渲染结果。

该编辑器基于 Mermaid.js，提供即时预览、SVG/PNG 导出和 URL 分享能力。非常适合开发者、技术写作者、项目经理以及任何需要快速创建清晰专业图表的人。

如何创建ER 图

先从 ER 图对应的 Mermaid 关键字开始。
用清晰的名称定义主要元素。
用箭头或关系线连接各元素。
为决策、事件或条件添加标签。
将相关部分按分组或子图组织。
检查预览并修复语法错误。
保持布局与命名的一致性。
导出为 SVG/PNG，或通过 URL 分享。

ER 图最佳实践

每个图聚焦一个明确目标。
使用简短且清晰的标签。
保持命名规范一致。
突出关键路径。
将大型图拆分为更小模块。
补充边界情况和错误路径。
与团队一起评审图内容。
逻辑变化时及时更新图。

ER 图高级功能

自定义样式

使用主题变量和类定义，突出 ER 图中的重要部分。

分组与分段

按模块、团队或流程阶段组织 ER 图。

注释与说明

添加简短说明，记录规则、假设和设计决策。

可复用模式

复用常见片段，更快创建相似图表。

ER 图常见错误

⚠️节点或参与者命名含糊或重复。
⚠️关键连线缺少标签。
⚠️单个图中元素过多。
⚠️记法混用，缺乏一致性。
⚠️在需要时缺少开始或结束节点。
⚠️未展示错误或替代路径。
⚠️过度样式化影响可读性。
⚠️修改后未进行验证。

何时使用ER 图而非其他图表

ER 图适合用于清晰表达这一类视图。若要展示交互顺序，请使用时序图；若要展示状态变化，请使用状态图；数据建模请用 ER 图；时间规划请用甘特图。

常见问题

关于使用 Mermaid Viewer 和创建图表的常见问题