一种页面组件匹配方法及装置制造方法及图纸

本发明专利技术实施例提供了一种页面组件匹配方法及装置，涉及信息处理技术领域，其中，上述方法包括：获得页面的原型图，并确定原型图包括的页面元素以及各个页面元素在所述原型图中的分布；根据所确定的页面元素以及各个页面元素在原型图中的分布，生成原型图的骨架图；判断所述骨架图库中是否存在与所述原型图的骨架图相匹配的骨架图，若存在，获得与所述原型图的骨架图相匹配的骨架图，所述骨架图库用于存储已有的页面组件的骨架图，页面组件的骨架图为：根据页面组件包括的页面元素以及各个页面元素在页面组件中的分布生成的骨架图；将所获得的骨架图对应的已有的页面组件确定为与原型图相匹配的页面组件。应用本发明专利技术实施例提供的方案进行页面组件匹配，能够提高匹配效率。

A Page Component Matching Method and Device

【技术实现步骤摘要】
一种页面组件匹配方法及装置
本专利技术涉及信息处理
，特别是涉及一种页面组件匹配方法及装置。
技术介绍
随着硬件技术的快速发展，用户所使用终端的性能越来越强大，进而用户所使用终端上安装的APP(application应用程序)也越来越多。各个APP开发者为了吸引用户、为用户提供较佳的体验效果，通常使得APP支持多样化页面展示。由于APP所展示的页面是基于页面组件生成的，为兼顾APP进行页面展示的灵活性，APP开发者通常会在APP侧生成页面组件库。这一组件库用于存储页面所需要的各种组件。鉴于这种情况，当存在开发新页面的需求时，APP开发者往往会先确认上述页面组件库中的页面组件是否与其要开发的新页面匹配，均不匹配的情况下，才继续开发上述新页面所需要的页面组件。然而，APP开发者对页面组件库中的页面组件进行确认时，一般是通过肉眼手动确认页面组件的方式实现，当上述页面组件库中存在较多页面组件时，这一方式效率较低。
技术实现思路
有鉴于此，本专利技术实施例的目的在于提供一种页面组件匹配方法及装置，以提高页面组件匹配的效率。具体技术方案如下：第一方面，本专利技术实施例提供了一种页面组件匹配方法，所述方法包括：获得页面的原型图，并确定所述原型图包括的页面元素以及各个页面元素在所述原型图中的分布；根据所确定的页面元素以及各个页面元素在所述原型图中的分布，生成所述原型图的骨架图；判断所述骨架图库中是否存在与所述原型图的骨架图相匹配的骨架图，若存在，获得与所述原型图的骨架图相匹配的骨架图，其中，所述骨架图库用于存储已有的页面组件的骨架图，页面组件的骨架图为：根据页面组件包括的页面元素以及各个页面元素在页面组件中的分布生成的骨架图；将所获得的骨架图对应的已有的页面组件确定为与所述原型图相匹配的页面组件。本专利技术的一个实施例中，按照以下方式生成所述骨架图库中存储的各个骨架图：获得页面组件，并确定所获得页面组件包括的页面元素以及各页面元素在页面组件中的分布，作为第一分布；由所述第一分布衍生所获得页面组件包括的页面元素在页面组件中不同于所述第一分布的第二分布；确定所获得页面组件包括的页面元素分别与所述第一分布、各个第二分布生成的骨架图。本专利技术的一个实施例中，所述判断所述骨架图库中是否存在与所述原型图的骨架图相匹配的骨架图，包括：计算所述原型图的骨架图与骨架图库中骨架图之间的相似度；将所获得相似度与预设阈值的相似度进行比较；若存在所获得的相似度高于预设阈值的相似度，确定所述骨架图库中存在与所述原型图的骨架图相匹配的骨架图；所述获得与所述原型图的骨架图相匹配的骨架图，包括：根据计算得到的相似度，从所述骨架图库中选择与所述原型图的骨架图相似的骨架图，并将所选择的骨架图确定为与所述原型图的骨架图相匹配的骨架图。本专利技术的一个实施例中，所述计算所述原型图的骨架图与骨架图库中骨架图之间的相似度，包括：将所述原型图的骨架图和骨架图库作为预先训练的相似度计算模型的输入参数，输入所述相似度计算模型进行相似度计算，获得所述原型图的骨架图与所述骨架图库中骨架图之间的相似度，其中，所述相似度计算模型为：以样本原型图的骨架图和所述骨架图库为初始训练模型的输入参数，以样本原型图的骨架图与所述骨架图库中各个骨架图之间的标注相似度为监督，对所述初始训练模型进行训练得到的、用于计算骨架图之间相似度的模型。第二方面，本专利技术实施例提供了一种页面组件匹配装置，所述装置包括：原型图获得模块，用于获得页面的原型图，并确定所述原型图包括的页面元素以及各个页面元素在所述原型图中的分布；第一骨架图生成模块，用于根据所确定的页面元素以及各个页面元素在所述原型图中的分布，生成所述原型图的骨架图；骨架图判断模块，用于判断所述骨架图库中是否存在与所述原型图的骨架图相匹配的骨架图，若存在，触发骨架图获得模块，其中，所述骨架图库用于存储已有的页面组件的骨架图，页面组件的骨架图为：根据页面组件包括的页面元素以及各个页面元素在页面组件中的分布生成的骨架图；所述骨架图获得模块，用于获得与所述原型图的骨架图相匹配的骨架图；页面组件确定模块，用于将所获得的骨架图对应的已有的页面组件确定为与所述原型图相匹配的页面组件。本专利技术的一个实施例中，所述装置还包括：第二骨架图生成模块，用于生成所述骨架图库中存储的各个骨架图；其中，所述第二骨架图生成模块，具体用于：获得页面组件，并确定所获得页面组件包括的页面元素以及各页面元素在页面组件中的分布，作为第一分布；由所述第一分布衍生所获得页面组件包括的页面元素在页面组件中不同于所述第一分布的第二分布；确定所获得页面组件包括的页面元素分别与所述第一分布、各个第二分布生成的骨架图。本专利技术的一个实施例中，所述骨架图判断模块，包括：相似度计算单元，用于计算所述原型图的骨架图与骨架图库中骨架图之间的相似度；相似度比较单元，用于将所获得相似度与预设阈值的相似度进行比较；骨架图确定存在单元，用于若存在所获得的相似度高于预设阈值的相似度，确定所述骨架图库中存在与所述原型图的骨架图相匹配的骨架图；所述骨架图获得模块，具体用于根据计算得到的相似度，从所述骨架图库中选择与所述原型图的骨架图相似的骨架图，并将所选择的骨架图确定为与所述原型图的骨架图相匹配的骨架图。本专利技术的一个实施例中，所述相似度计算单元，具体用于将所述原型图的骨架图和骨架图库作为预先训练的相似度计算模型的输入参数，输入所述相似度计算模型进行相似度计算，获得所述原型图的骨架图与所述骨架图库中骨架图之间的相似度，其中，所述相似度计算模型为：以样本原型图的骨架图和所述骨架图库为初始训练模型的输入参数，以样本原型图的骨架图与所述骨架图库中各个骨架图之间的标注相似度为监督，对所述初始训练模型进行训练得到的、用于计算骨架图之间相似度的模型。第三方面，本专利技术实施例提供了一种电子设备，包括处理器、通信接口、存储器和通信总线，其中，处理器，通信接口，存储器通过通信总线完成相互间的通信；存储器，用于存放计算机程序；处理器，用于执行存储器上所存放的程序时，实现上述实施例所述的方法步骤。第四方面，本专利技术实施例提供了一种计算机可读存储介质，所述计算机可读存储介质内存储有计算机程序，所述计算机程序被处理器执行时实现上述实施例所述的方法步骤。第五方面，本专利技术实施例还提供了一种包含指令的计算机程序产品，当其在计算机上运行时，使得计算机执行上述任一页面组件匹配方法。由以上可见，应用本专利技术实施例提供的方案进行页面组件匹配时，确定页面的原型图包括的页面元素以及各个页面元素在所述原型图中的分布，得到原型图的骨架图后，将原型图的骨架图与骨架图库中的骨架图进行匹配，获得与原型图的骨架图相匹配的骨架图，并将所获得的骨架图对应的已有的页面组件确定为与原型图相匹配的页面组件。可见应用本专利技术实施例提供的方案进行页面组件匹配时，无需人为参与页面组件匹配，提高了匹配的效率。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍。图1为本专利技术实施例提供的一种页面组件匹配方法的流程示意图；图2为本专利技术实施例提供的一种原型图和骨架图的示意图；图3为本专利技术实施例提供的一种页面组件的骨架图的示意图；图4为本专利技术实施例提供的一种本文档来自技高网...

