(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210202569.0 (22)申请日 2022.03.02 (71)申请人 湖南快乐阳光互动娱乐传媒有限公 司 地址 410003 湖南省长 沙市开福区湖南国 际会展中心北四楼 (72)发明人 王亮　田魁　郑锋　舒丹　邓声龙　 (74)专利代理 机构 北京集佳知识产权代理有限 公司 11227 专利代理师 张静 (51)Int.Cl. G06F 9/451(2018.01) (54)发明名称 一种页面 渲染方法、 装置及系统 (57)摘要 本发明提供了一种 页面渲染方法、 装置及系 统， 在列表数据中存在多列不等高的多feed流数 据中夹杂单feed流数据的情况， 从而可能导致页 面出现空白区域的情况下， 服务器在单feed流数 据之前添加填补数据集。 客户端在对列表数据进 行依次渲染的过程中， 若在列表数据中检测到填 补数据集， 根据待填补空白区域的高度， 实现对 页面中的空白区域的智能填补， 使页面显示更多 业务内容， 提高了页面区域的利用率， 从而提升 业务曝光量和转换率。 权利要求书2页 说明书7页 附图6页 CN 114579241 A 2022.06.03 CN 114579241 A 1.一种页面 渲染方法， 其特 征在于， 应用于客户端， 所述方法包括： 接收服务器下发的列表数据； 对所述列表数据进行依次渲染； 在所述列表数据中检测到填补数据集的情况下， 确定待填补空白区域的高度， 所述填 补数据集是在所述列表数据中存在多列不等高的多feed流数据中夹杂 单feed流数据的情 况下由服务器在单fe ed流数据前 添加的； 根据所述待填补空白区域的高度， 对所述待填补空白区域进行填补。 2.根据权利要求1所述的方法， 其特征在于， 单fee d流数据前的所述填补数据集的数量 为N‑1， N为正整数， 且N>1， N表示多fe ed流数据的列数。 3.根据权利要求1所述的方法， 其特 征在于， 所述确定待填补空白区域的高度， 包括： 获取所述填补数据集前多列不等高的多feed流数据渲染到页面后形成的多列卡片中 每列卡片相对于同一基准线的底部高度； 计算所述多列卡片中每列卡片相对于同一基准线的底部 高度之间的最大高度差， 得到 所述待填补空白区域的高度。 4.根据权利要求1所述的方法， 其特征在于， 根据所述待填补空白区域的高度， 对所述 待填补空白区域进行填补， 包括： 判断所述待填补空白区域的高度是否小于 阈值， 所述阈值为所述填补数据集中卡片数 据的最低高度； 若所述待填补空白区域的高度小于所述阈值， 调整页面中所述待填补空白区域上方卡 片的高度， 以填补所述待填补空白区域； 若所述待填补空白区域的高度不小于所述阈值， 根据所述待填补空白区域的高度， 在 所述待填补空白区域对所述 填补数据集进行部分或整体渲染。 5.根据权利要求4所述的方法， 其特征在于， 根据所述待填补空白区域的高度， 在所述 待填补空白区域对所述 填补数据集进行部分或整体渲染， 包括： 根据所述待填补空白区域的高度以及所述填补数据集中每个所述卡片数据的高度， 确 定所述填补数据集中用于填补所述待填补空白区域的至少一个目标卡片数据； 在所述待填补空白区域对所述目标卡片数据进行渲染。 6.一种页面 渲染装置， 其特 征在于， 应用于客户端， 所述装置包括： 列表数据接收单 元， 用于接收服务器下发的列表数据； 数据渲染单 元， 用于对所述列表数据进行依次渲染； 空白区域高度确定单元， 用于在所述列表数据中检测到填补数据集的情况下， 确定待 填补空白区域的高度， 所述填补数据集是在所述列表数据中存在多列不等高的多feed流数 据中夹杂单fe ed流数据的情况 下由服务器在单fe ed流数据前 添加的； 填补处理单元， 用于根据所述待填补空白区域的高度， 对所述待填补空白区域进行填 补。 7.根据权利要求6所述的装置， 其特 征在于， 所述空白区域高度确定单 元， 具体用于： 获取所述填补数据集前多列不等高的多feed流数据渲染到页面后形成的多列卡片中 每列卡片相对于同一基准线的底部高度； 计算所述多列卡片中每列卡片相对于同一基准线的底部 高度之间的最大高度差， 得到权　利　要　求　书 1/2 页 2 CN 114579241 A 2所述待填补空白区域的高度。 8.根据权利要求6所述的装置， 其特 征在于， 所述 填补处理单元， 包括： 判断子单元， 用于判断所述待填补空白区域的高度是否小于阈值， 所述阈值为所述填 补数据集中卡片数据的最低高度； 卡片高度调整子单元， 用于若所述待填补空白区域的高度小于所述阈值， 调整页面中 所述待填补空白区域上 方卡片的高度， 以填补所述待填补空白区域； 填补数据渲染子单元， 用于若所述待填补空白区域的高度不小于所述阈值， 根据所述 待填补空白区域的高度， 在所述待填补空白区域对所述 填补数据集进行部分或整体渲染。 9.根据权利要求8所述的装置， 其特 征在于， 所述 填补数据渲染子单 元， 具体用于： 根据所述待填补空白区域的高度以及所述填补数据集中每个所述卡片数据的高度， 确 定所述填补数据集中用于填补所述待填补空白区域的至少一个目标卡片数据； 在所述待填补空白区域对所述目标卡片数据进行渲染。 10.一种页面 渲染系统， 其特 征在于， 包括： 服 务器与客户端； 所述服务器， 用于在接收到客户端发送的列表数据请求的情况下， 若所述客户端所请 求的列表数据中存在 多列不等高的多feed流数据中夹杂单feed流数据的情况， 在单feed流 数据前添加填补数据集， 并将添加填补数据集的列表数据发送到所述 客户端； 所述客户端， 用于执 行如权利要求1～5中任意 一项所述的页面 渲染方法。权　利　要　求　书 2/2 页 3 CN 114579241 A 3