随着信息技术的发展,低代码开发平台以高效、灵活、易用的特性,逐渐成为企业数字化转型的重要工具。其中,列表引擎作为低代码开发的核心引擎之一,承载着数据展示、查询、编辑等多重功能,对于提升业务处理效率和用户体验至关重要。
在JVS低代码列表也中,列表页展现内容包含4个部分,如下图所示:查询条件、表级操作、数据展示、行级操作,除此之外,按钮表级与行级按钮触发的相关动作。
图片

设计页界面介绍

设计页界面如下图所示
图片
①:本列表页对应的存储的数据模型,可以对数据模型进行修改设置,包括数据权限与脱敏等操作
②:字段的中文名称,在列表页上展示的表头
③:数据模型中存储的字段名称,这里的字段名称是可以根据中文名称填写后自动生成,在点击保存之前都可以手动修改,点击保存后系统会自动创建对应字段,如果再次修改字段名称会重新创建一个全新的字段。
④:在列表页展示的界面控制是否限制
⑤:显示的特殊控制,包括字段宽度、是否带排序小按钮、复制按钮、字体颜色、背景颜色、动态内容转换等配置
⑥:查询条件开关,对字段开启查询时,列表页上即可展示对应的查询条件
⑦:作为左树右表、tab切换的快速检索的查询条件设置
⑧:字段左右排序的设置操作
⑨:删除字段
⑩:行级按钮操作的宽度设置以及是否固化操作的列
图片

字段的增减

进入列表页设计器-页表设计界面,点击新增一行、或者删除按钮,可以对字段进行增减操作,还可以使用批量创建字段的按钮:
字段的批量设置,点击批量添加如下图所示
图片
列表字段的增加如下图所示
图片
字段为中文名称,每一行为一个字段,默认去除空格
图片

默认字段

系统提供创建人、创建时间、修改人、修改时间的字段,即任何一条数据创建修改时都会携带着这几个数据,系统自动记录
图片

样式配置

字段样式包括:字段展示宽度、字段展示类型、字段颜色标识、小的功能按钮等等
图片
设置更多的样式控制配置,如下图所示
图片
颜色显示控制,如下图所示:
图片
所控制的效果示例如下所示:
图片
字段宽度控制设置
图片
效果如下所示:
图片
排序按钮设置与点击快速复制按钮:
图片
配置效果如下:
图片
动态字段颜色控制,点击新增时,可以对内容进行动态控制,例如字段的状态等
图片

图片
列表字段样式设置如下图所示
图片
数据设置
主要用于列表页从excel文件导入时,对文件导入前的校验,导入后联动触发相应的逻辑
图片
列表页权限设计
图片
在线demo:https://frame.bctools.cn
基础框架开源地址:https://gitee.com/software-minister/jvs


软件部长
43 声望6 粉丝

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