【技术保护点】
1.一种页面组件匹配方法，其特征在于，所述方法包括：获得页面的原型图，并确定所述原型图包括的页面元素以及各个页面元素在所述原型图中的分布；根据所确定的页面元素以及各个页面元素在所述原型图中的分布，生成所述原型图的骨架图；判断所述骨架图库中是否存在与所述原型图的骨架图相匹配的骨架图，若存在，获得与所述原型图的骨架图相匹配的骨架图，其中，所述骨架图库用于存储已有的页面组件的骨架图，页面组件的骨架图为：根据页面组件包括的页面元素以及各个页面元素在页面组件中的分布生成的骨架图；将所获得的骨架图对应的已有的页面组件确定为与所述原型图相匹配的页面组件。

【技术特征摘要】
1.一种页面组件匹配方法，其特征在于，所述方法包括：获得页面的原型图，并确定所述原型图包括的页面元素以及各个页面元素在所述原型图中的分布；根据所确定的页面元素以及各个页面元素在所述原型图中的分布，生成所述原型图的骨架图；判断所述骨架图库中是否存在与所述原型图的骨架图相匹配的骨架图，若存在，获得与所述原型图的骨架图相匹配的骨架图，其中，所述骨架图库用于存储已有的页面组件的骨架图，页面组件的骨架图为：根据页面组件包括的页面元素以及各个页面元素在页面组件中的分布生成的骨架图；将所获得的骨架图对应的已有的页面组件确定为与所述原型图相匹配的页面组件。2.根据权利要求1所述的方法，其特征在于，按照以下方式生成所述骨架图库中存储的各个骨架图：获得页面组件，并确定所获得页面组件包括的页面元素以及各页面元素在页面组件中的分布，作为第一分布；由所述第一分布衍生所获得页面组件包括的页面元素在页面组件中不同于所述第一分布的第二分布；确定所获得页面组件包括的页面元素分别与所述第一分布、各个第二分布生成的骨架图。3.根据权利要求1或2所述的方法，其特征在于，所述判断所述骨架图库中是否存在与所述原型图的骨架图相匹配的骨架图，包括：计算所述原型图的骨架图与骨架图库中骨架图之间的相似度；将所获得相似度与预设阈值的相似度进行比较；若存在所获得的相似度高于预设阈值的相似度，确定所述骨架图库中存在与所述原型图的骨架图相匹配的骨架图；所述获得与所述原型图的骨架图相匹配的骨架图，包括：根据计算得到的相似度，从所述骨架图库中选择与所述原型图的骨架图相似的骨架图，并将所选择的骨架图确定为与所述原型图的骨架图相匹配的骨架图。4.根据权利要求3所述的方法，其特征在于，所述计算所述原型图的骨架图与骨架图库中骨架图之间的相似度，包括：将所述原型图的骨架图和骨架图库作为预先训练的相似度计算模型的输入参数，输入所述相似度计算模型进行相似度计算，获得所述原型图的骨架图与所述骨架图库中骨架图之间的相似度，其中，所述相似度计算模型为：以样本原型图的骨架图和所述骨架图库为初始训练模型的输入参数，以样本原型图的骨架图与所述骨架图库中各个骨架图之间的标注相似度为监督，对所述初始训练模型进行训练得到的、用于计算骨架图之间相似度的模型。5.一种页面组件匹配装置，其特征在于，所述装置包括：原型图获得模块，用于获得页面的原型图，并确定所述原型图包括的页面元素以及各个页面元素在所述原型图中的分布；第一骨架图生成模块，用于根据所确定的页面元素以及各个页面元素在所述原型图中的分布，生成所述原型图的骨架图；骨架图判...

【专利技术属性】
技术研发人员：方学阳，
申请(专利权)人：北京奇艺世纪科技有限公司，
类型：发明
国别省市：北京,11