DBER：基于实体关系图（ER 图）的数据库设计工具
DBER 是一个用 ER 图可视化设计数据库结构的开源 Web 工具，支持拖拽创建表间关系，并可从图形导出 SQL 脚本；技术栈为 Next.js(React)、SVG、DBML、ArcoDesign 与 Dexie(IndexedDB)，可本地开发运行或通过 Docker 部署。
社区作者 · zZz
它解决什么问题
DBER（Database design tool based on entity relation diagram）是一个基于实体关系图（ER 图）的数据库设计工具，项目仓库地址为 https://github.com/findyourmagic/dber，并提供官方网站与在线 Demo 入口。
核心功能（来源 Features 章节）：
- 可视化设计数据结构（Design data structures Visually）；
- 通过拖拽创建实体之间的关系（Create relationships with drag and drop）；
- 从关系图中导出 SQL 脚本（Export SQL scripts from the graph）。
配图 1 为仓库提供的演示动图（dber.gif），用于展示该工具在画布上的实际操作效果。
技术栈（来源 Tech stack 章节）：SVG、Next.js(React)、DBML、ArcoDesign、Dexie(indexDB)。其中 SVG 用于图形绘制，Next.js(React) 为前端框架，DBML 为数据库建模描述语言，ArcoDesign 为 UI 组件库，Dexie 用于在浏览器 IndexedDB 中做本地数据存储。
使用方式（来源 Getting Started 章节）：支持本地开发模式、生产模式、静态页面导出，以及 Docker 镜像构建与容器运行，浏览器默认访问地址为 http://localhost:3000。
项目灵感（来源 Inspired by 章节）：受 dbdiagram 与 antv x6 启发。
许可证：来源正文未给出许可证信息，待核验（使用前请到仓库页面确认 LICENSE）。
适用对象：需要进行数据库表结构设计、评审与建模的开发人员、架构师与数据工程师；希望以图形化方式生成 SQL 建表脚本的团队；偏好本地/浏览器内建模工具的用户。
— 本文由 AI 根据公开来源辅助整理，命令、版本与许可证请在使用前到原始页面复核。
安装 / 开始使用
以下步骤来自来源 Getting Started 章节，按原文顺序整理：
一、准备环境
本地运行需要 Node.js 与 npm（或
yarn）；
- 若使用容器方式，需要 Docker 与 Docker Compose（原文给出 docker 与 docker-compose 两种方式）。
- 来源未说明 Node.js 的具体版本要求，待核验。
二、获取源码
- 克隆仓库或下载源代码（仓库地址：https://github.com/findyourmagic/dber）。
三、本地开发运行
- 安装依赖，任选其一：
npm install或
yarn install- 启动开发服务器，任选其一：
npm run dev或
yarn dev- 在浏览器中打开 http://localhost:3000 查看结果。
四、生产模式运行
步骤 5 · 运行：
npm run build && npm run start五、导出静态页面
步骤 6 · 运行：
npm run gen六、使用 Docker 构建与启动
- 构建 Docker 镜像：
docker build -t dber .步骤 8 · 使用 docker 或
docker compose 运行，任选其一：
docker run -p 3000:3000 dber或 docker-compose up -d
- 在浏览器中打开 http://localhost:3000 查看结果。
常见问题：来源未提供 FAQ、端口冲突处理、Node 版本兼容性等排查说明，待核验，可到仓库 Issues 中查找。
来源教程配图
