开源免费！一个在线的数据库实体关系绘图工具！
<p>大家好，我是 <code>Java陈序员</code>。</p><p>之前，给大家介绍过一款基于实体连接图的数据库设计工具。</p>
<p>可视化！一款基于实体连接图的数据库设计工具！</p>
<p>今天，给大家介绍一个同款的在线数据库实体关系绘图工具。</p>
<blockquote>
<p>关注微信公众号：【Java陈序员】，获取<strong>开源项目分享、AI副业分享、超200本经典计算机电子书籍等。</strong></p>
</blockquote>
<h2 id="项目介绍">项目介绍</h2>
<p><code>drawDB</code> —— 一个开源免费的在线数据库图表编辑器，通过鼠标拖拽可视化设计数据库，并支持直接导出 SQL 脚本，是开发必备的一款高效工具。</p>
<p><img src="https://create-center.oss-cn-shenzhen.aliyuncs.com/drawDB/img-20250419230229.png"></p>
<p><strong>功能特色</strong>：</p>
<ul>
<li>支持多种数据库类型： MySQL、PostgreSQL、SQLite、MariaDB、SQL Server、Oracle 等</li>
<li>数据库操作：提供了创建、导入、导出、保存、删除数据库图等功能</li>
<li>编辑功能：支持撤销、重做、复制、粘贴、删除等常见编辑操作</li>
<li>视图设置：可以调整视图，如显示网格、显示关系、调整主题、缩放等</li>
<li>自定义模板：允许用户保存和使用自定义模板</li>
</ul>
<h2 id="功能体验">功能体验</h2>
<p>1、在开始使用 <code>drawDB</code> 时，需要先选择数据库类型，目前支持多种数据库</p>
<p><img src="https://create-center.oss-cn-shenzhen.aliyuncs.com/drawDB/img-20250420163235.png"></p>
<p>2、选择好数据库后，就可以开始设计表，点击<strong>添加表</strong></p>
<p><img src="https://create-center.oss-cn-shenzhen.aliyuncs.com/drawDB/img-20250420163437.png"></p>
<p>3、选择左侧的表信息，编辑修改表名、注释等信息</p>
<p><img src="https://create-center.oss-cn-shenzhen.aliyuncs.com/drawDB/img-20250420163749.png"></p>
<p>4、点击<strong>添加索引、添加字段</strong>开始编辑表字段信息</p>
<p><img src="https://create-center.oss-cn-shenzhen.aliyuncs.com/drawDB/img-20250420164024.png"></p>
<p>5、依葫芦画瓢，依次设计表结构信息</p>
<p>6、当设计好表结构后，可以添加关联关系，连接对应表字段信息</p>
<p><img src="https://create-center.oss-cn-shenzhen.aliyuncs.com/drawDB/img-20250420165440.png"></p>
<p>7、当整个数据库的表信息都设计好后，可以导出 SQL 脚本进行初始化</p>
<p><img src="https://create-center.oss-cn-shenzhen.aliyuncs.com/drawDB/img-20250420165647.png"></p>
<blockquote>
<p>除了支持导出为 SQL 源代码外，还支持导出为图片、Markdown 等格式。</p>
</blockquote>
<p>8、反向工程：也支持导入已有的 DDL 脚本快速生成可视图</p>
<p><img src="https://create-center.oss-cn-shenzhen.aliyuncs.com/drawDB/img-20250420170041.png"></p>
<p>9、进行分享：工具支持生成分享链接，方便团队协作</p>
<p><img src="https://create-center.oss-cn-shenzhen.aliyuncs.com/drawDB/img-20250420165934.png"></p>
<p>10、<code>drawDB</code> 还提供了内置模板、代办事项等功能</p>
<p><img src="https://create-center.oss-cn-shenzhen.aliyuncs.com/drawDB/img-20250420170324.png"></p>
<h2 id="快速上手">快速上手</h2>
<h3 id="本地开发">本地开发</h3>
<blockquote>
<p>依赖 Node.js 环境。</p>
</blockquote>
<pre><code class="language-bash">## 1、克隆代码
git clone https://github.com/drawdb-io/drawdb
## 2、进入项目目录
cd drawdb
## 3、安装依赖
npm install
## 4、启动项目
npm run dev
## 5、浏览器访问
http://localhost:5173
</code></pre>
<h3 id="构建项目">构建项目</h3>
<ul>
<li>命令构建</li>
</ul>
<pre><code class="language-bash">## 在项目目录下执行如下命令，打成 dist 包
npm run build
</code></pre>
<ul>
<li>Docker 构建</li>
</ul>
<pre><code class="language-bash">## 打包镜像
docker build -t drawdb .
## 运行容器
docker run -p 3000:80 drawdb
</code></pre>
<p><code>drawDB</code> 提供了在线设计数据库表的能力，开箱即用，是开发必备的一款效率工具，快去体验试试吧~</p>
<pre><code class="language-bash">项目地址：https://github.com/drawdb-io/drawdb
</code></pre>
<h2 id="最后">最后</h2>
<p>推荐的开源项目已经收录到 <code>GitHub</code> 项目，欢迎 <code>Star</code>：</p>
<pre><code>https://github.com/chenyl8848/great-open-source-project
</code></pre>
<p>或者访问网站，进行在线浏览：</p>
<pre><code>https://chencoding.top:8090/#/
</code></pre>
<p><img src="https://chen-coding.oss-cn-shenzhen.aliyuncs.com/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20240629100336.png"></p>
<p><strong>我创建了一个开源项目交流群，方便大家在群里交流、讨论开源项目</strong>。</p>
<p><strong>但是任何人在群里打任何广告，都会被 T 掉</strong>。</p>
<p><strong>如果你对这个交流群感兴趣或者在使用开源项目中遇到问题，可以通过如下方式进群</strong>：</p>
<p><strong>关注微信公众号：【Java陈序员】，回复【开源项目交流群】进群，或者通过公众号下方的菜单添加个人微信，并备注【开源项目交流群】，通过后拉你进群</strong>。</p>
<blockquote>
<p>大家的点赞、收藏和评论都是对作者的支持，如文章对你有帮助还请点赞转发支持下，谢谢！</p>
</blockquote>
<hr><br><br>
来源：https://www.cnblogs.com/codechen8848/p/18839558
頁:
[1]