drawDB 1.7 介绍与选型指南

drawDB 1.7 介绍与选型指南：基于官方公开资料溯源的浏览器端数据库 ER 图编辑器解析——版本信息基准、React 前端与 IndexedDB 本地存储架构、可视化建模与 SQL 双向转换能力、官方快速上手路径、适用场景与限制，以及与 ChartDB、dbdiagram.io、drawSQL、MySQL Workbench 的量化选型对比。

drawDBdrawDBER 图SQL2026/10/19

drawDB 1.7 介绍与选型指南

目标：面向数据库设计与建模场景，基于官方公开资料（GitHub 官方仓库 drawdb-io/drawdb、官方站点 drawdb.app、官方文档）梳理 drawDB 的版本信息、架构与功能、快速上手路径与选型对比。本文为认知类介绍文档，全部信息均来自官方公开渠道溯源，未做本地安装与运行实测，查询日期为 2026-10-19。

一、信息基准

1.1 查询说明

  • 查询日期：2026-10-19。
  • 信息获取方式：纯官方公开资料溯源（官方站点 drawdb.app、GitHub 官方仓库 drawdb-io/drawdb 的 Tags/Releases 页、官方文档 drawdb-io.github.io/docs），本文不做本地安装与运行实测。
  • 版本结论：本次介绍的版本以官方仓库最新 tag v1.7.0（2026-06-06）为基准。需要说明的是，GitHub Releases 页面未发布正式 release 条目，版本锚点以官方 Tags 页为准；本站既有文档存在 v1.8.2 的版本口径，该编号未能在官方渠道核实，本文按诚实溯源原则采用官方 tag v1.7.0。

1.2 版本依据

项目实查结果（2026-10-19）来源
最新官方 tagv1.7.0（2026-06-06，提交 2065254，含 react-tweet 3.3.1、react-router-dom 6.30.4 等依赖升级）github.com/drawdb-io/drawdb/tags
前序 tagv1.5.0（2025-10-09，元素锁定/Monaco 编辑器/DBML 编辑器/捷克语等）、v1.4.0（2025-06-11，触屏支持）、v1.2.0（2024-07-25）github.com/drawdb-io/drawdb/tags
代码仓库drawdb-io/drawdb（JavaScript/React，创建于 2023-07-16）github.com/drawdb-io/drawdb
开源许可AGPL-3.0仓库 LICENSE
社区热度≈40k stars、3.3k forks（gstars.dev 2026-10-15 抓取 40,027；官方在线站点镜像页显示 39.5k/3.3k，口径量级一致）gstars.dev、drawdb 镜像页
自托管分发官方提供 ghcr.io/drawdb-io/drawdb 镜像用于自托管部署官方站点/官方仓库

1.3 官方来源清单

来源地址
官方站点https://drawdb.app/
源码仓库https://github.com/drawdb-io/drawdb
官方文档https://drawdb-io.github.io/docs/
快捷键文档https://drawdb-io.github.io/docs/shortcuts
自托管镜像ghcr.io/drawdb-io/drawdb

二、软件概述

本文介绍的是 drawDB v1.7.0（官方仓库最新 tag，2026-06-06）。

drawDB 是一款免费、开源的浏览器端数据库实体关系（ER）图编辑器：打开网页即可免注册使用，通过可视化拖拽方式设计表结构、字段与关系，并能在图与 SQL 之间双向转换。项目使用 JavaScript/React 构建，以 AGPL-3.0 许可发布，由 drawdb-io 组织维护，官方站点为 drawdb.app。

drawDB 在 GitHub 上拥有约 40k stars（gstars.dev 2026-10-15 抓取 40,027，2026-10-19 引用），是数据库建模工具赛道中社区关注度最高的开源项目之一。其核心卖点在于"零门槛"：无需安装桌面客户端、无需注册账号，绘图数据保存在浏览器本地（IndexedDB），同时保留自托管部署的选项。

三、核心架构

3.1 前端单页应用

drawDB 是纯前端单页应用（SPA），技术栈为 React 18 + Vite + Tailwind CSS 4（官方仓库 package.json 实查）。所有绘图、编辑、导出逻辑均在浏览器端完成，服务端只承担静态资源分发，因此官方在线版与自托管版在功能上保持一致。

3.2 浏览器本地数据层

绘图数据通过 Dexie 库持久化到浏览器 IndexedDB（官方仓库技术栈实查），无需账号体系即可保存多张图表。配合 PWA 能力可支持离线使用；数据随浏览器环境留存，导出（JSON/SQL/图片）即备份。

3.3 SQL 与 DBML 解析引擎

  • node-sql-parser：负责 DDL 语句的解析与生成，支撑"导入 DDL 反向生成图"与"从图导出建表语句"的双向转换。
  • @dbml/core：提供 DBML（Database Markup Language）支持，官方在 v1.5.0 中引入了 DBML 编辑器。
  • Monaco Editor：v1.5.0 引入的代码编辑器组件，用于 SQL/DBML 的编辑体验。

3.4 部署形态

官方提供两种获取方式：直接使用官方在线站点 drawdb.app；或基于官方发布的 ghcr.io/drawdb-io/drawdb 镜像自托管部署（官方站点与仓库口径）。自托管时应用仍为静态站点形态，配置与数据依旧留在使用者的浏览器中。

四、功能特性

4.1 可视化建模

支持表（字段、类型、默认值、注释）、关系连线、备注（notes）、主题分区（areas）等核心建模对象；内置模板库并支持自定义模板（官方站点能力清单）。编辑器提供撤销/重做、复制/粘贴、元素锁定等健壮的编辑能力，并配有问题检测（issue detection）帮助发现设计缺陷。

