页面渲染方法、装置和电子设备.pdf

(19)国家知识产权局(12)发明专利申请(10)申请公布号CN116150539A(43)申请公布日2023.05.23(21)申请号202310246685.7(22)申请日2023.03.10(71)申请人京东科技控股股份有限公司地址100176北京市大兴区北京经济技术开发区科创十一街18号C座2层221室(72)发明人陈云飞王艾林(74)专利代理机构北京清亦华知识产权代理事务所(普通合伙)11201专利代理师孙诗惠(51)Int.Cl.G06F16/958(2019.01)权利要求书2页说明书13页附图5页(54)发明名称页面渲染方法、装置和电子设备(57)摘要本申请提出一种页面渲染方法、装置和电子设备。方法包括：获取待渲染页面上的页面组件的配置数据；基于所述页面组件的技术栈的类别，对所述配置数据进行转换，得到转换数据；基于所述转换数据，对所述页面组件进行渲染，以对所述待渲染页面进行渲染。由此，可考虑到页面组件的技术栈的类别，对页面组件的配置数据进行转换，得到转换数据，以渲染页面组件，可实现同一页面上的多个技术栈类别的页面组件的混合渲染，相较于相关技术中仅能实现同一页面上的同一技术栈类别的页面组件的渲染，有助于提高页面渲染的灵活性。CN116150539ACN116150539A权利要求书1/2页1.一种页面渲染方法，其特征在于，包括：获取待渲染页面上的页面组件的配置数据；基于所述页面组件的技术栈的类别，对所述配置数据进行转换，得到转换数据；基于所述转换数据，对所述页面组件进行渲染，以对所述待渲染页面进行渲染。2.根据权利要求1所述的方法，其特征在于，所述基于所述页面组件的技术栈的类别，对所述配置数据进行转换，得到转换数据，包括：基于所述页面组件的技术栈的类别，确定所述转换数据的数据类别；按照所述数据类别，对所述配置数据进行转换，得到所述转换数据。3.根据权利要求1所述的方法，其特征在于，所述基于所述转换数据，对所述页面组件进行渲染，包括：加载所述页面组件的组件实体；基于所述组件实体和所述转换数据，对所述页面组件进行渲染。4.根据权利要求3所述的方法，其特征在于，所述基于所述组件实体和所述转换数据，对所述页面组件进行渲染，包括：基于所述组件实体和所述转换数据，生成所述待渲染页面的虚拟组件树，其中，所述虚拟组件树的节点用于表征所述页面组件；对所述虚拟组件树进行遍历，并基于当前遍历到的目标节点的第一节点数据，对所述目标节点表征的目标页面组件进行渲染，直至所述虚拟组件树遍历结束。5.根据权利要求4所述的方法，其特征在于，所述基于所述组件实体和所述转换数据，生成所述待渲染页面的虚拟组件树，包括：基于所述组件实体和所述转换数据，得到所述节点的第二节点数据；按照所述节点之间的层级关系，对所述第二节点数据进行组合，得到所述虚拟组件树。6.根据权利要求5所述的方法，其特征在于，还包括：基于所述页面组件之间的层级关系，确定所述节点之间的层级关系。7.根据权利要求4所述的方法，其特征在于，所述基于当前遍历到的目标节点的第一节点数据，对所述目标节点表征的目标页面组件进行渲染，包括：基于所述页面组件的技术栈的类别，确定所述目标页面组件的挂载方式；基于所述挂载方式和所述第一节点数据，对所述目标页面组件进行挂载。8.根据权利要求7所述的方法，其特征在于，所述基于所述挂载方式和所述第一节点数据，对所述目标页面组件进行挂载，包括：基于所述第一节点数据，得到所述目标页面组件的组件描述；基于所述挂载方式和所述组件描述，对所述目标页面组件进行挂载。9.根据权利要求8所述的方法，其特征在于，所述基于所述挂载方式和所述组件描述，对所述目标页面组件进行挂载，包括：基于所述组件描述，得到所述目标页面组件的真实文档对象模型DOM；基于所述挂载方式，将所述目标页面组件的真实DOM挂载到所述目标页面组件的父组件的真实DOM上。10.根据权利要求1‑9中任一项所述的方法，其特征在于，所述页面组件包括第一页面组件和第二页面组件，所述第一页面组件和所述第二页面组件之间为父子关系，所述第一2CN116150539A权利要求书2/2页页面组件、所述第二页面组件的技术栈的类别不同。11.一种页面渲染装置，其特征在于，包括：获取模块，用于获取待渲染页面上的页面组件的配置数据；转换模块，用于基于所述页面组件的技术栈的类别，对所述配置数据进行转换，得到转换数据；渲染模块，用于基于所述转换数据，对所述页面组件进行渲染，以对所述待渲染页面进行渲染。12.一种电子设备，其特征在于，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时，实现如权利要求1‑10中任一项所述的页面渲染方法。13.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处