骨架屏生成方法、装置、设备及存储介质制造方法及图纸

本发明专利技术涉及骨架屏技术领域，公开了一种骨架屏生成方法、装置、设备及存储介质。本方法包括：获取骨架屏标签，将需要展示骨架屏的页面包裹在骨架屏标签中，得到骨架屏标签对应的配置信息；基于配置信息确定骨架屏标签的生成参数；根据生成参数，为骨架屏标签配置插件；通过插件对骨架屏标签进行解析，得到骨架屏标签对应的目标页面；对页面元素进行分析，得到目标页面对应骨架屏的页面结构；根据骨架屏的页面结构，生成与目标页面相匹配的骨架屏。本发明专利技术通过遍历记录整个数据树层级与结构所对应骨架屏标签，生成与当前结构相匹配的骨架屏结构，提升开发效率。提升开发效率。提升开发效率。

【技术实现步骤摘要】
骨架屏生成方法、装置、设备及存储介质


[0001]本专利技术涉及计算机
，尤其涉及一种骨架屏生成方法、装置、设备及存储介质。

技术介绍

[0002]骨架屏英文叫Skeleton Screen，也被称为加载占位图。它是在页面数据尚未加载前先给用户展示出页面的大致结构，进而等到数据请求返回后再显示页面的数据内容，从而替换它。这种交互方式相比普通的loading图标展示的交互方式，能在不干扰用户的操作下，极大的强化了用户对该页面的一个框架有一个大体的概念。现在有越来越多的应用采用这样子的加载方式。
[0003]但是在传统骨架屏的开发中，都是静态对骨架屏的样式进行开发。也就是说假如一个应用中有需要n种不同的骨架屏的加载样式，就需要手动去对这n套骨架屏的结构样式进行开发。那么假设有m个应用需要开发，并且都需要使用骨架屏的加载方式，那最糟糕的情况就是需要开发m*n套骨架屏，十分的耗时耗力。

技术实现思路

[0004]本专利技术的主要目的在于通过遍历记录整个数据树层级与结构所对应骨架屏标签，生成与当前结构相匹配的骨架屏结构，提升本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种骨架屏生成方法，其特征在于，所述骨架屏生成方法包括：获取骨架屏标签，将需要展示骨架屏的页面包裹在所述骨架屏标签中，得到所述骨架屏标签对应的配置信息；基于所述配置信息确定所述骨架屏标签的生成参数；根据所述生成参数，为所述骨架屏标签配置插件；通过所述插件对所述骨架屏标签进行解析，得到所述骨架屏标签对应的目标页面，其中，所述目标页面包括页面元素，所述页面元素包括关键元素和非关键元素；对所述页面元素进行分析，得到所述目标页面对应骨架屏的页面结构；根据所述骨架屏的页面结构，生成与所述目标页面相匹配的骨架屏。2.根据权利要求1所述的骨架屏生成方法，其特征在于，所述根据所述生成参数，为所述骨架屏标签配置插件包括：获取所述骨架屏标签对应的对应的属性信息，其中，所述属性信息包括所述骨架屏标签对应的插件的版本信息和所述骨架屏标签中排除所述插件的安装包配置文件的信息；根据所述插件的插件标识获取所述插件的第一安装包配置文件；根据所述安装包配置文件的信息获取所述骨架屏标签中的第二安装包配置文件；将对应的代码分别注入所述第一安装包配置文件以及所述第二安装包配置文件，完成所述骨架屏标签的插件配置。3.根据权利要求2所述的骨架屏生成方法，其特征在于，所述根据所述插件的插件标识获取所述插件的第一安装包配置文件包括：当所述插件中每个插件的版本号与第一插件中插件的版本号均匹配成功时，将所述第一插件中与所述插件中所有插件的版本号进行匹配，并将匹配成功的插件标记为第二插件；获取所述第二插件对应的安装包配置文件，并将所述安装包配置文件标记为第一安装包配置文件，其中，所述第一插件为所述本地数据库中与所述插件的插件标识相匹配的插件。4.根据权利要求1所述的骨架屏生成方法，其特征在于，所述对所述页面元素进行分析，得到所述目标页面对应骨架屏的页面结构包括：对所述目标页面中的元素进行清洗，得到目标元素，其中，所述目标元素为关键元素；将所述目标页面中的关键元素替换为占位元素，得到所述目标页面对应的骨架屏的页面结构。5.根据权利要求4所述的骨架屏生成方法，其特征在于，所述对所述目标页面中的元素进行清洗，得到目标元素，其中，所述目标元素为关键元素包括：解析所述目标页面的逻辑文件，以将所述目标页面的逻辑文件转换为文档对象模型树，其中，所述文档对象模型树包括多个节点，每个节点对应所述目标页面中的一个页面元素；根据所述目标页面的配置信息对所述文档对象模型树进行裁剪，得到目标文档对象模型树...

【专利技术属性】
技术研发人员：李瑞瑜，
申请(专利权)人：平安国际智慧城市科技股份有限公司，
类型：发明
国别省市：