Web 端可用！3 款开源数据库 ER 图设计工具！

大家好，我是 Java陈序员。

做后端开发、系统设计时，数据库建模是绕不开的刚需工作。

传统的数据库设计工具普遍存在体积大、收费昂贵、兼容性差、部署复杂等问题，很难适配当下快速迭代的开发节奏。

今天给大家盘点三款 GitHub 上最火的开源数据库设计工具，不仅开源免费，而且可自托管、Web 端直接使用！

关注微信公众号：【Java陈序员】，获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。

drawdb

项目介绍

drawdb —— 一款免费、简单、直观的在线数据库实体关系图 (ERD) 编辑器和 SQL 生成器。无需创建帐户，只需点击几下即可构建图表、导出和导入 SQL 脚本等。

项目地址：

https://github.com/drawdb-io/drawdb

功能特色：

• 支持多种数据库类型： MySQL、PostgreSQL、SQLite、MariaDB、SQL Server、Oracle 等
• 数据库操作：提供了创建、导入、导出、保存、删除数据库图等功能
• 编辑功能：支持撤销、重做、复制、粘贴、删除等常见编辑操作
• 视图设置：可以调整视图，如显示网格、显示关系、调整主题、缩放等
• 自定义模板：允许用户保存和使用自定义模板

技术栈：React 18 + Vite + TailwindCSS

快速上手

项目提供了在线体验地址，可访问如下地址快速体验：

https://www.drawdb.app/editor

• 本地运行

# 克隆或下载项目源码
git clone https://github.com/drawdb-io/drawdb.git

# 进入项目目录并安装依赖
cd drawdb
npm install

# 运行启动
npm run dev

# 打包构建
npm run build

• Docker 运行

# 克隆或下载项目源码
git clone https://github.com/drawdb-io/drawdb.git

# 构建镜像
docker build -t drawdb .

# 运行容器
docker run -p 3000:80 drawdb

chartdb

项目介绍

chartdb —— 一款功能强大的基于 Web 的数据库表可视化编辑器，无需数据库账号密码即可生成数据库表关系图，支持 Docker 私有化部署，兼容 Open AI 等大模型实现 AI 建表、跨数据库 DDL 转换。

项目地址：

https://github.com/chartdb/chartdb

功能特色：

• 极简安全导入：内置各数据库专属查询脚本，执行后导出 Schema JSON，粘贴即可自动解析生成完整 ER 图
• 多数据库支持：支持广泛的数据库和云数据仓库，包括 PostgreSQL、MySQL、SQL Server、MariaDB、SQLite、ClickHouse、Oracle 等
• 交互式可视化编辑：提供直观的拖拽式界面，支持在画布上自由创建、管理表关系和增删改表结构，并支持撤销、重做、复制、粘贴等操作
• AI 智能助手：支持自定义大模型接口，内置 AI 翻译建表语句，一键实现跨库 DDL 转换
• 多格式导出：支持 PNG、SQL、DBML、JSON 格式导出，方便输出到数据库设计文档、版本留存

技术栈：React 18 + TypeScript + Tailwind CSS + Dexie.js + i18next

快速上手

项目提供了在线体验地址，可访问如下地址快速体验：

https://www.drawdb.app/editor

• 本地运行

# 克隆或下载项目源码
git clone https://github.com/chartdb/chartdb.git

# 进入项目目录并安装依赖
cd chartdb
npm install

# 运行启动
npm run dev

# 打包构建
npm run build

• Docker 运行

# 一键运行容器
docker run -e OPENAI_API_KEY=<YOUR_OPEN_AI_KEY> -p 8080:80 ghcr.io/chartdb/chartdb:latest

# 本地构建运行
## 克隆或下载项目源码
git clone https://github.com/chartdb/chartdb.git

## 构建镜像
docker build -t chartdb .

# 运行容器
docker run -e OPENAI_API_KEY=<YOUR_OPEN_AI_KEY> -p 8080:80 chartdb

dber

项目介绍

