在低代码开发平台中,列表页是一个用于显示数据列表的页面。它通常用于展示数据库中的多条记录,并提供搜索、排序和筛选等功能,以方便用户对数据进行查找和浏览。

jvs-list是jvs快速开发平台的列表页的配置引擎,它和普通的crud 具备更好的交互操作性,主要特点如下:
支持动态模型创建,列表引擎支持动态创建物理库表,无需提前建库建表,大大降低操作技术门槛
支持可视业务逻辑配置,支持CRUD之外的配置,按钮可以触发列表、表单、api接口、业务逻辑(详见jvs-logic介绍)等
列表与表单配置解耦,配置解耦后可配置的页面更加灵活,满足更丰富的场景
多种灵活样式支持,支持多种类型的样式配置,简洁高效

列表页配置

列表页是管理平台中的基础页面,核心的逻辑是实现数据的 增删改查(CRUD),列表页核心的几个要素:页面内容的数据展示、查询条件、页面按钮及按钮触发的逻辑。
具备应用配置权限的用户,可以在列表页目录上,鼠标悬空,系统会弹出列表页设计的菜单,如下图所示:
图片

点击“设计页面”,系统进入列表页设计器,其中包括四个板块的设计内容:

页面基础信息的设计

如下图所示,展示“页面设置”的功能界面,
图片

其中包括列表页名称,这里的名称就是目录上展示的页面名称,页面描述会在界面上展示为列表页的备注说明
图片

页面布局有三种模式,普通布局(如上图所示),树表布局(如下图所示),卡片布局(如下图所示)
图片

图片

预览地址是可以直接在浏览器上通过url访问到这个列表页的页面展现。

列表页设计

进入列表页设计界面,本页面主要提供列表页界面展示的数据配置,如下图所示:
图片

①:模型设置,这里是列表页关联的数据模型设置入口
②:列表页的数据设置tab界面
③:字段排序的设置tab界面
④:列表页上的按钮设置的tab页面
⑤:列表页上展现数据时,默认过滤设置tab页面
⑥:列表页上展示数据的详细配置
⑦:增加一列数据字段的操作按钮
⑧:预览配置列表页的效果预览按钮点击排序条件tab页,展示如下图所示
图片

①:字段下拉选择框,选择需要排序特殊设置的字段
②:系统会自动展示对应字段选择框中的 字段类型
③:排序下拉选择框,选择升序与降序设置
④:删除本条排序设置按钮
⑤:新增一个字段的排序设置

页面权限设置

图片

数据设置

图片

在线Demo:https://frame.bctools.cn
开源地址:https://gitee.com/software-minister/jvs

列表页相关往期干货

低代码工具:jvs-list(列表引擎)2.1.7功能清单及新增功能介绍


软件部长
43 声望6 粉丝

软件研发行业老司机,提供些踩坑的经验而已