一个网页搞定数据库 ER 图！一款开源数据库结构可视化编辑器！

大家好，我是 Java陈序员。

日常做业务开发、数据库设计时，梳理表关联、输出 ER 文档一直是不少后端、DBA 的重复性工作。传统建模工具要么收费臃肿，要么需要直连数据库存在数据安全隐患，跨库迁移脚本还要手动改写，费时费力。

今天，给大家介绍一款开源数据库结构可视化编辑器，无需安装客户端，通过网页即可操作，而且支持 AI 跨库转换 DDL 能力！

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

项目介绍

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

功能特色：

• 极简安全导入：内置各数据库专属查询脚本，执行后导出 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

快速上手

chartdb 支持使用 Docker 部署，可使用 Docker 快速部署。

1、拉取镜像

docker pull ghcr.io/chartdb/chartdb:latest

2、运行容器

docker run --name chartdb -d \
  -p 8080:80 \
  # AI API 地址
  -e VITE_OPENAI_API_ENDPOINT=https://api.deepseek.com \
  # AI API Key（填你自己的 sk 密钥）
  -e VITE_OPENAI_API_KEY=sk-xxxxxxxxxxxxxxxxxxxxxxxxxxxx \
  # AI 模型
  -e VITE_LLM_MODEL_NAME=deepseek-v4-pro \
  ghcr.io/chartdb/chartdb:latest

3、容器运行成功后，浏览器访问

http://{IP/域名}:8080

4、选择需要设计的数据库类型

5、选择 Smart Query、SQL Script、DBML 任一种方式即可生成数据库 ER 图

功能体验

• 数据库管理

• 数据表设计

• 数据表引用

• 视觉效果

• 导出

本地开发

项目依赖 Node.js 环境，需提前安装。

1、克隆或下载项目源码

git clone https://github.com/chartdb/chartdb.git

2、进入项目目录并安装依赖

cd chartdb

npm install

3、在项目根目录下新建 .env.local 文件，配置 AI 大模型信息（可选）

# API 地址
VITE_OPENAI_API_ENDPOINT=https://api.deepseek.com

# API Key
VITE_OPENAI_API_KEY=sk-xxxxxxxxxxxxxxxxxxxxxxxxxx

# 模型名称
VITE_LLM_MODEL_NAME=deepseek-v4-pro

4、启动服务

npm run dev

当控制台输出如下信息，说明服务已启动成功：

VITE v7.3.0  ready in 296 ms

➜  Local:   http://localhost:5173/
➜  Network: use --host to expose
➜  press h + enter to show help

5、服务启动成功后，浏览器访问

http://localhost:5173

总的来说，chartdb 作为一款轻量化的在线数据库建模工具，无需直连数据库、Schema 导入生成 ER 图的设计兼顾便捷与数据隐私，借助 AI 实现跨库 DDL 转换大幅降低迁移成本。如果你经常需要梳理数据表、写数据库文档、做库迁移，不妨试试 chartdb, 快去部署体验吧~

项目地址：https://github.com/chartdb/chartdb

最后

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

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

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

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

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

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

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

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

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

---