可视化！一款根据实体衔接图的数据库规划东西！
我们好，我是 Java陈序员。
之前，给我们引荐过几款数据库文档相关的实用东西。
永不生锈的螺丝钉！一款简练好用的数据库表结构文档生成器
功率神器！一款便利、便利的数据库文档查询、导出东西！
今日，给我们介绍一款可视化的数据库结构规划东西！
重视微信大众号：【Java陈序员】，获取开源项目共享、AI副业共享、超200本经典计算机电子书籍等。
项目介绍
dber —— 一款根据实体衔接图的数据库规划东西。支撑可视化数据库结构规划，拖拽生成模型引证联系和一键导出 SQL 句子。
技能栈：
- SVG
- Next.js(React)
- DBML
- ArcoDesign
- Dexie(indexDB)
- Soul CLI(sqlite db)
功用体会
数据库办理：dber 支撑创立多张数据库表结构联系图，一张图表可代表一个数据库。
数据表模型：数据表模型支撑经过可视化界面修改创立，或许是经过 SQL 脚本进行导入。
相相联系：在杂乱的事务逻辑中，常常涉及到不同表直接的相相联系，1对1、一对多、多对一等联系能够在图表中进行相关展现，便利了解。
一键导出 SQL：数据库表结构在界面规划好后，支撑一键导出 SQL 句子，便利履行初始化数据库。
版别记载：在实际操作中，因为误操作或许其他原因，需要回滚版别，可在版别记载中回退到对应的版别。
计算功用：dber 支撑计算图表（数据库）中有多少张张表，以及每张表中有多个字段，并支撑排序、查找功用。
暗黑形式：dber 还支撑暗黑形式，而且每个数据表模型可定义不同的色彩主题。
演示操作 Gif
快速上手
本地运转
1、克隆代码
git clone https://github.com/findyourmagic/dber.git
2、装置依靠
npm install
# or
yarn install
3、发动开发服务
npm run dev
# or
yarn dev
4、运用阅读器翻开 http://localhost:3000
出产布置
1、构建服务
npm run build && npm run start
2、导出静态页面
npm run gen
3、Nginx 装备
server {
listen 80;
server_name dber.local.yes-hr.com;
root /{you_projects}/dber/out;
index index.html;
location /graphs {
try_files $uri $uri.html /graphs/[id].html;
}
}
Docker 布置
1、构建 Docker 镜像
docker build -t dber .
2、用 Docker 发动服务
docker run -p 3000:3000 dber
3、或许用 Docker Compose 发动服务
docker-compose up -d
4、运用阅读器翻开 http://localhost:3000
dber 作为一款可视化的数据库结构规划东西，能够说非常优异！
在项目的开端阶段，能够用来规划数据库表结构，后期能够用来保护以及快速上手把握项目。最重要的是，如果有多个项目，能够统一办理数据库表。
快去装置体会吧~
项目地址：https://github.com/findyourmagic/dber
最终
引荐的开源项目现已收录到 GitHub 项目，欢迎 Star：
https://github.com/chenyl8848/great-open-source-project
或许拜访网站，进行在线阅读：
https://chencoding.top:8090/#/
我们的点赞、保藏和谈论都是对作者的支撑，如文章对你有协助还请点赞转发支撑下，谢谢！
