开发者工具数据库数据建模
ChartDB 中文数据库关系图编辑器
ChartDB 中文数据库关系图编辑器源码与真实运行演示，支持浏览、编辑和导出数据库表关系图。
交付包含固定版本 React/Vite 源码、AGPL-3.0 许可证以及四张真实运行截图。演示中加载了员工、门店订单和租赁业务等完整数据库关系图，可用于学习 ER 建模、数据库文档化与前端画布交互。
真实界面
项目截图
共 4 张
Capabilities
核心功能
✓数据库关系图浏览
✓示例数据模型
✓数据表与字段编辑
✓关系连线
✓SQL 与图片导出
✓中文界面
适用场景
ER 图建模学习
数据库结构文档化
React 画布交互研究
适合谁
数据库开发者、后端工程师、全栈学习者和需要研究 ER 图编辑器的团队。
商业化思路
适合学习数据库建模工具、关系图可视化、React Flow 画布和本地数据导入导出。
你会拿到什么
- ✓固定版本完整源码包
- ✓AGPL-3.0 许可证
- ✓四张真实运行界面截图
- ✓构建与部署说明
部署流程
- 1解压 source.zip
- 2执行 npm ci
- 3执行 npm run build
- 4部署 dist/ 到静态 Web 服务器
真实验证结果
npm run build 通过；真实运行中加载员工、门店和租赁等不同数据库关系图，截图无控制台错误、坏图或横向溢出。
部署前须知
示例关系图的字段名保持上游英文数据库术语；对外提供修改后的网络服务须履行 AGPL-3.0 对应源码提供义务。
部署难度
简单
最低配置
Node.js 18+；构建后的静态文件可部署至 Nginx、Caddy 或任意静态托管。
开源许可证
AGPL-3.0
最后验证
2026-08-19
技术栈
ReactTypeScriptViteReact FlowIndexedDB
授权说明
保留上游 AGPL-3.0 许可证和版权声明，仅作学习研究源码交付。若将修改版本作为网络服务向用户提供，须按 AGPL-3.0 第 13 条向服务用户提供对应源码。