大家好，我是徐小夕。今天想和大家分享一些我在技术领域的新发现。
一直以来，我都在社区分享零代码&低代码的技术实践，期间也设计并开发了几款可视化搭建产品，比如H5-Dooring、V6.Dooring、橙子试卷以及Nocode/WEP文档知识引擎等。
最近在研究低代码/零代码产品时，我发现了一款非常棒的可视化数据库设计工具——DrawDB。
DrawDB是一款开源的、简单易用、直观强大的在线数据库设计工具和SQL生成器，支持多种数据库。这款工具已经获得了15.4k的star，并且有上使用fork。
使用DrawDB，我们可以通过可视化的拖拽方式，轻松设计数据库的各种业务表，并且能一键导出SQL代码。这无疑为低代码/零代码产品提供了一个业务闭环的“小句号”。
接下来，我将带大家一起学习研究这个开源项目。在文章末尾，我会分享DrawDB的开源地址，方便大家参考。
最近我也在研究AI工作流相关的技术和产品规划，并计划近期上线两款新的搭建产品。《趣谈前端》的内容将会持续更新以下三个模块：可视化相关的精选开源项目分享、AI技术在Web产品中的应用以及自研产品和独立开发者的经验&干货分享。
关于DrawDB，它是一款在线数据库设计工具，支持多种数据库类型。通过简单的点击操作，我们可以实现如下功能：构建图表、导出SQL脚本以及自定义编辑器等，无需登录即可免费使用。
本地安装和使用也非常简单，我们可以通过npm的方法一键安装使用。接下来，我将为大家演示如何使用DrawDB构建数据库表。
我们需要选择一个数据库，DrawDB支持多种常用数据库，如MySQL和POSTGRESQL。在这里，我将以MySQL为例进行演示。
然后，我们可以通过可视化的方式创建数据表。在这里，我创建了两张表，分别是Dooring用户表和页面表，并建立了关联。大家可以根据实际情况设计自己的数据表关联。
设计好数据库和数据表之后，我们可以一键将SQL导出，非常高效。我觉得如果把这个流程和低代码绑定，甚至可以实现在线动态创建业务数据库。这只是其中一个应用场景，更多的能力还需要大家在这个开源项目中慢慢摸索。
在技术实现方面，DrawDB使用了许多先进的技术栈，包括用于处理JSON和SQL语言的编辑器支持、UI组件库、React组件、CodeMirror编辑器的特定主题等。这些技术栈共同构成了DrawDB的强大功能。
我想分享一下DrawDB的github地址：/drawdb-io/drawdb。如果大家对这个开源项目感兴趣，欢迎留言交流反馈。
未来，我将持续迭代Nocode/WEP项目，让它成为最好用的可视化+AI知识库。我也会持续分享H5-Dooring零代码搭建平台的迭代和更新。欢迎大家留言交流，共同推进技术的发展。
