(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210343839.X (22)申请日 2022.03.31 (71)申请人 北京达佳互联信息技 术有限公司 地址 100085 北京市海淀区上地西路6号1 幢1层101D1-7 (72)发明人 胡方正　朱彤　杨小刚　蔡晓华　 李伟鹏　鞠达豪　孙弘法　杨凯丽　 (74)专利代理 机构 广州三环 专利商标代理有限 公司 44202 专利代理师 贾允 (51)Int.Cl. G06F 9/451(2018.01) G06F 16/957(2019.01) G06F 16/901(2019.01) (54)发明名称 页面渲染方法、 装置、 电子设备及存 储介质 (57)摘要 本公开关于一种页面渲染方法、 装置、 电子 设备及存储介质， 该方法包括响应于目标页面的 展示请求， 获取目标页面的页面配置信息， 页面 配置信息包括至少一个样式渲染元素对应的渲 染配置信息； 对渲染配置信息进行解析处理， 得 到目标页面对应的树结构渲染数据， 树结构渲染 数据为以挂载有渲染属性数据的至少一个样式 渲染元素为节 点， 以至少一个样式渲染元素间的 视图层级关系为节点层级关系的树结构数据； 基 于树结构渲染数据， 渲染至少一个样式渲染元素 的视图， 得到目标页面。 利用本公开实施例可 以 实现页面元素的简化， 更好应对不同业务场景下 的页面渲染 需求； 且可以有效提升对页面视图描 述的简洁性， 提升页面 渲染效率和设备性能。 权利要求书2页 说明书14页 附图5页 CN 114924815 A 2022.08.19 CN 114924815 A 1.一种页面 渲染方法， 其特 征在于， 包括： 响应于目标页面的展示请求， 获取所述目标页面的页面配置信息， 所述页面配置信息 包括至少一个样式渲染元 素对应的渲染配置信息； 对所述渲染配置信息进行解析处理， 得到所述目标页面对应的树结构渲染数据， 所述 树结构渲 染数据为以挂载有渲染属性数据的所述至少一个样式渲 染元素为节点， 以所述至 少一个样式渲染元 素间的视图层级关系为节点层级关系的树结构数据； 基于所述树结构渲染数据， 渲染所述至少一个样式渲染元素的视 图， 得到所述目标页 面。 2.根据权利要求1所述的页面渲染方法， 其特征在于， 所述至少一个样式渲染元素包括 至少一种盒子元 素和至少一种组件元 素， 或至少一种组件元 素； 其中， 所述盒子元 素为用于存放任意 一种元素的容器。 3.根据权利要求1所述的页面渲染方法， 其特征在于， 在所述至少一个样式渲染元素包 括目标盒子元素和目标组件元素 的情况下， 所述基于所述树结构渲染数据， 渲染所述至少 一个样式渲染元 素的视图， 得到所述目标页面包括： 基于所述树结构渲染数据中所述目标组件元素挂载的渲染属性数据， 渲染出所述目标 组件元素的组件视图； 基于所述组件视图、 所述树结构渲染数据中所述目标盒子元素挂载的渲染属性数据和 所述树结构渲染数据中节点间的节点层级关系， 渲染出 所述目标页面。 4.根据权利要求3所述的页面渲染方法， 其特征在于， 所述目标组件元素挂载的渲染属 性数据包括所述目标 组件元素的元素内容数据、 所述目标组件元素的布局属性数据和所述 目标组件元 素的样式属性数据； 所述基于所述树结构渲染数据中所述目标组件元素挂载的渲染属性数据， 渲染出所述 目标组件元 素的组件视图包括： 根据所述树结构渲染数据中所述目标组件元素的布局属性数据， 确定所述目标组件元 素的尺寸 位置信息； 基于所述目标组件元素的元素内容数据、 所述目标组件元素的样式属性数据和所述目 标组件元 素的尺寸 位置信息， 渲染出 所述组件视图。 5.根据权利要求3所述的页面渲染方法， 其特征在于， 所述目标盒子元素挂载的渲染属 性数据包括所述目标盒子元素 的布局属 性数据， 所述基于所述组件视图、 所述树结构渲染 数据中所述目标盒子元素挂载 的渲染属 性数据和所述树结构渲染数据中节点间的节点层 级关系， 渲染出 所述目标页面包括： 根据所述树结构渲染数据中所述目标盒子元素的布局属性数据， 确定所述目标盒子元 素的尺寸 位置信息； 基于所述组件视图、 所述目标盒子元素的尺寸位置信 息和所述树结构渲染数据中节点 间的节点层级关系， 渲染出 所述目标页面。 6.根据权利要求1至5任一所述的页面渲染方法， 其特征在于， 所述渲染属性数据包括 元素内容数据， 在 任一样式渲染元素对应的元素内容数据包括预设富文本的标识信息的情 况下， 所述方法还 包括： 对所述预设富文本对应的渲染配置信 息进行解析处理， 得到所述预设富文本对应的子权　利　要　求　书 1/2 页 2 CN 114924815 A 2树结构渲 染数据， 所述子树结构渲染数据为以挂载有渲 染属性数据的所述预设富文本对应 的样式渲 染元素为节 点， 以所述预设富文本对应的样式渲染元素间的视图层级关系为节点 层级关系的树结构数据； 基于所述子树结构渲染数据， 渲染所述预设富文本的富文本 视图； 根据所述富文本视图， 更新所述树结构渲染数据中目标样式渲染元素的元素内容数 据， 得到更新后的树结构渲染数据； 所述 目标样式渲染元素为元素内容数据包括所述预设 富文本的标识信息的样式渲染元 素； 所述基于所述树结构渲染数据， 渲染所述至少一个样式渲染元素的视 图， 得到所述目 标页面包括： 基于所述更新后的树结构渲染数据， 渲染所述至少一个样式渲染元素的视 图， 得到所 述目标页面。 7.一种页面 渲染装置， 其特 征在于， 包括： 页面配置信息获取模块， 被配置为执行响应于目标页面的展示请求， 获取所述目标页 面的页面配置信息， 所述页面配置信息包括至少一个样式渲染元 素对应的渲染配置信息； 第一解析处理模块， 被配置为执行对所述渲染配置信息进行解析处理， 得到所述目标 页面对应的树结构渲 染数据， 所述树结构渲 染数据为以挂载有渲 染属性数据的所述至少一 个样式渲 染元素为节 点， 以所述至少一个样式渲 染元素间的视图层级关系为节点层级关系 的树结构数据； 页面渲染模块， 被配置为执行基于所述树结构渲染数据， 渲染所述至少一个样式渲染 元素的视图， 得到所述目标页面。 8.一种电子设备， 其特 征在于， 包括： 处理器； 用于存储所述处 理器可执行指令的存 储器； 其中， 所述处理器被配置为执行所述指令， 以实现如权利要求1至6中任一项所述的页 面渲染方法。 9.一种计算机可读存储介质， 其特征在于， 当所述存储介质中的指令由电子设备的处 理器执行时， 使得 所述电子设备能够执 行如权利要求1至 6中任一项所述的页面 渲染方法。 10.一种计算机程序产品， 包括计算机指令， 其特征在于， 所述计算机指令被处理器执 行时实现权利要求1至 6中任一项所述的页面 渲染方法。权　利　要　求　书 2/2 页 3 CN 114924815 A 3