CN110308905B - 一种页面组件匹配方法及装置 - Google Patents

一种页面组件匹配方法及装置 Download PDF

Info

Publication number
CN110308905B
CN110308905B CN201910562487.5A CN201910562487A CN110308905B CN 110308905 B CN110308905 B CN 110308905B CN 201910562487 A CN201910562487 A CN 201910562487A CN 110308905 B CN110308905 B CN 110308905B
Authority
CN
China
Prior art keywords
diagram
skeleton diagram
page
prototype
skeleton
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN201910562487.5A
Other languages
English (en)
Other versions
CN110308905A (zh
Inventor
方学阳
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing QIYI Century Science and Technology Co Ltd
Original Assignee
Beijing QIYI Century Science and Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing QIYI Century Science and Technology Co Ltd filed Critical Beijing QIYI Century Science and Technology Co Ltd
Priority to CN201910562487.5A priority Critical patent/CN110308905B/zh
Publication of CN110308905A publication Critical patent/CN110308905A/zh
Application granted granted Critical
Publication of CN110308905B publication Critical patent/CN110308905B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/38—Creation or generation of source code for implementing user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F18/00—Pattern recognition
    • G06F18/20—Analysing
    • G06F18/22—Matching criteria, e.g. proximity measures
    • Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
    • Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
    • Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
    • Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • Data Mining & Analysis (AREA)
  • Software Systems (AREA)
  • General Physics & Mathematics (AREA)
  • Bioinformatics & Cheminformatics (AREA)
  • Evolutionary Computation (AREA)
  • Evolutionary Biology (AREA)
  • Computer Vision & Pattern Recognition (AREA)
  • Bioinformatics & Computational Biology (AREA)
  • Artificial Intelligence (AREA)
  • Human Computer Interaction (AREA)
  • Life Sciences & Earth Sciences (AREA)
  • Information Retrieval, Db Structures And Fs Structures Therefor (AREA)

Abstract

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

Description

一种页面组件匹配方法及装置
技术领域
本发明涉及信息处理技术领域，特别是涉及一种页面组件匹配方法及装置。
背景技术
随着硬件技术的快速发展，用户所使用终端的性能越来越强大，进而用户所使用终端上安装的APP(application应用程序)也越来越多。各个APP开发者为了吸引用户、为用户提供较佳的体验效果，通常使得APP支持多样化页面展示。
由于APP所展示的页面是基于页面组件生成的，为兼顾APP进行页面展示的灵活性，APP开发者通常会在APP侧生成页面组件库。这一组件库用于存储页面所需要的各种组件。
鉴于这种情况，当存在开发新页面的需求时，APP开发者往往会先确认上述页面组件库中的页面组件是否与其要开发的新页面匹配，均不匹配的情况下，才继续开发上述新页面所需要的页面组件。
然而，APP开发者对页面组件库中的页面组件进行确认时，一般是通过肉眼手动确认页面组件的方式实现，当上述页面组件库中存在较多页面组件时，这一方式效率较低。
发明内容
有鉴于此，本发明实施例的目的在于提供一种页面组件匹配方法及装置，以提高页面组件匹配的效率。具体技术方案如下：
第一方面，本发明实施例提供了一种页面组件匹配方法，所述方法包括：
获得页面的原型图，并确定所述原型图包括的页面元素以及各个页面元素在所述原型图中的分布；
根据所确定的页面元素以及各个页面元素在所述原型图中的分布，生成所述原型图的骨架图；
判断所述骨架图库中是否存在与所述原型图的骨架图相匹配的骨架图，若存在，获得与所述原型图的骨架图相匹配的骨架图，其中，所述骨架图库用于存储已有的页面组件的骨架图，页面组件的骨架图为：根据页面组件包括的页面元素以及各个页面元素在页面组件中的分布生成的骨架图；
将所获得的骨架图对应的已有的页面组件确定为与所述原型图相匹配的页面组件。
本发明的一个实施例中，按照以下方式生成所述骨架图库中存储的各个骨架图：
获得页面组件，并确定所获得页面组件包括的页面元素以及各页面元素在页面组件中的分布，作为第一分布；
由所述第一分布衍生所获得页面组件包括的页面元素在页面组件中不同于所述第一分布的第二分布；
确定所获得页面组件包括的页面元素分别与所述第一分布、各个第二分布生成的骨架图。
本发明的一个实施例中，所述判断所述骨架图库中是否存在与所述原型图的骨架图相匹配的骨架图，包括：
计算所述原型图的骨架图与骨架图库中骨架图之间的相似度；
将所获得相似度与预设阈值的相似度进行比较；
若存在所获得的相似度高于预设阈值的相似度，确定所述骨架图库中存在与所述原型图的骨架图相匹配的骨架图；
所述获得与所述原型图的骨架图相匹配的骨架图，包括：
根据计算得到的相似度，从所述骨架图库中选择与所述原型图的骨架图相似的骨架图，并将所选择的骨架图确定为与所述原型图的骨架图相匹配的骨架图。
本发明的一个实施例中，所述计算所述原型图的骨架图与骨架图库中骨架图之间的相似度，包括：
将所述原型图的骨架图和骨架图库作为预先训练的相似度计算模型的输入参数，输入所述相似度计算模型进行相似度计算，获得所述原型图的骨架图与所述骨架图库中骨架图之间的相似度，其中，所述相似度计算模型为：以样本原型图的骨架图和所述骨架图库为初始训练模型的输入参数，以样本原型图的骨架图与所述骨架图库中各个骨架图之间的标注相似度为监督，对所述初始训练模型进行训练得到的、用于计算骨架图之间相似度的模型。
第二方面，本发明实施例提供了一种页面组件匹配装置，所述装置包括：
原型图获得模块，用于获得页面的原型图，并确定所述原型图包括的页面元素以及各个页面元素在所述原型图中的分布；
第一骨架图生成模块，用于根据所确定的页面元素以及各个页面元素在所述原型图中的分布，生成所述原型图的骨架图；
骨架图判断模块，用于判断所述骨架图库中是否存在与所述原型图的骨架图相匹配的骨架图，若存在，触发骨架图获得模块，其中，所述骨架图库用于存储已有的页面组件的骨架图，页面组件的骨架图为：根据页面组件包括的页面元素以及各个页面元素在页面组件中的分布生成的骨架图；
所述骨架图获得模块，用于获得与所述原型图的骨架图相匹配的骨架图；
页面组件确定模块，用于将所获得的骨架图对应的已有的页面组件确定为与所述原型图相匹配的页面组件。
本发明的一个实施例中，所述装置还包括：第二骨架图生成模块，用于生成所述骨架图库中存储的各个骨架图；
其中，所述第二骨架图生成模块，具体用于：
获得页面组件，并确定所获得页面组件包括的页面元素以及各页面元素在页面组件中的分布，作为第一分布；
由所述第一分布衍生所获得页面组件包括的页面元素在页面组件中不同于所述第一分布的第二分布；
确定所获得页面组件包括的页面元素分别与所述第一分布、各个第二分布生成的骨架图。
本发明的一个实施例中，所述骨架图判断模块，包括：
相似度计算单元，用于计算所述原型图的骨架图与骨架图库中骨架图之间的相似度；
相似度比较单元，用于将所获得相似度与预设阈值的相似度进行比较；
骨架图确定存在单元，用于若存在所获得的相似度高于预设阈值的相似度，确定所述骨架图库中存在与所述原型图的骨架图相匹配的骨架图；
所述骨架图获得模块，具体用于根据计算得到的相似度，从所述骨架图库中选择与所述原型图的骨架图相似的骨架图，并将所选择的骨架图确定为与所述原型图的骨架图相匹配的骨架图。
本发明的一个实施例中，
所述相似度计算单元，具体用于将所述原型图的骨架图和骨架图库作为预先训练的相似度计算模型的输入参数，输入所述相似度计算模型进行相似度计算，获得所述原型图的骨架图与所述骨架图库中骨架图之间的相似度，其中，所述相似度计算模型为：以样本原型图的骨架图和所述骨架图库为初始训练模型的输入参数，以样本原型图的骨架图与所述骨架图库中各个骨架图之间的标注相似度为监督，对所述初始训练模型进行训练得到的、用于计算骨架图之间相似度的模型。
第三方面，本发明实施例提供了一种电子设备，包括处理器、通信接口、存储器和通信总线，其中，处理器，通信接口，存储器通过通信总线完成相互间的通信；
存储器，用于存放计算机程序；
处理器，用于执行存储器上所存放的程序时，实现上述实施例所述的方法步骤。
第四方面，本发明实施例提供了一种计算机可读存储介质，所述计算机可读存储介质内存储有计算机程序，所述计算机程序被处理器执行时实现上述实施例所述的方法步骤。
第五方面，本发明实施例还提供了一种包含指令的计算机程序产品，当其在计算机上运行时，使得计算机执行上述任一页面组件匹配方法。
由以上可见，应用本发明实施例提供的方案进行页面组件匹配时，确定页面的原型图包括的页面元素以及各个页面元素在所述原型图中的分布，得到原型图的骨架图后，将原型图的骨架图与骨架图库中的骨架图进行匹配，获得与原型图的骨架图相匹配的骨架图，并将所获得的骨架图对应的已有的页面组件确定为与原型图相匹配的页面组件。可见应用本发明实施例提供的方案进行页面组件匹配时，无需人为参与页面组件匹配，提高了匹配的效率。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍。
图1为本发明实施例提供的一种页面组件匹配方法的流程示意图；
图2为本发明实施例提供的一种原型图和骨架图的示意图；
图3为本发明实施例提供的一种页面组件的骨架图的示意图；
图4为本发明实施例提供的一种骨架图生成方法的流程示意图；
图5为本发明实施例提供的一种页面元素分布示意图；
图6为本发明实施例提供的一种页面组件匹配装置的结构示意图；
图7为本发明实施例提供的另一种页面组件匹配装置的结构示意图；
图8为本发明实施例提供的一种电子设备的结构示意图。
具体实施方式
下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述。
本发明实施例公开了一种页面组件匹配方法及装置，以下分别进行详细说明。
参见图1，图1为本发明实施例提供的一种页面组件匹配方法的流程示意图，该方法包括如下步骤：
步骤101，获得页面的原型图，并确定原型图包括的页面元素以及各个页面元素在原型图中的分布。
页面的原型图是指针对页面开发需求的UE(User Experience用户体验)图，通常作为UI(User Interface用户界面)和APP页面开发的参考图案。具体的，上述原型图一般是由页面元素形成的。
页面元素可以理解为形成页面的最小单元。其中，页面元素可以包括文字元素、图片元素等。
各个页面元素在原型图中的分布具体可以以页面元素在原型图中的位置描述。
下面结合图2对页面的原型图进行说明。
参见图2，左侧图像是一张页面的原型图，该原型图中包含了“爱青春剧场”、“电视剧”、“AABB”文字元素和图片元素。
步骤102，根据所确定的页面元素以及各个页面元素在原型图中的分布，生成原型图的骨架图。
其中，上述原型图的骨架图可以理解为：各种图形标识符相组合描述上述原型图框架的图像。具体的，每一图形标识符对应一种页面元素。
例如，上述图形标识符与页面元素之间的对应关系可以是：椭圆形图形标识符对应图片元素、矩形图形标识符对应按钮元素等。
本发明的一个实施例中，根据所确定的页面元素以及各个页面元素在原型图中的分布，生成原型图的骨架图时，可以先确定各个页面元素对应的图形标识符，然后按照各个页面元素在原型图中的位置，设置各个页面元素对应的图形标识符的位置，进而得到原型图的骨架图。
下面结合图2对原型图的骨架图进行说明，参见图2，左侧图像为原型图，右侧图像为原型图的骨架图。
其中，图2右侧的Card(卡片)表示上述骨架图，对应于图中的最大矩形框。
Block(块)作为上述Card的下一级元素，对应于图2右侧的次最大矩形框。
上述Block中包括meta(标签)和image(图像)。meta和image表示原型图中的具体页面元素。meta对应于图中的最小矩形框，image对应于图中的椭圆形框。
则原型图中包括的页面元素有：
文字元素“爱青春剧场”、“电视剧”、“AABB”，这些文字元素以meta表示；
图片元素以image表示。
步骤103，判断上述骨架图库中是否存在与上述原型图的骨架图相匹配的骨架图，若存在，执行步骤104。
获得与原型图的骨架图相匹配的骨架图，在确定上述骨架图库中存在与上述原型图的骨架图相匹配的骨架图之后进行。
其中，上述骨架图库用于存储已有的页面组件的骨架图。页面组件的骨架图为：根据页面组件包括的页面元素以及各个页面元素在页面组件中的分布生成的骨架图。
页面组件是生成页面的基础，是对页面内容和生成页面的方法的封装。
同样的，页面组件的骨架图也可理解为：各种图形标识符相组合描述上述页面组件框架的图像。具体的，每一图形标识符对应一种页面元素。
下面结合图3对页面组件的骨架图进行说明。
参见图3，示出了一张页面组件的骨架图。
其中，Card表示上述骨架图，对应于图3中最大的矩形框。
Block是上述Card的下一级的页面元素，对应于图3中次最大的矩形框。
每一个Block中包括image和button(按钮)。image和button表示页面组件中具体页面元素。image是图片元素对应于图3中的椭圆形框，button是按钮元素对应于图3中的最小矩形框。
本发明的一个实施例中，判断上述骨架图库中是否存在与上述原型图的骨架图相匹配的骨架图，若存在，获得与上述原型图的骨架图相匹配的骨架图时，可以先计算原型图的骨架图与骨架图库中骨架图之间的相似度，然后将所获得的相似度与预设阈值的相似度进行比较，若存在所获得的相似度高于预设阈值的相似度，确定上述骨架图库中存在与上述原型图的骨架图相匹配的骨架图。确定上述骨架图库中存在与上述原型图的骨架图相匹配的骨架图之后，根据计算得到的相似度，从骨架图库中选择与上述原型图的骨架图相似的骨架图，并将所选择的骨架图确定为与上述原型图的骨架图相匹配的骨架图。
具体的，可以采用机器学习算法、SIFT(Scale-invariant feature transform尺度不变特征变换)算法、感知哈希算法、SIM(SimRank身份识别卡排列)算法、shape context(点集之间联系)算法等计算上述原型图的骨架图与骨架图库中骨架图之间的相似度。
随着机器学习技术的广泛应用，本发明的一个实施例中，在计算上述原型图的骨架图与骨架图库中骨架图之间的相似度时，还可以将上述原型图的骨架图和骨架图库作为预先训练的相似度计算模型的输入参数，输入相似度计算模型进行相似度计算，获得上述原型图的骨架图与骨架图库中骨架图之间的相似度。
其中，上述相似度计算模型为：以样本原型图的骨架图和骨架图库为初始训练模型的输入参数，以样本原型图的骨架图与骨架图库中各个骨架图之间的标注相似度为监督，对初始训练模型进行训练得到的、用于计算骨架图之间相似度的模型。
具体的，上述初始训练模型可以是分级聚类算法模型、感知哈希算法模型等。
由于模型是事先训练好的，而且机器学习模型的学习能力较强、准确度高，所以在预先训练好上述相似度计算模型的情况下，应用上述相似度计算模型计算相似度，能够快速、准确的计算出原型图的骨架图与骨架图库中骨架图之间的相似度。
步骤104，获得与原型图的骨架图相匹配的骨架图。
本发明的一种实现方式中，在计算得到各个相似度，同时确定上述骨架图库中存在与上述原型图的骨架图相匹配的骨架图之后，可以选择最高相似度在骨架图库中对应的骨架图，作为与上述原型图的骨架图相似的骨架图。
本发明的另一种实现方式中，在计算得到各个相似度，同时确定上述骨架图库中存在与上述原型图的骨架图相匹配的骨架图之后，还可以选择预设数量个最高相似度在骨架图库中对应的骨架图，作为与上述原型图的骨架图相似的骨架图。
本发明的再一种实现方式中，在计算得到各个相似度，同时确定上述骨架图库中存在与上述原型图的骨架图相匹配的骨架图之后，还可以选择相似度高于预设阈值的相似度在骨架图库中对应的骨架图，作为与上述原型图的骨架图相似的骨架图。
本发明的又一种实现方式中，在计算得到各个相似度之后，将所获得的相似度与预设阈值的相似度比较，发现不存在所获得的相似度高于预设阈值的相似度时，可以生成提示信息，提示工作人员上述骨架图库不存在与上述原型图的骨架图相匹配的骨架图。此时工作人员可以自行构造与原型图的骨架图相匹配的页面组件的骨架图，同时将自行构造的骨架图存储到上述骨架图库中，进一步丰富骨架图库。
步骤105，将所获得的骨架图对应的已有的页面组件确定为与原型图相匹配的页面组件。
可见，应用本发明实施例提供的方案进行页面组件的匹配时，无需人为参与页面组件匹配，提高了匹配的效率。
除此之外，由于进行页面组件匹配的过程中不需要人为参与，所以，对工作人员的工作经验也没有要求，从而能够有效避免因工作人员工作经验不足而导致的查找遗漏等情况。
又由于在骨架图库中存在与页面的原型图相匹配的骨架图时，应用本发明实施例提供的方案能够高效、准确的被查找到，因此，降低了工作人员为页面的原型图生成新页面组件的概率，从而降低了APP包迅速增大的概率。
参见图4，图4为本发明实施例提供的一种骨架图生成方法的流程示意图，应用该方法生成上述骨架图库中存储的各个骨架图。具体的，上述骨架图生成方法包括如下步骤：
步骤401，获得页面组件，确定所获得页面组件包括的页面元素以及各页面元素在页面组件中的分布，作为第一分布。
步骤402，由第一分布衍生所获得页面组件包括的页面元素在页面组件中不同于第一分布的第二分布。
第一种情况，页面元素相同、且页面元素在页面组件中的位置也相同，这种情况下，可以认为对应的页面组件是相同的。
第二种情况，页面元素相同、但页面元素在页面组件中的位置不相同，这种情况下，可以认为与上述第一种情况相似，进而可以认为对应的页面组件与上述第一种情况对应的页面组件也是相同的。
第三种情况，页面元素相同、但页面元素的数量不相同，这种情况下，也可以认为与上述第一种情况相似，进而也可以认为对应的页面组件与上述第一种情况对应的页面组件也是相同的。
鉴于上述三种情况，本发明实施例中，在确定上述第一分布后，还从第一分布衍生出了不同的第二分布。以保证上述骨架库能够兼容不同业务的需求。
下面结合图5对上述第一分布和第二分布进行说明。
图5中示出了页面组件的四种骨架图。假设，一个页面组件的骨架图如图中左上角图所示时，该骨架图中页面元素的分布作为第一分布，则可以由该第一分布衍生出图5中其他三张图像所示骨架图中示出的页面元素的分布。其中，上述其他三张骨架图中页面元素的数量相对于左上角图像中页面元素的数量有所增加。
步骤403，确定所获得页面组件包括的页面元素分别与第一分布、各个第二分布生成的骨架图。
也就是说，按照第一分布设置所获得页面组件包括的页面元素得到一张骨架图。并且分别按照第二分布设置所获得页面组件包括的页面元素得到多张骨架图。
应用本发明实施例提供的方案生成页面组件的骨架图时，在获得一个页面组件之后，不仅能够生成该页面组件的骨架图，还能够在该页面组件中元素的第一分布基础上进行分布衍生，得到不同的第二分布，并结合第二分布生成骨架图。这样能够针对一个页面组件得到多个骨架图，从而能够快速生成上述骨架图库。
与上述页面组件匹配方法相对应，本发明实施例还提供了一种页面组件匹配装置。
参见图6，提供了一种页面组件匹配装置的结构示意图，该装置包括：
原型图获得模块601，用于获得页面的原型图，并确定所述原型图包括的页面元素以及各个页面元素在所述原型图中的分布；
第一骨架图生成模块602，用于根据所确定的页面元素以及各个页面元素在所述原型图中的分布，生成所述原型图的骨架图；
骨架图判断模块603，用于判断所述骨架图库中是否存在与所述原型图的骨架图相匹配的骨架图，若存在，触发骨架图获得模块，其中，所述骨架图库用于存储已有的页面组件的骨架图，页面组件的骨架图为：根据页面组件包括的页面元素以及各个页面元素在页面组件中的分布生成的骨架图；
骨架图获得模块604，用于获得与所述原型图的骨架图相匹配的骨架图；
页面组件确定模块605，用于将所获得的骨架图对应的已有的页面组件确定为与所述原型图相匹配的页面组件。
本发明的一个实施例中，所述骨架图判断模块603，包括：
相似度计算单元，用于计算所述原型图的骨架图与骨架图库中骨架图之间的相似度；
相似度比较单元，用于将所获得相似度与预设阈值的相似度进行比较；
骨架图确定存在单元，用于若存在所获得的相似度高于预设阈值的相似度，确定所述骨架图库中存在与所述原型图的骨架图相匹配的骨架图；
所述骨架图获得模块604，具体用于根据计算得到的相似度，从所述骨架图库中选择与所述原型图的骨架图相似的骨架图，并将所选择的骨架图确定为与所述原型图的骨架图相匹配的骨架图。
本发明的一个实施例中，所述相似度计算单元，具体用于将所述原型图的骨架图和骨架图库作为预先训练的相似度计算模型的输入参数，输入所述相似度计算模型进行相似度计算，获得所述原型图的骨架图与所述骨架图库中骨架图之间的相似度，其中，所述相似度计算模型为：以样本原型图的骨架图和所述骨架图库为初始训练模型的输入参数，以样本原型图的骨架图与所述骨架图库中各个骨架图之间的标注相似度为监督，对所述初始训练模型进行训练得到的、用于计算骨架图之间相似度的模型。
可见，应用本发明实施例提供的装置进行页面组件的匹配时，无需人为参与页面组件匹配，提高了匹配的效率。
除此之外，由于进行页面组件匹配的过程中不需要人为参与，所以，对工作人员的工作经验也没有要求，从而能够有效避免因工作人员工作经验不足而导致的查找遗漏等情况。
又由于在骨架图库中存在与页面的原型图相匹配的骨架图时，应用本发明实施例提供的装置能够高效、准确的被查找到，因此，降低了工作人员为页面的原型图生成新页面组件的概率，从而降低了APP包迅速增大的概率。
本发明的一个实施例中，参见图7，提供了另一种页面组件匹配装置的结构示意图，相对于上述图6所示实施例，本实施例中，上述页面组件匹配装置还可以包括：第二骨架图生成模块606。
上述第二骨架图生成模块606，用于生成所述骨架图库中存储的各个骨架图。
上述第二骨架图生成模块606，具体用于：
获得页面组件，并确定所获得页面组件包括的页面元素以及各页面元素在页面组件中的分布，作为第一分布；
由所述第一分布衍生所获得页面组件包括的页面元素在页面组件中不同于所述第一分布的第二分布；
确定所获得页面组件包括的页面元素分别与所述第一分布、各个第二分布生成的骨架图。
应用本发明实施例提供的装置生成页面组件的骨架图时，在获得一个页面组件之后，不仅能够生成该页面组件的骨架图，还能够在该页面组件中元素的第一分布基础上进行分布衍生，得到不同的第二分布，并结合第二分布生成骨架图。这样能够针对一个页面组件得到多个骨架图，从而能够快速生成上述骨架图库。
与上述页面组件匹配方法相对应，本发明实施例还提供了一种电子设备。
参见图8，提供了一种电子设备的结构示意图，该电子设备包括：处理器801、通信接口802、存储器803和通信总线804，其中，处理器801，通信接口802，存储器803通过通信总线804完成相互间的通信；
存储器803，用于存放计算机程序；
处理器801，用于执行存储器上所存放的程序时，实现上述各个实施例所述的方法步骤。
与上述页面组件匹配方法相对应，本发明实施例还提供了一种计算机可读存储介质，其特征在于，所述计算机可读存储介质内存储有计算机程序，所述计算机程序被处理器执行时实现上述各个实施例所述的方法步骤。
可见，应用本发明实施例提供的方案进行页面组件的匹配时，无需人为参与页面组件匹配，提高了匹配的效率。
除此之外，由于进行页面组件匹配的过程中不需要人为参与，所以，对工作人员的工作经验也没有要求，从而能够有效避免因工作人员工作经验不足而导致的查找遗漏等情况。
又由于在骨架图库中存在与页面的原型图相匹配的骨架图时，应用本发明实施例提供的方案能够高效、准确的被查找到，因此，降低了工作人员为页面的原型图生成新页面组件的概率，从而降低了APP包迅速增大的概率。
上述电子设备提到的通信总线可以是外设部件互连标准(Peripheral ComponentInterconnect，PCI)总线或扩展工业标准结构(Extended Industry StandardArchitecture，EISA)总线等。该通信总线可以分为地址总线、数据总线、控制总线等。为便于表示，图中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。
通信接口用于上述电子设备与其他设备之间的通信。
存储器可以包括随机存取存储器(Random Access Memory，RAM)，也可以包括非易失性存储器(Non-Volatile Memory，NVM)，例如至少一个磁盘存储器。可选的，存储器还可以是至少一个位于远离前述处理器的存储装置。
上述的处理器可以是通用处理器，包括中央处理器(Central Processing Unit，CPU)、网络处理器(Network Processor，NP)等；还可以是数字信号处理器(Digital SignalProcessing，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现场可编程门阵列(Field-Programmable Gate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。
在本发明提供的又一实施例中，还提供了一种包含指令的计算机程序产品，当其在计算机上运行时，使得计算机执行上述实施例中任一页面组件匹配方法。
在上述实施例中，可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时，可以全部或部分地以计算机程序产品的形式实现。所述计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行所述计算机程序指令时，全部或部分地产生按照本发明实施例所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。所述计算机指令可以存储在计算机可读存储介质中，或者从一个计算机可读存储介质向另一个计算机可读存储介质传输，例如，所述计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线(DSL))或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。所述计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质，(例如，软盘、硬盘、磁带)、光介质(例如，DVD)、或者半导体介质(例如固态硬盘Solid State Disk(SSD))等。
需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
本说明书中的各个实施例均采用相关的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于装置、电子设备、计算机可读存储介质、计算机程序产品实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。
以上所述仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所作的任何修改、等同替换、改进等，均包含在本发明的保护范围内。

Claims (8)

1.一种页面组件匹配方法，其特征在于，所述方法包括：
获得页面的原型图，并确定所述原型图包括的页面元素以及各个页面元素在所述原型图中的分布；
根据所确定的页面元素以及各个页面元素在所述原型图中的分布，生成所述原型图的骨架图；
判断骨架图库中是否存在与所述原型图的骨架图相匹配的骨架图，若存在，获得与所述原型图的骨架图相匹配的骨架图，其中，所述骨架图库用于存储已有的页面组件的骨架图，页面组件的骨架图为：根据页面组件包括的页面元素以及各个页面元素在页面组件中的分布生成的骨架图；
将所获得的骨架图对应的已有的页面组件确定为与所述原型图相匹配的页面组件；
所述判断骨架图库中是否存在与所述原型图的骨架图相匹配的骨架图，包括：
计算所述原型图的骨架图与骨架图库中骨架图之间的相似度；将所获得相似度与预设阈值的相似度进行比较；若存在所获得的相似度高于预设阈值的相似度，确定所述骨架图库中存在与所述原型图的骨架图相匹配的骨架图；
所述获得与所述原型图的骨架图相匹配的骨架图，包括：
根据计算得到的相似度，从所述骨架图库中选择与所述原型图的骨架图相似的骨架图，并将所选择的骨架图确定为与所述原型图的骨架图相匹配的骨架图。
2.根据权利要求1所述的方法，其特征在于，按照以下方式生成所述骨架图库中存储的各个骨架图：
获得页面组件，并确定所获得页面组件包括的页面元素以及各页面元素在页面组件中的分布，作为第一分布；
由所述第一分布衍生所获得页面组件包括的页面元素在页面组件中不同于所述第一分布的第二分布；
确定所获得页面组件包括的页面元素分别与所述第一分布、各个第二分布生成的骨架图。
3.根据权利要求1所述的方法，其特征在于，所述计算所述原型图的骨架图与骨架图库中骨架图之间的相似度，包括：
将所述原型图的骨架图和骨架图库作为预先训练的相似度计算模型的输入参数，输入所述相似度计算模型进行相似度计算，获得所述原型图的骨架图与所述骨架图库中骨架图之间的相似度，其中，所述相似度计算模型为：以样本原型图的骨架图和所述骨架图库为初始训练模型的输入参数，以样本原型图的骨架图与所述骨架图库中各个骨架图之间的标注相似度为监督，对所述初始训练模型进行训练得到的、用于计算骨架图之间相似度的模型。
4.一种页面组件匹配装置，其特征在于，所述装置包括：
原型图获得模块，用于获得页面的原型图，并确定所述原型图包括的页面元素以及各个页面元素在所述原型图中的分布；
第一骨架图生成模块，用于根据所确定的页面元素以及各个页面元素在所述原型图中的分布，生成所述原型图的骨架图；
骨架图判断模块，用于判断骨架图库中是否存在与所述原型图的骨架图相匹配的骨架图，若存在，触发骨架图获得模块，其中，所述骨架图库用于存储已有的页面组件的骨架图，页面组件的骨架图为：根据页面组件包括的页面元素以及各个页面元素在页面组件中的分布生成的骨架图；
所述骨架图获得模块，用于获得与所述原型图的骨架图相匹配的骨架图；
页面组件确定模块，用于将所获得的骨架图对应的已有的页面组件确定为与所述原型图相匹配的页面组件；
所述骨架图判断模块，包括：相似度计算单元，用于计算所述原型图的骨架图与骨架图库中骨架图之间的相似度；相似度比较单元，用于将所获得相似度与预设阈值的相似度进行比较；骨架图确定存在单元，用于若存在所获得的相似度高于预设阈值的相似度，确定所述骨架图库中存在与所述原型图的骨架图相匹配的骨架图；
所述骨架图获得模块，具体用于根据计算得到的相似度，从所述骨架图库中选择与所述原型图的骨架图相似的骨架图，并将所选择的骨架图确定为与所述原型图的骨架图相匹配的骨架图。
5.根据权利要求4所述的装置，其特征在于，所述装置还包括：第二骨架图生成模块，用于生成所述骨架图库中存储的各个骨架图；
其中，所述第二骨架图生成模块，具体用于：
获得页面组件，并确定所获得页面组件包括的页面元素以及各页面元素在页面组件中的分布，作为第一分布；
由所述第一分布衍生所获得页面组件包括的页面元素在页面组件中不同于所述第一分布的第二分布；
确定所获得页面组件包括的页面元素分别与所述第一分布、各个第二分布生成的骨架图。
6.根据权利要求4所述的装置，其特征在于，
所述相似度计算单元，具体用于将所述原型图的骨架图和骨架图库作为预先训练的相似度计算模型的输入参数，输入所述相似度计算模型进行相似度计算，获得所述原型图的骨架图与所述骨架图库中骨架图之间的相似度，其中，所述相似度计算模型为：以样本原型图的骨架图和所述骨架图库为初始训练模型的输入参数，以样本原型图的骨架图与所述骨架图库中各个骨架图之间的标注相似度为监督，对所述初始训练模型进行训练得到的、用于计算骨架图之间相似度的模型。
7.一种电子设备，其特征在于，包括处理器、通信接口、存储器和通信总线，其中，处理器，通信接口，存储器通过通信总线完成相互间的通信；
存储器，用于存放计算机程序；
处理器，用于执行存储器上所存放的程序时，实现权利要求1-3任一所述的方法步骤。
8.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质内存储有计算机程序，所述计算机程序被处理器执行时实现权利要求1-3任一所述的方法步骤。
CN201910562487.5A 2019-06-26 2019-06-26 一种页面组件匹配方法及装置 Active CN110308905B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910562487.5A CN110308905B (zh) 2019-06-26 2019-06-26 一种页面组件匹配方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910562487.5A CN110308905B (zh) 2019-06-26 2019-06-26 一种页面组件匹配方法及装置

Publications (2)

Publication Number Publication Date
CN110308905A CN110308905A (zh) 2019-10-08
CN110308905B true CN110308905B (zh) 2023-09-08

Family

ID=68077386

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910562487.5A Active CN110308905B (zh) 2019-06-26 2019-06-26 一种页面组件匹配方法及装置

Country Status (1)

Country Link
CN (1) CN110308905B (zh)

Family Cites Families (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US10572247B2 (en) * 2016-06-01 2020-02-25 Dell Products L.P. Prototype management system
CN107506193B (zh) * 2017-08-18 2020-05-22 平安科技（深圳）有限公司 一种子系统页面的开发方法、存储介质和服务器
CN109254773B (zh) * 2018-09-19 2022-04-05 广州视源电子科技股份有限公司 骨架页面生成方法、装置、设备和存储介质
CN109558133A (zh) * 2018-12-03 2019-04-02 咪咕数字传媒有限公司 一种页面处理方法、装置和存储介质

Also Published As

Publication number Publication date
CN110308905A (zh) 2019-10-08

Similar Documents

Publication Publication Date Title
CN108710847B (zh) 场景识别方法、装置及电子设备
CN109816039B (zh) 一种跨模态信息检索方法、装置和存储介质
JP6994588B2 (ja) 顔特徴抽出モデル訓練方法、顔特徴抽出方法、装置、機器および記憶媒体
CN109145766B (zh) 模型训练方法、装置、识别方法、电子设备及存储介质
CN112330685B (zh) 图像分割模型训练、图像分割方法、装置及电子设备
CN106326391B (zh) 多媒体资源推荐方法及装置
US20190188729A1 (en) System and method for detecting counterfeit product based on deep learning
CN111163072B (zh) 机器学习模型中特征值的确定方法、装置及电子设备
CN113190781B (zh) 页面布局方法、装置、设备及存储介质
JP2022512065A (ja) 画像分類モデルの訓練方法、画像処理方法及び装置
US20170116521A1 (en) Tag processing method and device
CN112101360B (zh) 一种目标检测方法、装置以及计算机可读存储介质
CN110807472B (zh) 图像识别方法、装置、电子设备及存储介质
CN110955590A (zh) 界面检测方法、图像处理方法、装置、电子设备及存储介质
CN112818995B (zh) 图像分类方法、装置、电子设备及存储介质
CN112381092A (zh) 跟踪方法、装置及计算机可读存储介质
CN112232506A (zh) 网络模型训练方法、图像目标识别方法、装置和电子设备
CN110209780B (zh) 一种问题模板生成方法、装置、服务器及存储介质
CN110308905B (zh) 一种页面组件匹配方法及装置
CN111767710B (zh) 印尼语的情感分类方法、装置、设备及介质
CN111124579B (zh) 一种特效渲染方法、装置、电子设备及存储介质
CN113033542A (zh) 一种文本识别模型的生成方法以及装置
CN112950167A (zh) 设计服务匹配方法、装置、设备及存储介质
CN110807118A (zh) 图像评论的生成方法、装置及电子设备
CN111127502A (zh) 生成实例掩码的方法、装置及电子设备

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant