页面的生成方法、装置、电子设备和存储介质.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN113536179A(43)申请公布日2021.10.22(21)申请号202110687524.2(22)申请日2021.06.21(71)申请人北京达佳互联信息技术有限公司地址100085北京市海淀区上地西路6号1幢1层101D1-7(72)发明人李惠清(74)专利代理机构北京清亦华知识产权代理事务所(普通合伙)11201代理人王萌(51)Int.Cl.G06F16/958(2019.01)权利要求书2页说明书10页附图4页(54)发明名称页面的生成方法、装置、电子设备和存储介质(57)摘要本公开关于一种页面的生成方法、装置、电子设备和存储介质，属于互联网技术领域。其中，页面的生成方法，包括：在页面之中生成多个网格子项，其中，每个网格子项包括网格属性和弹性布局属性，网格属性用于描述网格子项的位置信息，弹性布局属性用于描述网格子项中的填充内容的布局配置信息；根据网格属性对网格子项进位置布局；以及根据弹性布局属性对网格子项中的填充内容进行弹性布局。由此，能够在实现页面元素的布局和渲染的同时，有效地减少页面基础元素布局和渲染的工作量。CN113536179ACN113536179A权利要求书1/2页1.一种页面的生成方法，其特征在于，包括：在页面之中生成多个网格子项，其中，每个所述网格子项包括网格属性和弹性布局属性，所述网格属性用于描述所述网格子项的位置信息，所述弹性布局属性用于描述所述网格子项中的填充内容的布局配置信息；根据所述网格属性对所述网格子项进行位置布局；以及根据所述弹性布局属性对所述网格子项中的填充内容进行弹性布局。2.如权利要求1所述的页面的生成方法，其特征在于，所述根据所述网格属性对所述网格子项进行位置布局，包括：对所述网格属性进行解析，以获取所述网格子项的位置信息，其中，所述位置信息包括所述网格子项的坐标属性；根据所述坐标属性确定所述网格子项的开始横坐标、结束横坐标、开始纵坐标和结束纵坐标；根据所述开始横坐标、所述结束横坐标、所述开始纵坐标和所述结束纵坐标，将所述网格子项设置到对应的位置。3.如权利要求1所述的页面的生成方法，其特征在于，根据所述弹性布局属性对所述网格子项中的填充内容进行弹性布局，包括：根据所述弹性布局属性和所述填充内容，确定所述网格子项的布局信息，其中，所述填充内容包括文字、链接、图片、时间、动画和按钮中的一种或多种，所述布局信息包括描述信息、字段信息、组件类型和渲染方式中的多种；根据所述布局信息将所述填充内容填充至对应的所述网格子项。4.如权利要求1所述的页面的生成方法，其特征在于，所述根据所述网格属性对所述网格子项进行位置布局，还包括：根据所述网格属性确定所述多个网格子项之中的最大列高度；遍历所述每个所述网格子项，以获取所述每个所述网格子项的实际位置；根据所述每个所述网格子项的实际位置，确定待对齐的网格子项；根据待对齐的网格子项的实际位置，获取所述待对齐的网格子项所在列的列高度；响应于所述列高度小于所述最大列高度，对所述待对齐的网格子项进行高度补齐。5.如权利要求4所述的页面的生成方法，其特征在于，所述根据所述每个所述网格子项的实际位置，确定待对齐的网格子项，包括：获取所述每个所述网格子项的宽度值；根据所述每个所述网格子项的实际位置和所述每个所述网格子项的宽度值，从所述多个网格子项中确定实际位置被占用的网格子项，并将所述实际位置被占用的网格子项作为所述待对齐的网格子项。6.一种页面的生成装置，其特征在于，包括：生成模块，被配置为在页面之中生成多个网格子项，其中，每个所述网格子项包括网格属性和弹性布局属性，所述网格属性用于描述所述网格子项的位置信息，所述弹性布局属性用于描述所述网格子项中的填充内容的布局配置信息；布局模块，被配置为根据所述网格属性对所述网格子项进行位置布局；以及内容填充模块，被配置为根据所述弹性布局属性对所述网格子项中的填充内容进行弹2CN113536179A权利要求书2/2页性布局。7.如权利要求6所述的页面的生成装置，其特征在于，所述布局模块，包括：第一确定单元，被配置为根据所述网格属性确定所述多个网格子项之中的最大列高度；第一获取单元，被配置为遍历所述每个所述网格子项，以获取所述每个所述网格子项的实际位置；第二确定单元，被配置为根据所述每个所述网格子项的实际位置，确定待对齐的网格子项；第二获取单元，被配置为根据待对齐的网格子项的实际位置，获取所述待对齐的网格子项所在列的列高度；高度补齐单元，被配置为响应于所述列高度小于所述最大列高度，对所述待对齐的网格子项进行高度补齐。8.一种电子设备，其特征在于，包括：处理器；用于存储所述处理器可执行指令的存储器；其中，所述处理器被配置为执行所述指令，以实现