drawdb-io

drawdb-io / drawdb

#10
36,2972,837+95 todayJavaScript

免费、简单、直观的在线数据库图表编辑器与SQL生成器。

drawDB是一款基于浏览器的免费数据库图表编辑器与SQL生成工具,无需注册即可使用。该项目允许用户通过直观的拖拽界面快速绘制数据库实体关系图,并支持多种主流数据库,包括PostgreSQL、MySQL、SQL Server、SQLite、Oracle和MariaDB。核心功能包括从图表一键生成对应的SQL建表脚本,以及将现有SQL脚本反向解析为可视化图表。所有操作均在本地浏览器中完成,数据通过IndexedDB存储,保障了隐私与便捷性。项目采用React和TailwindCSS构建,界面简洁现代。无论是数据库设计初学者进行学习与原型设计,还是开发人员在日常工作中快速文档化数据库结构,drawDB都能提供一个高效、直观的解决方案。

💡 应用场景

最适合需要快速、可视化地设计或理解数据库结构,并生成标准化SQL的场景。

快速设计数据库原型

问题:开发者在项目初期需要快速设计数据库表结构,但手动编写SQL或使用复杂工具效率低下。

方案:使用drawDB的拖拽式界面,直观地创建表和定义字段、关系,系统会自动生成对应的SQL脚本。

示例:在构思一个博客系统时,可以直接画出用户、文章、评论表及其关系,并导出PostgreSQL的建表SQL。

可视化现有数据库结构

问题:接手一个遗留项目时,数据库文档缺失,难以理解表之间的关系和业务逻辑。

方案:将已有的SQL脚本导入drawDB,它会自动解析并生成可视化的实体关系图(ERD),帮助理清结构。

示例:拿到一个老项目的SQLite数据库创建脚本,导入后生成图表,快速掌握核心表如`orders`和`customers`的关联。

生成多数据库SQL

问题:项目需要支持多种数据库(如MySQL、PostgreSQL、SQLite),手动适配不同SQL方言工作繁琐且易出错。

方案:在drawDB中设计一次图表,即可选择不同数据库类型(如MariaDB、Oracle、SQL Server)并导出对应的标准SQL脚本。

示例:设计好电商平台的ERD后,分别导出用于本地开发的SQLite脚本和用于线上部署的PostgreSQL脚本。

无账号协作与分享

问题:团队需要临时讨论或评审数据库设计,但不想注册账号或安装复杂软件。

方案:drawDB无需创建账户即可在线使用,并可配置分享功能(需部署服务端),方便通过链接共享图表进行评审。

示例:在团队站会上,快速打开一个drawDB图表链接,共同讨论是否需要在`products`表中添加新字段。

📊 项目信息

语言
JavaScript
Stars
36,297
Forks
2,837
今日新增
+95
排名
#10
收录
总榜
趋势日期
2026年2月10日
最后推送
2026/2/7

🏷️ 标签

ReactTailwindCSS数据库设计SQL生成在线编辑器免费易用无需注册数据库开发者

📸 截图

drawdb screenshot 1drawdb screenshot 2