4.2 SQL 双向转换

  • 正向导出：从图中导出 DDL、JSON、图片等多种格式，并可生成迁移脚本（migration）（官方站点实查）。
  • 反向工程：粘贴或导入 DDL 即可解析生成 ER 图（官方站点实查）。
  • 方言覆盖：支持 MySQL、PostgreSQL、SQLite、MariaDB、SQL Server 五种关系库方言，并为对象关系库提供自定义类型支持（官方站点实查）。

4.3 呈现与协作辅助

提供演示模式（presentation mode）用于评审汇报，支持快捷键操作（官方快捷键文档）， diagrams 可导出图片用于文档与分享。社区渠道包括 Discord 与 X（官方站点页脚）。

4.4 版本线状态

v1.5.0（2025-10-09）带来了元素锁定、Monaco 编辑器、DBML 编辑器与多语言扩展；v1.7.0（2026-06-06）主要为依赖升级维护版本（官方 Tags 页实查）。整体节奏为不定期功能版本叠加依赖维护，项目处于持续活跃状态（仓库持续有提交）。

五、快速上手

以下路径转述自官方站点与官方文档，本文不做本地实测。

5.1 在线使用（零安装）

访问官方站点 https://drawdb.app/ 即可免注册开始绘图：新建空白图表或从模板库选择起点，拖拽添加表与关系，通过顶部工具栏切换方言并导出 DDL（官方站点使用流程）。

5.2 从既有库反向建模

在编辑器中选择导入 DDL 的入口，粘贴目标库的建表语句，drawDB 会解析生成对应的表与关系图；之后可继续可视化调整并重新导出目标方言 SQL（官方站点反向工程能力说明）。

5.3 自托管部署

官方在仓库与站点中提供自托管指引，并发布 ghcr.io/drawdb-io/drawdb 镜像用于部署私有实例；完整部署参数以官方仓库 README 为准：https://github.com/drawdb-io/drawdb 。

六、适用场景与限制

6.1 适用场景

  • 快速设计与评审表结构：教学、方案汇报（演示模式）、需求讨论中的草图级建模。
  • 遗留库反向工程：从现有 DDL 生成可读的 ER 图，辅助文档化与交接。
  • 多方言迁移预演：同一模型导出 MySQL/PostgreSQL/SQLite 等不同方言 DDL。
  • 本地优先的隐私场景：数据留存在浏览器 IndexedDB，不上传服务端。

6.2 限制与注意事项

  • 协作能力缺失：不支持多人实时协同编辑，团队共享依赖导出文件或各自访问同一自托管实例。
  • 数据留存依赖浏览器：IndexedDB 随浏览器与站点数据清理而丢失，重要图表需养成导出 JSON/SQL 的习惯。
  • 不连接真实数据库：drawDB 不做库内对象管理、不执行 SQL、不含数据浏览能力，定位是设计工具而非管理工具（如需连接库的元数据同步，需评估 ChartDB 等同类）。
  • AGPL-3.0 许可：二次开发并提供网络服务时需遵守 AGPL 条款，商业集成前应做合规评估。
  • 发版说明稀薄：官方不发布正式 Release 说明，版本追溯需依赖 Tags 与提交记录。

七、同类选型对比

7.1 候选概览

工具定位开源许可
drawDB 1.7浏览器端免费 ER 图编辑器，本地优先AGPL-3.0
ChartDB浏览器端 ER 图编辑器，Smart Query 导入与 AI 增强AGPL-3.0
dbdiagram.ioDBML 语法驱动的在线建模 SaaS闭源商业
drawSQL团队协作向在线建模 SaaS闭源商业
MySQL WorkbenchMySQL 官方桌面建模与管理工具GPL-2.0（社区版）

7.2 量化对比（2026-10-19 实查）

维度drawDB 1.7ChartDBdbdiagram.iodrawSQLMySQL Workbench
开源许可AGPL-3.0AGPL-3.0闭源商业闭源商业GPL-2.0 社区版
GitHub stars≈40k（gstars.dev 10-15 抓取 40,027）≈23k（shields.io）不适用（SaaS）不适用（SaaS）不适用（桌面软件）
最新版本v1.7.0（2026-06-06，官方 tag）1.20.1（本站 A1 口径）持续在线服务持续在线服务8.0.47 源码包（2026-04-02，downloads.mysql.com）
技术形态React 纯前端 + 可自托管React 纯前端 + 可自托管Web SaaSWeb SaaSC++ 桌面客户端
数据留存浏览器 IndexedDB浏览器 IndexDB云端云端本地文件
差异化能力五方言导出/迁移脚本/模板/演示模式Smart Query 导入、AI 辅助 DDL 导出DBML 语法驱动、分享链接团队协作与分享体验MySQL 官方生态正向/反向工程、实例管理

（stars 取自 gstars.dev 与 shields.io 公开口径；版本取自各项目官方发布渠道；许可取自各自仓库 LICENSE。）

7.3 选型建议

优先考虑零成本上手、数据本地留存与自托管自由度的，选 drawDB；需要连接真实数据库读取元数据或关注 AI 辅助建图的，可评估 ChartDB（参见《ChartDB 1.20.1 介绍与选型指南》）；团队习惯文本化建模、希望用代码管理 schema 的适合 dbdiagram.io 的 DBML 工作流；以团队协作分享为核心诉求的可以试 drawSQL；深度绑定 MySQL 且需要实例管理能力的，Workbench 仍是官方生态首选。drawDB 的具体操作可进一步参考本站实操文档《drawDB v1.8.2 快速入门（绘制 ER 图到导出 SQL）》（注意该文档为 v1.8.2 口径，界面功能与 v1.7 基本一致）。

八、参考链接