dber —— 一款基于实体连接图的数据库设计工具，支持可视化数据库结构设计、拖拽生成模型引用关系和一键导出 SQL 语句。

项目地址：

https://github.com/findyourmagic/dber

技术栈：SVG + Next.js(React) + DBML + ArcoDesign + Dexie(indexDB) + Soul CLI(sqlite db)

快速上手

• 本地运行

# 克隆或下载项目源码
git clone https://github.com/findyourmagic/dber.git

# 进入项目目录并安装依赖
cd dber
npm install

# 运行启动
npm run dev

# 启动成功后，浏览器访问
http://localhost:3000 

# 打包构建
npm run build

• Docker 运行

# 克隆或下载项目源码
git clone https://github.com/findyourmagic/dber.git

# 构建镜像
docker build -t dber .

# 运行容器
docker run -p 3000:3000 dber

# 或者使用 Docker compose 一键启动
docker-compose up -d

总结

综合来看，drawdb、chartdb、dber 三款都是浏览器端、开源免费、支持 Docker 私有化部署的数据库 ER 建模工具，但产品定位与侧重点差异明显。

• drawdb 属于全能均衡选手，可视化拖拽建模体验优秀，正向建表、DDL 导入逆向生成 ER 图、多数据库 SQL 导出、演示评审模式一应俱全，社区热度最高，适合新项目从零开始设计表结构，是通用场景下的首选工具。

• chartdb 最大亮点偏向存量数据库治理，逆向解析能力强悍，支持 DBML 文本建模、多人实时协作、AI 辅助生成脚本以及跨数据库迁移，更适合接手老旧项目、梳理复杂数据库结构的场景。

• dber 走极简轻量化路线，功能精简无冗余，数据全部保存在浏览器本地 IndexDB，不上传云端服务器，离线也可使用，隐私安全性高，适合快速绘制小型数据表结构，追求纯净简洁体验的开发者。

对比维度	drawdb	chartdb	dber
GitHub Star	39K+	16K+	较少（小众精品）
核心定位	全能型可视化建模	DDL 逆向出图 + AI 迁移	极简本地建模
DDL 导入生成 ER 图	✅ 支持	✅ 强项（智能查询）	❌ 不支持
SQL 生成导出	✅ 多方言	✅ AI 驱动	✅ 多方言
AI 能力	❌ 无	✅ GPT-4 / 自定义	❌ 无
DBML 支持	❌ 无	✅ 内置编辑器	✅ 支持
实时协作	❌ 无	✅ 支持	❌ 无
数据存储	浏览器本地	浏览器本地	纯浏览器本地（IndexDB）
自托管部署	✅ Docker	✅ Docker	✅ Docker
多语言	✅ 30+ 语言	✅	中文为主
UI 风格	现代精致	专业商务	极简清爽
开源协议	开源	AGPL-3.0	开源
适用场景	新项目数据库原型设计、需求评审	老项目梳理、复杂库逆向解析、跨库迁移	快速画简单 ER 图、注重本地隐私

可以说，这三款工具足以覆盖大部分后端开发的数据库设计场景，可以根据新项目开发、老项目逆向梳理、快速轻量建模等不同场景按需选择。感兴趣的小伙伴不妨上手体验一下~

最后

推荐的开源项目已经收录到 GitHub 项目，欢迎 Star：

https://github.com/chenyl8848/great-open-source-project

或者访问网站，进行在线浏览：

https://chencoding.top:8090/#/

我创建了一个开源项目交流群，方便大家在群里交流、讨论开源项目。

但是任何人在群里打任何广告，都会被 T 掉。

如果你对这个交流群感兴趣或者在使用开源项目中遇到问题，可以通过如下方式进群：

关注微信公众号：【Java陈序员】，回复【开源项目交流群】进群，或者通过公众号下方的菜单添加个人微信，并备注【开源项目交流群】，通过后拉你进群。

大家的点赞、收藏和评论都是对作者的支持，如文章对你有帮助还请点赞转发支持下，谢谢！

---