数据库建模 ​

基于 Vue Flow 的可视化数据库建模：在画布上拖拽表节点、配置字段与类型，通过字段圆点连线创建关联，导出可持久化的 DatabaseSchema JSON。

与 页面设计器、报表设计器、数据准备 同属低代码工具链：本模块面向 表结构与表间关系（PostgreSQL）；数据准备消费已发布建模；页面 / 报表经 state 消费查询结果（后续亦可对接建模侧 SQL 查询管理）。

界面分区 ​

┌─────────────────────────────────────────────────────────────┐
│ 工具栏：添加表 / 清空 / 复制 JSON / 导出 JSON                  │
├────┬──────────────┬─────────────────────────────────────────┤
│ 轨 │ 左侧面板      │ Vue Flow 画布 + 浮层配置                   │
│ 道 │ 库信息/SQL    │ 表节点拖拽、字段连线、小地图 / 缩放控件   │
└────┴──────────────┴─────────────────────────────────────────┘

核心能力 ​

1. 表与字段：新建表默认带 id 主键；可配置 PostgreSQL 类型、长度、主键 / 自增(IDENTITY) / 唯一 / 可空 / 索引等
2. 连线建关联：从字段圆点拖拽到另一表字段，弹出抽屉选择 1:1 / 1:N / N:N 与参照动作
3. 外键与中间表：1:1 / 1:N 可自动补外键列；N:N 自动生成 isJunction 中间表
4. SQL 查询配置：左轨维护 queries[]（本版本地存档，随 schema 导出）
5. 双向绑定：支持 v-model（modelValue）与 getSchema / setSchema
6. 导出：工具栏复制 / 下载，或 exportSchemaJson / 实例 exportJson()

完整工具链见 低代码设计器。

推荐阅读 ​

1. 基础用法 — 接入演示、设计器 API、画布与面板操作
2. 数据模型 — DatabaseSchema / 表 / 字段类型
3. 表关联 — 连线约定、1:1 / 1:N / N:N 与参照动作