走查元素的匹配方法、装置、计算机设备及存储介质制造方法及图纸

本申请公开了一种走查元素的匹配方法、装置、计算机设备及存储介质，该方法包括：对待走查的开发页面进行开发页面元素提取，对对应的设计页面进行设计页面元素提取；根据开发页面元素的位置信息，确定每个开发页面元素的相邻页面元素；根据设计页面元素的位置信息，确定每个设计页面元素的相邻页面元素；根据开发页面元素与设计页面元素的相邻页面元素的相似性，确定开发页面元素与设计页面元素之间的匹配度；根据匹配度对属于不同页面的同一页面元素进行匹配，得到元素对。本申请实现了基于页面结构的走查元素的高效准确匹配，提升了元素匹配的数量和质量，解决了元素匹配不全或误匹配的问题，实现了走查环节的更一步自动化发展。展。展。

【技术实现步骤摘要】
走查元素的匹配方法、装置、计算机设备及存储介质


[0001]本申请涉及UI设计
，尤其涉及一种走查元素的匹配方法、装置、计算机设备及存储介质。

技术介绍

[0002]工程师设计出的设计稿与开发实现的开发稿，往往会存在出入。人工对比耗时耗力，因此实现UI走查从人工到数字化的迭代更新，是业界都在尝试突破的难题。现有技术中，大部分是运用插件将设计稿和开发稿通过叠图的方式放在同一个窗口上进行比对，由人眼进行甄别。
[0003]上述方法数字化和自动化程度均不高。匹配作为UI走查中的重要一环，起到举足轻重的作用，只有在元素正确匹配的前提下，才能做到有效的查验。但是现有技术大部分依靠人工匹配，不仅耗时，效率不高，而且会出现大量匹配不全或误匹配等问题。
[0004]尤其在银行线上业务快速发展，开放银行业务增长迅速的环境下，新产品/系统上架、产品/系统内容变更频繁，且金融行业对各项设计的要求审核严格，面对巨量的版本迭代及页面设计，人工审查的速度难以满足需求，需要设计更可靠迅速的UI走查方法。

技术实现思路

