(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210201563.1 (22)申请日 2022.03.03 (71)申请人 平安国际融资 租赁有限公司 地址 200120 上海市浦东 新区中国 （上海） 自由贸易试验区世纪大道8号上海国 金中心办公楼二期37层 (72)发明人 张晓宁　王定伟　 (74)专利代理 机构 北京品源专利代理有限公司 11332 专利代理师 陈金忠 (51)Int.Cl. G06F 9/451(2018.01) G06F 9/445(2018.01) (54)发明名称 列表组件渲染、 页面的前端展示方法、 装置、 设备及介质 (57)摘要 本发明实施例公开了一种 列表组件的渲染、 页面的前端展 示方法、 装置、 设备及介质。 该列表 组件的渲染方法包括： 响应于客户端的目标列表 组件渲染请求， 获取与目标列表组件匹配的表头 属性配置信息； 解析表头属性配置信息， 确定与 目标列表组件中各表头字段对应的目标数据库 关联字段和目标表头配置功能； 按照各目标表头 配置功能， 渲染得到与目标列表组件匹配的标准 化列表骨架， 并获取与各目标数据库关联字段对 应的列表展示数据； 将标准化列表骨架和所述列 表展示数据提供给客户端， 以供客户端根据标准 化列表骨架和列表展示数据， 组装 得到目标显示 列表进行前端展示。 本发明实施例的技术方案可 以简单、 便捷的实现表头字段的自定义功能配置 及渲染显示。 权利要求书3页 说明书13页 附图4页 CN 114564270 A 2022.05.31 CN 114564270 A 1.一种列表组件的渲染方法， 其特 征在于， 包括： 响应于客户端的目标列表组件渲染请求， 查询表头配置数据库， 获取与所述目标列表 组件匹配的表头属性配置信息； 对所述表头属性配置信 息进行解析， 确定与所述目标列表组件中各表头字段对应的目 标数据库关联字段和目标表头配置功能； 按照各所述目标表头配置功能， 渲染得到与所述目标列表组件匹配的标准化列表骨 架， 并获取与各 所述目标 数据库关联字段对应的列表展示数据； 将所述标准化列表骨架和所述列表展示数据提供给所述客户端， 以供客户端根据 标准 化列表骨架和列表展示数据， 组装得到目标显示列表进行 前端展示。 2.根据权利要求1所述的方法， 其特征在于， 按照各所述目标表头配置功能， 渲染得到 与所述目标列表组件匹配的标准 化列表骨架， 包括： 调用预先构建的表头渲染接口， 采用与每个目标表头配置功能分别对应的渲染处理逻 辑， 渲染得到与所述目标列表组件匹配的标准 化列表骨架。 3.根据权利要求1所述的方法， 其特征在于， 对所述表头属性配置信息进行解析， 确定 与所述目标列表组件中各表头字段对应的目标数据库关联字段和目标表头配置功能， 包 括： 对所述表头属性配置信 息中的字段间 映射关系 进行解析， 获取与所述目标列表组件中 的各表头 字段分别对应的目标 数据库关联字段； 对所述表头属性配置信 息中的功能配置字段进行解析， 获取与 所述目标列表 组件中的 至少一个表头字段对应的目标单一表头配置功能， 和/或与所述 目标列表组件对应的目标 全局表头配置功能。 4.根据权利要求3所述的方法， 其特征在于， 在响应于客户端的目标列表组件渲染请 求， 查询表头配置数据库， 获取与所述目标列表组件匹配的表头属性配置信息之前， 还包 括： 响应于对目标列表组件的配置请求， 调用表头渲染接口， 展示各备选的单一表头配置 功能， 以及各 备选的全局表头配置功能； 响应于针对所述目标列表组件中至少一个表头字段选择的目标单一表头配置功能， 和/或针对所述目标列表组件选择的目标全局表头配置功能， 生成功能配置 字段； 响应于针对所述目标列表组件中的每个表头字段配置的数据库关联字段， 建立字段间 映射关系； 将与所述目标列表组件对应的功能配置字段以及字段间 映射关系， 存储于所述表头配 置数据库中。 5.根据权利要求1所述的方法， 其特征在于， 在将所述标准化列表骨架和所述列表展示 数据提供 给所述客户端之后， 还 包括： 响应于与目标显示列表中的目标表头字段对应的表头功能应用请求， 获取与 所述表头 功能应用请求匹配的功能应用配置信息； 获取与所述目标表头 字段对应的目标 数据库关联字段； 根据所述功能应用配置信 息的类型， 获取与所述目标数据库关联字段对应的新的列表 显示数据， 并将所述 新的列表显示数据提供 给所述客户端进行前端展示。权　利　要　求　书 1/3 页 2 CN 114564270 A 26.根据权利要求5所述的方法， 其特征在于， 根据所述功能应用配置信息的类型， 获取 与所述目标 数据库关联字段对应的新的列表显示数据， 包括： 如果确定所述功能应用配置信 息的类型为数据排序， 则对与目标表头字段对应的列表 展示数据进行排序处 理； 将排序后得到的新的列表显示数据， 提供 给所述客户端进行前端展示； 或者 如果确定所述功能应用配置信 息的类型为数据筛选， 则根据所述功能应用配置信 息中 的筛选条件， 对与目标表头 字段对应的列表展示数据进行筛 选处理； 将筛选后得到的新的列表显示数据， 提供 给所述客户端进行前端展示。 7.根据权利要求1 ‑6任一项所述的方法， 其特征在于， 所述单一表头配置功能包括下述 至少一项： 排序、 多选、 单选、 关键字查询、 日期查询、 排序或者选择状态的状态标识使能显示、 以 及千位分割符处 理； 所述全局表头配置功能包括： 查询或排序条件的重 置。 8.一种页面的前端 展示方法， 其特 征在于， 包括： 响应于对目标页面的展示请求， 对所述目标页面中包括的各页面元 素进行加载展示； 当加载至所述目标页面中的目标列表组件时， 构建目标列表组件渲染请求， 并将所述 目标列表组件渲染请求发送至服 务器； 根据所述服务器反馈的标准化列表骨架以及匹配的列表展示数据， 组装得到目标显示 列表， 并对所述目标显示列表进行 前端展示； 其中， 所述服务器用于根据与目标列表组件匹配的表头属性配置信息， 确定与目标列 表组件中的各表头字段分别对应的目标数据库关联字段和目标表头配置功能后， 渲 染得到 与目标列 表组件匹配的标准化列 表骨架， 并获取与各目标数据库关联字段分别对应的列 表 展示数据。 9.一种列表组件的渲染装置， 其特 征在于， 包括： 表头属性配置信息获取模块， 用于响应于客户端的目标列表组件渲染请求， 查询表头 配置数据库， 获取与所述目标列表组件匹配的表头属性配置信息； 表头属性配置信息解析模块， 用于对所述表头属性配置信息进行解析， 确定与所述目 标列表组件中各表头 字段对应的目标 数据库关联字段和目标表头配置功能； 列表展示数据获取模块， 用于按照各所述目标表头配置功能， 渲染得到与所述目标列 表组件匹配的标准化列表骨架， 并获取与各所述目标数据库关联字段对应的列表展示数 据； 信息提供模块， 用于将所述标准化列表骨架和所述列表展示数据提供给所述客户端， 以供客户端根据标准 化列表骨架和列表展示数据， 组装得到目标显示列表进行 前端展示。 10.一种页面的前端 展示装置， 其特 征在于， 包括： 页面加载模块， 用于响应于对目标页面的展示请求， 对所述目标页面中包括的各页面 元素进行加载展示； 渲染请求构建模块， 用于当加载至所述目标页面中的目标列表组件时， 构建目标列表 组件渲染请求， 并将所述目标列表组件渲染请求发送至服 务器； 显示列表组装模块， 用于根据 所述服务器反馈的标准化列表骨架以及匹配的列表展示权　利　要　求　书 2/3 页 3 CN 114564270 A 3