低代码列表页配置引擎详解：页面驱动与模型驱动的完美结合
列表页是专为管理和展示数据而存在的页面，它广泛应用于各种业务场景中，如用户管理、订单追踪、产品目录、库存监控等。无论是需要快速浏览数据概况，还是需要对特定条目进行详细操作，列表页都能提供直观、便捷的操作。列表页包含对数据的查询条件、数据的明细展示，包括对数据的形态展示控制等。
在JVS低代码快速开发平台中，数据模型与列表页紧密关联着，列表页是对数据模型的数据展示，数据模型是列表与表单操作后的数据存储的空间。JVS低代码列表页配置支持两种方式，如下所示：
- 页面驱动模型：用户可以根据需求先构建可见的页面，系统在页面保存时会根据界面数据需求直接创建对应的数据模型，也就是先配置页面系统自动生成模型；
- 模型驱动页面：用户也可以按照传统的方式先构建数据模型，再根据数据模型去生成对应的列表页与表单，也就是先配置模型再自动生成页面。
页面驱动模型
JVS低代码采用所见即所得的设计模式，可以根据设置在列表页上的字段，系统自动生成对应的数据模型。
通过设置列表页的字段，保存后，系统自动生成对应的数据模型（物理级表结构）。
设计页界面介绍
【2.2.X】版本，进入列表页设计如下，与之前的版本有所调整，采用所见即所得的模式，如下图所示：
①：列表页的数据模型的名称与查看展示，可以修改数据模型的名称。（在列表页保存后会自动修改数据模型）
②：列表页 操作栏设置，包括宽度与固定开关
③：列表页设计器的预览效果，在配置了对应设置后，可以立即看到设计结果。
④：列表页所有的字段展示，选择每个字段时，可以看到右侧 详细的属性面板，可以拖动字段的展示位置。
⑤：字段的详细配置展示，包括基础的字段信息、样式信息、扩展的相关设置
⑥：列表页的按钮设置
⑦：列表页的排序设置
⑧：列表页的表头设置（支持二级表头）
⑨：保存按钮，点击保存按钮后，如果增加了字段，系统会自动对模型进行修改配套。
字段的增减
版本列表字段的增加如下图所示
点击批量添加都是采用了如下图设计的模式，字段为中文名称，每一行为一个字段，默认去除空格
系统字段
系统提供创建人、创建时间、修改人、修改时间的字段，即任何一条数据创建修改时都会携带着这几个数据，系统自动记录，无需要用户手动创建
样式设置
字段样式包括：字段展示宽度、字段展示类型、字段颜色标识、小的功能按钮等等
样式设置
设置更多的样式控制配置，如下图所示
- 颜色显示控制，如下图所示：
所控制的效果示例如下所示：
- 字段宽度控制设置
效果如下所示：
- 排序按钮设置与点击快速复制按钮：
配置效果如下：
- 动态字段颜色控制，点击新增时，可以对内容进行动态控制，例如字段的状态等
模型驱动页面
在快速开发平台设计中，模型驱动页面设计是一种通过构建数据模型，并基于这些模型自动生成或配置用户界面的方法。模型驱动页面设计更偏向于传统开发思路：先构建库表结构，再构建页面效果。
它使得开发者能够更快地创建和修改应用界面。原理：模型驱动的核心在于利用抽象的数据模型来描述应用的用户界面，通过可视化建模工具，开发者可以直观地设计数据模型、流程逻辑和界面布局，然后平台根据这些模型自动生成相应的代码和配置。
配置方式：
进入应用的详情中的数据模型管理页面：
①：点击应用名称，进入应用的详情页面
②：点击模型管理的详情页面，这里展示了本应用中所有的模型
③：点击新增模型，进入新增模型的设计页面弹窗
①：数据模型名称
②：数据字段界面展示名称
③：数据字段名称（库表名称），默认系统自动生成，可以手工修改
④：字段类型，包括单行文本、数字、时间、单选、下拉等类型
开源框架：https://gitee.com/software-minister/jvs
在线demo：https://frame.bctools.cn