drawDB 浏览器端开源数据库 ER 图设计工具

drawDB**（Draw Database）**是一个基于浏览器的开源数据库实体关系（ER）图可视化设计与 SQL 生成工具。该工具无需注册账号、无需配置复杂后端，完全在浏览器端运行，极大地简化了数据库建模与文档化的流程。

一、平台属性与安全机制

1. 基本定位：drawDB 是一款基于浏览器的开源项目（协议为 AGPL-3.0），前端框架采用 React 构建。
2. 核心优势：免登录即用、零后端依赖，数据全部保存在本地浏览器 (IndexedDB/LocalStorage) 或支持导出私有文件保存与分享。
3. 安全性保障：极高。数据库架构（Schema）完全在客户端本地渲染和处理，不会上传至第三方服务器；支持通过 Docker 进行私有化部署以隔离环境。

二、核心功能模块

1. 可视化表设计与关系绘制：支持拖拽建模创建数据表及字段属性（主键/自增），鼠标操作即可连线建立外键约束并配置联动规则（如 ON DELETE CASCADE）。
2. SQL 双向转换能力：一键导出对应数据库的 DDL（建表语句）；或将已有的 SQL 脚本导入，自动反向推演生成可交互的关系图表。支持主流方言（MySQL/PostgreSQL 等）。
3. 架构管理与可视化增强：允许使用不同颜色区块对数据表进行分组 (Subject Areas)，并在画布上添加富文本便签用于业务逻辑标注。
4. 多格式导入与导出支持：图形结果可导出为 PNG、SVG（便于放入文档/PPT）；设计源文件可保存/加载 JSON 或 DBML 格式以便协作分享。

三、适用人群定位

1. 后端及全栈开发者：快速设计新项目数据库架构，直接获取并执行对应数据库的建表 SQL 脚本。
2. DBA 与系统架构师：梳理复杂业务关系网络，对现有遗留系统进行反向工程绘制以完善文档化管理。
3. 学生与教育人员：在学习或教学中直观理解主外键关联及数据库模型设计原理。
4. 技术文档撰写人与产品经理：快速生成清晰的架构图示并插入项目 Wiki、产品说明书等交付物中。

四、版本性质与获取渠道

1. 费用说明：完全免费且无任何功能限制。工具本身没有付费订阅方案，唯一“费用”仅发生在选择自建服务器（VPS/Docker）时的硬件成本上。
2. 官方主页/项目地址：使用入口网址为 https://www.drawdb.app；
3. GitHub 开源仓库位于 drawdb-io/drawdb。

五、核心操作流程指南

1. 新建架构与设计起点：打开官网点击 "Build for Free"，在顶部栏选择目标数据库类型（如 MySQL/PostgreSQL）以适配专属数据类型。
2. 绘制表结构及关联关系：使用工具栏 + Table 按钮创建新表并设置字段属性；按住某外键节点拖拽至目标主键即可完成连线与约束配置。
3. 导入现有 SQL 脚本生成图：点击顶部栏 Import SQL，粘贴已有数据库导出的建表语句，系统自动解析渲染为图表关系网（部分复杂对象除外）。
4. 保存成果并导出数据文件：设计完成后通过 Export 按钮选择导出方式；包括直接复制执行的 SQL、放入文档的高清图片 PNG/SVG、或用于恢复修改的 JSON 源文件。

六、注意事项与风险提示

1. 本地存储数据风险：架构图默认保存在浏览器缓存（IndexedDB）中，清理缓存或切换浏览可能导致丢失。建议重要设计务必点击 Export -> Save as JSON 下载本地副本。
2. 反向解析局限性说明：SQL 导入功能主要支持标准 DDL；若脚本包含大量复杂触发器、存储过程或非标准方言函数可能会导致图形生成失败。
3. 多人协作模式建议：平台目前侧重个人设计，如需团队同步使用 JSON 文件结合 Git 版本控制或自建私有化部署服务进行网络共享与数据隔离。