在现代企业管理系统中，数据处理的核心往往围绕“一对多”关系展开——一份订单对应多个商品、一个仓库包含多种物资、一名员工关联多条考勤记录……如何高效、清晰、一致地管理这类结构化数据，是每一个业务系统设计的关键思考。
在JVS低代码平台中，通过表单引擎的表格组件和灵活的主子表结构设计，让复杂的数据关联变得直观可控。不再需要深入的编码，简单拖拽和配置就可以实现。
表格数据是什么？
表格数据在JVS低代码中是指表单中【表格组件】存储的数据，它是一个数组对象变量结构，即我们通常说的主子表的子表结构。主子表结构是业务系统中处理一对多关系的核心设计模式，那么使用场景通常有以下几种：
1、订单管理系统
- 主表记录订单基本信息（订单号、客户ID、总金额）
- 子表记录商品明细（商品ID、数量、单价）
- 通过订单号关联实现数据一致性
2、仓储管理系统
- 主表管理仓库整体信息（仓库编号、位置、负责人）
- 子表记录库存物资明细（物资编码、数量、批次）
- 支持多级库存查询与预警
3、人力资源系统
- 主表存储员工档案（员工ID、部门、职位）
- 子表关联考勤记录（打卡时间、请假类型）
- 支持历史数据追溯
在JVS低代码中可以直接通过手动配置实现子表数据的创建和使用。
一、创建模型数据
前置条件：系统已创建好主订单列表和子明细单列表模型，分别创建好对应的字段，如下图
新增主表数据同时创建子表明细数据，在主表的新增按钮表单中配置一个表格组件关联子表，如下图
操作步骤
- 拖取表格组件，配置关联模型
- 选中表格组件，再新拖组件进表格中
- 点击表格里面的组件侧的齿轮图标，查看右侧组件设置选择对应字段绑定（关联的子表字段类型与组件类型保持一致，例如：文本对应单行文本，数字对应计数器）
字段绑定下拉选择自动展示表格关联的数据模型字段
- 保存设计
- 回到主表打开新增表单，填写数据点击表单默认提交按钮
注意：主表新增表单打开默认展示子表所有数据，在新增表单中表格组件上配置数据筛选过滤已有数据，配置如下图
如果不使用默认提交按钮，可以通过逻辑实现新增表格数据参数。
二、回显模型数据
表格模型数据通常在列表页默认修改、详情表单或行内位置表单回显展示，那么能够正常回显数据并通过订单号关联实现数据一致性，具体配置如下：
操作步骤
- 进入详情表单设计器，可直接引用新增表单的设计，如下图
如果不引用新增表单的设计需要重新设计，那么步骤如下：
- 拖取表格组件，配置关联模型
- 选中表格组件，再新拖组件进表格中
- 点击表格里面的组件侧的齿轮图标，查看右侧组件设置选择对应字段绑定（关联的子表字段类型与组件类型保持一致，例如：文本对应单行文本，数字对应计数器）
- 保存设计
实现回显的表格数据一致性，根据关联的订单号通过配置表格数据筛选实现（即主表唯一值订单号（流水号组件））如下图
此时打开详情表单则展示同一订单号下的子表格数据，如下图
在线demo：https://frame.bctools.cn
基础框架开源地址：https://gitee.com/software-minister/jvs