Open source · Pure front-end

把 SQL 建表语句, 一键翻译成 ER 图

基于 Chen 模型的在线 SQL / DBML 转换器。所有解析都在你的浏览器里发生,不上传、不登录、不计费。

试试拖动
加载中…
Why this tool

轻量、优雅,直接能用

01

Agent Skill 一键安装

npx skills add ystemsrx/sql_to_er 让 Agent 直接生成与审查 ER 图。

02

纯前端,打开即用

解析在你的浏览器里完成,SQL 不会被上传到任何地方。

03

同时支持 SQL 与 DBML

粘贴 CREATE TABLE 或 DBML Ref,自动识别并生成 Chen 模型。

04

AGPL 开源

代码完全开源,支持导出图片,欢迎 fork、提 issue、发 PR。

Try it out

两种输入,一种输出

切换标签看看不同格式,点「复制」然后粘到生成器里。

CREATE TABLE users (
    id INT PRIMARY KEY,
    username VARCHAR(255) NOT NULL,
    email VARCHAR(255) UNIQUE
);

CREATE TABLE posts (
    id INT PRIMARY KEY,
    author_id INT,
    title VARCHAR(255),
    FOREIGN KEY (author_id) REFERENCES users(id)
);
Table users {
  id INT [pk]
  username VARCHAR(255) [not null]
  email VARCHAR(255) [unique]
}

Table posts {
  id INT [pk]
  author_id INT
  title VARCHAR(255)
}

Ref: posts.author_id > users.id
粘到生成器左侧,点「生成 ER 图」即可。
How it works

从粘贴到完成,五步以内

或者安装 Agent Skill: npx skills add ystemsrx/sql_to_er

i.

打开生成器

在线使用,或本地运行 Vite 开发服务器。

ii.

粘贴代码

SQL 或 DBML 都行,编辑器带语法高亮。

iii.

生成图

右侧立刻出现 Chen 模型可视化。

iv.

手动微调

拖节点、双击改名、滚轮缩放。

v.

智能调整

复杂图形一键整理,几秒排整齐。

本地运行提示: 不能直接双击 sql2er.html。请执行 pnpm dev ,再访问 Vite 输出的 /sql2er.html 地址。
Shape semantics

Chen 模型四件套

i. 矩形 · 实体

对应数据库中的表

ii. 菱形 · 关系

对应表之间的外键关系

iii. 椭圆 · 属性

对应表中的列

id

iv. 下划线 · 主键

标识该属性为主键

Questions

你可能想知道的几件事

数据会上传到服务器吗?

不会。工具完全是纯前端的,所有 SQL 解析都在你的浏览器里完成。没有后端、没有日志,你粘贴的代码永远不会离开这个页面。

和标准 Chen 模型有什么差别?

为了自动化,工具默认用外键字段名作为菱形的标签,用表名 / 列名作为实体 / 属性。学术作业请双击图形改名,或改源 SQL 再重新生成。

我双击 sql2er.html 打不开?

源码需要 Vite 编译 TypeScript 并解析前端依赖。请执行 pnpm install && pnpm dev,然后访问 Vite 输出的 /sql2er.html 地址。静态部署请先 pnpm build,再服务 dist/

支持哪些 SQL 方言?

解析以 PostgreSQL 方言为主,同时兼容常见的 MySQL / SQLite CREATE TABLE 语法。外键无论写在列里还是尾部约束里都能识别。

Agent Skill 是什么?

它是给 AI Agent 使用的 sql2er 工具说明与命令封装。通过 npx skills add ystemsrx/sql_to_er 安装这个 Skill 后,Agent 可读取 schema、生成 ER 图、导出图片并审查样式。

Ready when you are

准备好把 SQL 变成图了吗?

浏览器里就能跑,不用注册,不用付费。

打开生成器
已复制