[0005]本申请的主要目的在于提供一种走查元素的匹配方法、装置、计算机设备及存储介质，可以解决现有技术中的元素匹配非自动化以及匹配质量不高的技术问题。
[0006]为实现上述目的，本申请第一方面提供了一种走查元素的匹配方法，该方法包括：
[0007]对待走查的开发页面进行开发页面元素提取，获取每个开发页面元素的位置信息；
[0008]对开发页面对应的设计页面进行设计页面元素提取，获取每个设计页面元素的位置信息；
[0009]根据开发页面元素的位置信息，确定每个开发页面元素的相邻页面元素；
[0010]根据设计页面元素的位置信息，确定每个设计页面元素的相邻页面元素；
[0011]根据开发页面元素与设计页面元素的相邻页面元素的相似性，确定开发页面元素与设计页面元素之间的匹配度；
[0012]根据匹配度对属于不同页面的同一页面元素进行匹配，得到元素对，其中，每个元素对包括匹配的开发页面元素和设计页面元素。
[0013]为实现上述目的，本申请第二方面提供了一种走查元素的匹配装置，该装置包括：
[0014]第一提取模块，用于对待走查的开发页面进行开发页面元素提取，获取每个开发页面元素的位置信息；
[0015]第二提取模块，用于对开发页面对应的设计页面进行设计页面元素提取，获取每个设计页面元素的位置信息；
[0016]第一邻近元素确定模块，用于根据开发页面元素的位置信息，确定每个开发页面
元素的相邻页面元素；
[0017]第二邻近元素确定模块，用于根据设计页面元素的位置信息，确定每个设计页面元素的相邻页面元素；
[0018]匹配度计算模块，用于根据开发页面元素与设计页面元素的相邻页面元素的相似性，确定开发页面元素与设计页面元素之间的匹配度；
[0019]元素对确定模块，用于根据匹配度对属于不同页面的同一页面元素进行匹配，得到元素对，其中，每个元素对包括匹配的开发页面元素和设计页面元素。
[0020]为实现上述目的，本申请第三方面提供了一种计算机可读存储介质，存储有计算机程序，计算机程序被处理器执行时，使得处理器执行以下步骤：
[0021]对待走查的开发页面进行开发页面元素提取，获取每个开发页面元素的位置信息；
[0022]对开发页面对应的设计页面进行设计页面元素提取，获取每个设计页面元素的位置信息；
[0023]根据开发页面元素的位置信息，确定每个开发页面元素的相邻页面元素；
[0024]根据设计页面元素的位置信息，确定每个设计页面元素的相邻页面元素；
[0025]根据开发页面元素与设计页面元素的相邻页面元素的相似性，确定开发页面元素与设计页面元素之间的匹配度；
[0026]根据匹配度对属于不同页面的同一页面元素进行匹配，得到元素对，其中，每个元素对包括匹配的开发页面元素和设计页面元素。
[0027]为实现上述目的，本申请第四方面提供了一种计算机设备，包括存储器和处理器，存储器存储有计算机程序，计算机程序被处理器执行时，使得处理器执行以下步骤：
[0028]对待走查的开发页面进行开发页面元素提取，获取每个开发页面元素的位置信息；
[0029]对开发页面对应的设计页面进行设计页面元素提取，获取每个设计页面元素的位置信息；
[0030]根据开发页面元素的位置信息，确定每个开发页面元素的相邻页面元素；
[0031]根据设计页面元素的位置信息，确定每个设计页面元素的相邻页面元素；
[0032]根据开发页面元素与设计页面元素的相邻页面元素的相似性，确定开发页面元素与设计页面元素之间的匹配度；
[0033]根据匹配度对属于不同页面的同一页面元素进行匹配，得到元素对，其中，每个元素对包括匹配的开发页面元素和设计页面元素。
[0034]采用本申请实施例，具有如下有益效果：
[0035]本申请通过页面元素在页面中的位置信息，确定页面元素之间的结构组成，进而确定相邻页面元素，根据相邻页面元素的相似性确定开发页面元素与设计页面元素的对应关系或匹配关系，实现了基于页面结构的走查元素的高效准确匹配，提升了元素匹配的数量和质量，解决了元素匹配不全或误匹配的问题，降低了人工参与的复杂度和人工成本，实现了走查环节的更一步自动化发展，为走查工作的有效进行提供了有力依据。本申请方案可适用于各种业务场景，特别适用于产品更新迭代频繁、产品上架时间紧迫的金融领域，例如银行、保险等金融科技行业。可以自动化、高效率、准确地对UI页面进行走查工作，满足金
融行业线上业务快速发展，开放银行业务增长迅速的环境下，新产品/系统上架、产品/系统内容变更频繁，且金融行业对各项设计的要求审核严格，版本迭代及页面设计更新频率等各种需求。
附图说明
[0036]为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0037]其中：
[0038]图1为本申请实施例中走查元素的匹配方法的流程图；
[0039]图2为本申请实施例中页面元素的排序效果示意图；
[0040]图3为本申请实施例中拓扑结构的示意图；
[0041]图4为本申请实施例中走查元素的匹配装置的结构框图；
[0042]图5为本申请实施例中计算机设备的结构框图。
具体实施方式
[0043]下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种走查元素的匹配方法，其特征在于，所述方法包括：对待走查的开发页面进行开发页面元素提取，获取每个开发页面元素的位置信息；对所述开发页面对应的设计页面进行设计页面元素提取，获取每个设计页面元素的位置信息；根据所述开发页面元素的位置信息，确定每个所述开发页面元素的相邻页面元素；根据所述设计页面元素的位置信息，确定每个所述设计页面元素的相邻页面元素；根据所述开发页面元素与所述设计页面元素的相邻页面元素的相似性，确定所述开发页面元素与所述设计页面元素之间的匹配度；根据所述匹配度对属于不同页面的同一页面元素进行匹配，得到元素对，其中，每个所述元素对包括匹配的开发页面元素和设计页面元素。2.根据权利要求1所述的方法，其特征在于，所述根据所述开发页面元素与所述设计页面元素的相邻页面元素的相似性，确定所述开发页面元素与所述设计页面元素之间的匹配度，包括：计算待匹配元素与同一个候选匹配元素在相同方位上的相邻页面元素的子匹配度；根据所有不同方位对应的子匹配度，得到所述待匹配元素与所述候选匹配元素的匹配度；或者，基于所述待匹配元素的相邻页面元素和所述候选匹配元素的相邻页面元素，获取待匹配元素与候选匹配元素的相邻页面元素的整体相似性，得到所述待匹配元素与所述候选匹配元素的匹配度。3.根据权利要求2所述的方法，其特征在于，所述根据所有不同方位对应的子匹配度，得到所述待匹配元素与所述候选匹配元素的匹配度，包括：将所有不同方位对应的子匹配度组成所述待匹配元素与所述候选匹配元素的匹配度；或，对所有不同方位对应的子匹配度求和，得到所述待匹配元素与所述候选匹配元素的匹配度；或，对所有不同方位对应的子匹配度求和，计算匹配度之和与方位的总个数的比值，得到所述待匹配元素与所述候选匹配元素的匹配度。4.根据权利要求3所述的方法，其特征在于，所述根据所述匹配度对属于不同页面的同一页面元素进行匹配，得到元素对，包括：若所述匹配度包括不同方位的子匹配度，则将各个方位的子匹配度均超过对应匹配阈值的候选匹配元素与所述待匹配元素组成一元素对；若所述匹配度为子匹配度之和，或，所述匹配度为子匹配度之和与方位的总个数的比值，则将最大匹配度对应的候选匹配元素与所述待匹配元素组成一元素对；若所述匹配度为整体相似性，则将最大整体相似性对应的候选匹配元素与所述待匹配元素组成一元素对。5.根据权利要求1所述的方法，其特征在于，所述根据所述开发页面元素的位置信息，确定每个所述开发页面元素的相邻页面元素，包括：根据所述开发页面元素的位置信息，基于预设的排序规则对所述开发页面元素进行排
序，得到第一排序结果；根据所述第一排序结果，确定每个所述开发页面元素在各个不同方位的相邻页面元素；所述根据所述设计页面元素的位置信息，确定每个所述设计页面元素的相邻页面元素，包括：根据所述设计页面元素的位置信息，基于相同的排序规则对所述设计页面元素进行排序，得到第二排序结果；根据所述第二排序结果，确定每个所述设计页面元素在各个不同方位的相邻...

【专利技术属性】
技术研发人员：苏志锋，苏沁宁，
申请(专利权)人：平安银行股份有限公司，
类型：发明
国别省市：