骨架屏生成方法、装置、设备及存储介质.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN113722010A(43)申请公布日2021.11.30(21)申请号202111006009.X(22)申请日2021.08.30(71)申请人平安国际智慧城市科技股份有限公司地址518000广东省深圳市前海深港合作区妈湾兴海大道3048号前海自贸大厦1-34层(72)发明人李瑞瑜(74)专利代理机构北京市京大律师事务所11321代理人姚维(51)Int.Cl.G06F9/445(2018.01)G06F9/451(2018.01)G06F16/957(2019.01)权利要求书2页说明书14页附图6页(54)发明名称骨架屏生成方法、装置、设备及存储介质(57)摘要本发明涉及骨架屏技术领域，公开了一种骨架屏生成方法、装置、设备及存储介质。本方法包括：获取骨架屏标签，将需要展示骨架屏的页面包裹在骨架屏标签中，得到骨架屏标签对应的配置信息；基于配置信息确定骨架屏标签的生成参数；根据生成参数，为骨架屏标签配置插件；通过插件对骨架屏标签进行解析，得到骨架屏标签对应的目标页面；对页面元素进行分析，得到目标页面对应骨架屏的页面结构；根据骨架屏的页面结构，生成与目标页面相匹配的骨架屏。本发明通过遍历记录整个数据树层级与结构所对应骨架屏标签，生成与当前结构相匹配的骨架屏结构，提升开发效率。CN113722010ACN113722010A权利要求书1/2页1.一种骨架屏生成方法，其特征在于，所述骨架屏生成方法包括：获取骨架屏标签，将需要展示骨架屏的页面包裹在所述骨架屏标签中，得到所述骨架屏标签对应的配置信息；基于所述配置信息确定所述骨架屏标签的生成参数；根据所述生成参数，为所述骨架屏标签配置插件；通过所述插件对所述骨架屏标签进行解析，得到所述骨架屏标签对应的目标页面，其中，所述目标页面包括页面元素，所述页面元素包括关键元素和非关键元素；对所述页面元素进行分析，得到所述目标页面对应骨架屏的页面结构；根据所述骨架屏的页面结构，生成与所述目标页面相匹配的骨架屏。2.根据权利要求1所述的骨架屏生成方法，其特征在于，所述根据所述生成参数，为所述骨架屏标签配置插件包括：获取所述骨架屏标签对应的对应的属性信息，其中，所述属性信息包括所述骨架屏标签对应的插件的版本信息和所述骨架屏标签中排除所述插件的安装包配置文件的信息；根据所述插件的插件标识获取所述插件的第一安装包配置文件；根据所述安装包配置文件的信息获取所述骨架屏标签中的第二安装包配置文件；将对应的代码分别注入所述第一安装包配置文件以及所述第二安装包配置文件，完成所述骨架屏标签的插件配置。3.根据权利要求2所述的骨架屏生成方法，其特征在于，所述根据所述插件的插件标识获取所述插件的第一安装包配置文件包括：当所述插件中每个插件的版本号与第一插件中插件的版本号均匹配成功时，将所述第一插件中与所述插件中所有插件的版本号进行匹配，并将匹配成功的插件标记为第二插件；获取所述第二插件对应的安装包配置文件，并将所述安装包配置文件标记为第一安装包配置文件，其中，所述第一插件为所述本地数据库中与所述插件的插件标识相匹配的插件。4.根据权利要求1所述的骨架屏生成方法，其特征在于，所述对所述页面元素进行分析，得到所述目标页面对应骨架屏的页面结构包括：对所述目标页面中的元素进行清洗，得到目标元素，其中，所述目标元素为关键元素；将所述目标页面中的关键元素替换为占位元素，得到所述目标页面对应的骨架屏的页面结构。5.根据权利要求4所述的骨架屏生成方法，其特征在于，所述对所述目标页面中的元素进行清洗，得到目标元素，其中，所述目标元素为关键元素包括：解析所述目标页面的逻辑文件，以将所述目标页面的逻辑文件转换为文档对象模型树，其中，所述文档对象模型树包括多个节点，每个节点对应所述目标页面中的一个页面元素；根据所述目标页面的配置信息对所述文档对象模型树进行裁剪，得到目标文档对象模型树，并去除所述目标文档对象模型树中与所述目标页面中的非关键元素相对应的节点。6.根据权利要求4所述的骨架屏生成方法，其特征在于，所述将所述目标页面中的关键元素替换为占位元素，得到所述目标页面对应的骨架屏的页面结构包括：2CN113722010A权利要求书2/2页从所述目标文档对象模型树中获取各节点的属性，其中，所述属性包括位置属性和样式属性；将所述各节点的位置属性确定为所述占位元素的位置属性，并将所述各节点的样式属性替换为所述占位元素的样式属性；将属性处理后的目标文档对象模型树转换为所述骨架屏的逻辑文件；为所述骨架屏设置参数信息，根据所述参数信息得到所述目标页面对应的骨架屏的页面结构，其中，所述骨架屏的参数信息用于控制所述骨架屏的显示效果。7.根据权利要求1所述的骨架屏生成方法，其特征在于