CN113722038A

CN113722038A - Data matching method and device, computer equipment and storage medium

Info

Publication number: CN113722038A
Application number: CN202111037496.6A
Authority: CN
Inventors: 姚陈真; 杨健; 张美鹃; 吕佳聪; 李亚农
Original assignee: Beijing ByteDance Network Technology Co Ltd
Current assignee: Beijing ByteDance Network Technology Co Ltd
Priority date: 2021-09-06
Filing date: 2021-09-06
Publication date: 2021-11-30

Abstract

The present disclosure provides a data matching method, apparatus, computer device and storage medium, wherein the method comprises: acquiring interface information of a plurality of UI interfaces to be matched; the interface information comprises element information of each UI component element of each UI; determining a matching area of each UI to obtain a plurality of matching areas; each matching area comprises at least part of UI component elements in the corresponding UI interface; adjusting the position relation among the UI interfaces to enable the matching areas to be subjected to area superposition, and displaying the superposed matching areas on the matching interfaces; and matching the UI composition elements in the multiple matching areas based on the overlapped matching areas to obtain difference information between the UI composition elements of the same type in the multiple matching areas, and displaying the difference information in a difference display area.

Description

Data matching method and device, computer equipment and storage medium

Technical Field

The present disclosure relates to the field of computer technologies, and in particular, to a data matching method, apparatus, computer device, and storage medium.

Background

In the field of UI (user interface) interface design, a UI interface needs to be checked, for example, multiple UI interfaces to be checked may be compared, so as to perform a checking operation on the UI interface according to a comparison result. The existing acceptance mode is mainly used for comparing UI interfaces to be accepted in a manual mode. Because the manual comparison tool is single, and the manual comparison subjectivity is strong, when the UI interface with a complex structure is received, the existing acceptance mode can not ensure the accuracy of the comparison, and the acceptance progress and the acceptance efficiency of the UI interface are also influenced.

Disclosure of Invention

The embodiment of the disclosure at least provides a data matching method, a data matching device, computer equipment and a storage medium.

In a first aspect, an embodiment of the present disclosure provides a data matching method, including: acquiring interface information of a plurality of UI interfaces to be matched; the interface information comprises element information of each UI component element of each UI; determining a matching area of each UI to obtain a plurality of matching areas; each matching area comprises at least part of UI component elements in the corresponding UI interface; adjusting the position relation among the UI interfaces to enable the matching areas to be subjected to area superposition, and displaying the superposed matching areas on the matching interfaces; and matching the UI composition elements in the multiple matching areas based on the overlapped matching areas to obtain difference information between the UI composition elements of the same type in the multiple matching areas, and displaying the difference information in a difference display area.

In an optional embodiment, the determining the matching area of each UI interface to obtain a plurality of matching areas includes: responding to the region selection operation of a user for at least part of the UI interface, determining a matching region of at least part of the UI interface, and obtaining a first matching region; and determining the matching area of each UI interface based on the first matching area to obtain a plurality of matching areas.

In an optional embodiment, the determining the matching area of each UI interface based on the first matching area to obtain a plurality of matching areas includes: determining a mapping area of the first matching area in remaining UI interfaces of the plurality of UI interfaces except for the at least part of UI interfaces; determining the plurality of matching regions based on the first matching region and the mapping region.

In an optional embodiment, the displaying the superimposed matching area on the matching interface includes: determining at least one non-bottom layer UI interface in the plurality of UI interfaces, and determining the transparency of a matching area corresponding to each non-bottom layer UI interface; and overlapping the matching areas, and displaying the overlapped matching areas on the matching interface according to the transparency.

In an optional implementation manner, the matching, based on the superimposed matching regions, the UI constituent elements in the multiple matching regions to obtain difference information between UI constituent elements of the same type in the multiple matching regions includes: in the overlapped matching area, matching and combining UI composition elements in the multiple matching areas to obtain at least one element matching group; the UI component elements in the same element matching group are the same type of UI component elements in the multiple matching regions; calculating the similarity between the UI component elements in each element matching group based on the element information to obtain at least one similarity value; determining a difference element based on UI component elements corresponding to the element pairing group which does not meet the requirement of the similarity in the at least one similarity value; and determining difference information for the difference element.

In an optional embodiment, the difference information includes: difference description information and/or difference identification information; the difference description information includes at least one of: pattern difference description information, shape difference description information, position difference description information, size difference description information, color difference description information; the difference identification information includes at least one of: the difference of each difference element identifies the symbol, the associated symbol between the difference elements.

In an optional embodiment, the method further comprises: responding to element selection operation aiming at the UI component elements in the overlapped matching area, and selecting to obtain at least one UI component element; obtaining at least one group of difference elements in response to the grouping operation of the at least one UI component element; and responding to an input instruction of the difference information of each group of the difference elements, acquiring the difference information input by a user, and displaying the difference information in the difference display area.

In an optional embodiment, the displaying the difference information in the difference display area includes: in response to the selection operation of the difference information, determining target difference information to be displayed in the plurality of difference information; and determining a creation scene of the target difference information, displaying a matching area in the creation scene on the matching interface, and displaying the target difference information in the matching area.

In a second aspect, an embodiment of the present disclosure provides a data matching apparatus, including: the device comprises an acquisition unit, a matching unit and a matching unit, wherein the acquisition unit is used for acquiring interface information of a plurality of UI interfaces to be matched; the interface information comprises element information of each UI component element of each UI; the determining unit is used for determining the matching area of each UI interface to obtain a plurality of matching areas; each matching area comprises at least part of UI component elements in the corresponding UI interface; the adjusting unit is used for adjusting the position relation among the UI interfaces so as to overlap the matching areas in the area and display the overlapped matching areas on the matching interfaces; the matching unit is used for matching the UI composition elements in the multiple matching areas based on the overlapped matching areas to obtain difference information among the same type of UI composition elements in the multiple matching areas; and the display unit is used for displaying the difference information in the difference display area.

In a third aspect, an embodiment of the present disclosure further provides a computer device, including: a processor, a memory and a bus, the memory storing machine-readable instructions executable by the processor, the processor and the memory communicating via the bus when the computer device is running, the machine-readable instructions when executed by the processor performing the steps of the first aspect described above, or any possible implementation of the first aspect.

In a fourth aspect, this disclosed embodiment also provides a computer-readable storage medium, on which a computer program is stored, where the computer program is executed by a processor to perform the steps in the first aspect or any one of the possible implementation manners of the first aspect.

In the embodiment of the disclosure, after the interface information of multiple UI interfaces is acquired, the matching area of each UI interface is determined, the multiple matching areas are overlapped by adjusting the position relationship among the multiple UI interfaces, and the multiple UI interfaces are checked and matched according to the matching area after being overlapped, so that the multiple UI interfaces can be automatically matched, the difference information among UI component elements is obtained, the acceptance efficiency of the acceptance of the UI interfaces is improved, the acceptance progress is accelerated, and a large amount of manpower resources are saved.

In order to make the aforementioned objects, features and advantages of the present disclosure more comprehensible, preferred embodiments accompanied with figures are described in detail below.

Drawings

In order to more clearly illustrate the technical solutions of the embodiments of the present disclosure, the drawings required for use in the embodiments will be briefly described below, and the drawings herein incorporated in and forming a part of the specification illustrate embodiments consistent with the present disclosure and, together with the description, serve to explain the technical solutions of the present disclosure. It is appreciated that the following drawings depict only certain embodiments of the disclosure and are therefore not to be considered limiting of its scope, for those skilled in the art will be able to derive additional related drawings therefrom without the benefit of the inventive faculty.

Fig. 1 shows a flowchart of a data matching method provided by an embodiment of the present disclosure;

fig. 2 is a schematic diagram illustrating an effect of multiple UI interfaces to be matched in a data matching method provided by the embodiment of the present disclosure;

fig. 3 is a schematic diagram illustrating another effect of showing multiple UI interfaces to be matched in a data matching method provided by the embodiment of the disclosure;

fig. 4 is a schematic diagram illustrating an effect of overlapping multiple matching regions in a data matching method provided by an embodiment of the present disclosure;

fig. 5 is a schematic diagram illustrating an effect of displaying difference information in a data matching method provided by an embodiment of the present disclosure;

FIG. 6 is a schematic diagram of a data matching apparatus provided by an embodiment of the present disclosure;

fig. 7 shows a schematic diagram of a computer device provided by an embodiment of the present disclosure.

Detailed Description

In order to make the objects, technical solutions and advantages of the embodiments of the present disclosure more clear, the technical solutions of the embodiments of the present disclosure will be described clearly and completely with reference to the drawings in the embodiments of the present disclosure, and it is obvious that the described embodiments are only a part of the embodiments of the present disclosure, not all of the embodiments. The components of the embodiments of the present disclosure, generally described and illustrated in the figures herein, can be arranged and designed in a wide variety of different configurations. Thus, the following detailed description of the embodiments of the present disclosure, presented in the figures, is not intended to limit the scope of the claimed disclosure, but is merely representative of selected embodiments of the disclosure. All other embodiments, which can be derived by a person skilled in the art from the embodiments of the disclosure without making creative efforts, shall fall within the protection scope of the disclosure.

It should be noted that: like reference numbers and letters refer to like items in the following figures, and thus, once an item is defined in one figure, it need not be further defined and explained in subsequent figures.

The term "and/or" herein merely describes an associative relationship, meaning that three relationships may exist, e.g., a and/or B, may mean: a exists alone, A and B exist simultaneously, and B exists alone. In addition, the term "at least one" herein means any one of a plurality or any combination of at least two of a plurality, for example, including at least one of A, B, C, and may mean including any one or more elements selected from the group consisting of A, B and C.

Research shows that the existing acceptance mode is mainly used for comparing UI interfaces to be accepted in a manual mode. Because the manual comparison tool is single, and the manual comparison subjectivity is strong, when the UI interface with a complex structure is received, the existing acceptance mode can not ensure the accuracy of the comparison, and the acceptance progress and the acceptance efficiency of the UI interface are also influenced.

Based on the research, the present disclosure provides a data matching method, apparatus, computer device, and storage medium. In the embodiment of the disclosure, after the interface information of multiple UI interfaces is acquired, the matching area of each UI interface is determined, the multiple matching areas are overlapped by adjusting the position relationship among the multiple UI interfaces, and the multiple UI interfaces are checked and matched according to the matching area after being overlapped, so that the multiple UI interfaces can be automatically matched, the difference information among UI component elements is obtained, the acceptance efficiency of the acceptance of the UI interfaces is improved, the acceptance progress is accelerated, and a large amount of manpower resources are saved.

To facilitate understanding of the present embodiment, a detailed description is first given of a data matching method disclosed in the embodiments of the present disclosure, and an execution subject of the data matching method provided in the embodiments of the present disclosure is generally a computer device with certain computing power.

Referring to fig. 1, a flowchart of a data matching method provided in an embodiment of the present disclosure is shown, where the method includes steps S101 to S107, where:

s101: acquiring interface information of a plurality of UI interfaces to be matched; the interface information includes element information of each UI component element of each UI interface.

Here, the multiple UI interfaces to be matched may be understood as multiple UI interfaces that need to be compared, and the multiple UI interfaces to be matched are all referred to as multiple UI interfaces for short, and the number of the multiple UI interfaces is not specifically limited in the present disclosure. For example, the number of the plurality of UI interfaces may be 2, the number of the plurality of UI interfaces may be 3, 4, etc., which are not listed here.

Here, the interface types of the plurality of UI interfaces are the same. The interfaces with the same type can be understood as UI interfaces corresponding to the same access path (or access link) in the application program.

Illustratively, the UI interfaces may be a UI manuscript and at least one UI design draft, wherein the UI manuscript may be understood as a standard UI interface designed by a UI designer, and the UI design draft may be understood as a UI interface developed by a program developer based on the standard UI interface. After the program developer designs the UI design, the UI designer needs to check the consistency of the UI manuscript and the UI design. When consistency is checked, the UI manuscript and the UI design manuscript can be checked by using the data matching method provided by the present disclosure.

Illustratively, the multiple UI interfaces may also be multiple UI design drafts, wherein a UI design draft may be understood as a UI interface developed by a different or same program developer based on a standard UI interface designed by the designer. After different or the same program developer calculates different UI design files, when the differences of the different UI design files need to be compared and analyzed, the data matching method provided by the present disclosure may be used to perform difference comparison and analysis on the different designed UI design files.

S103: determining a matching area of each UI to obtain a plurality of matching areas; each matching area contains at least part of UI component elements in the corresponding UI interface.

Here, the matching region of each UI interface is a region to be compared of each UI interface, the multiple matching regions include the region to be compared in each UI interface, and the region to be compared may be a partial region or a whole region of each UI interface, which is not specifically limited herein.

In the embodiment of the present disclosure, the size of the matching area of each UI interface may be the same or may be different.

In the embodiment of the present disclosure, the matching area of each UI interface refers to an area having a mapping relationship between multiple UI interfaces. Here, the areas having the mapping relationship may be understood as areas containing UI component elements of the same type in each UI interface.

Assume that each UI interface contains: when the matching area in each UI interface is determined to be the title bar area, the multiple matching areas can be understood as the area containing the same UI component elements in each UI interface (i.e., the title bar area of each UI interface).

S105: and adjusting the position relation among the UI interfaces so as to overlap the areas of the matching areas and display the overlapped matching areas on the matching interfaces.

Here, the plurality of matching regions may be superimposed by adjusting the positional relationship between the plurality of UI interfaces. The position relation among the UI interfaces can be adjusted in a manual adjustment mode and/or an automatic adjustment mode.

S107: and matching the UI composition elements in the multiple matching areas based on the overlapped matching areas to obtain difference information between the UI composition elements of the same type in the multiple matching areas, and displaying the difference information in a difference display area.

In the embodiment of the present disclosure, if the number of the plurality of matching regions is 2, a difference element may be determined in the 2 matching regions, and difference information of the difference element may be determined. Here, the difference element may be understood as a UI component element having a difference among the 2 matching regions and the same element type. The differences here can be understood as: color differences, position differences, size differences, shape differences, pattern differences, and the like.

For example, as 2 UI interfaces (i.e., UI manuscript and UI design) shown in fig. 2, the UI component element "4 consecutive days" and the UI component element "0 consecutive learning" are UI component elements having the same element type.

For a UI component element in each UI interface, a corresponding component identifier may be set for the UI component element, where the component identifier is used to indicate an element type corresponding to the UI component element. Therefore, when the UI component elements in the multiple UI interfaces correspond to the same component identifier, the UI component elements are regarded as the same element type.

In the embodiment of the present disclosure, the steps described in the above step S101 to step S107 may be implemented by target design software, and the target design software may also be referred to as "design assistant" herein. Each of the above steps will be described in detail below.

For step S101, acquiring interface information of multiple UI interfaces, specifically including the following processes:

first, the user may determine a target acceptance item in the target design software. The target acceptance item can be determined in a new acceptance item mode, and can also be determined in a historical acceptance item searching mode.

After the target acceptance items are determined, a plurality of UI interfaces to be matched can be transmitted to the target acceptance items, and the UI interfaces to be matched in the target acceptance items are displayed on the UI acceptance interfaces.

For example, as shown in fig. 2, assuming that a plurality of UI interfaces to be matched are 2, and the 2 UI interfaces to be matched are UI manuscripts designed by UI designers and UI design manuscripts developed by UI developers, respectively, then by determining a target acceptance item, the 2 UI interfaces can be displayed at a position in the UI acceptance interface corresponding to the target acceptance item, for example, as shown in fig. 2, the target acceptance item is a "learning plan", and then the UI manuscripts and UI design manuscripts can be displayed at a position in the UI acceptance interface corresponding to the "learning plan". As shown in fig. 2, the left side of the UI acceptance interface is the UI manuscript, and the right side of the UI acceptance interface is the UI design.

In the embodiment of the present disclosure, in the case that the number of UI interfaces to be matched is large, one or more UI interface lists may be further displayed on the UI acceptance interface, where the one or more UI interface lists

And the interface name is used for indicating each UI interface to be matched. For example, as shown in FIG. 3, can be at

The left side of the UI acceptance interface shows 2 UI interface lists, and the two UI lists respectively comprise a plurality of UI interfaces

A list a of UI originals and a list B containing a plurality of UI designs.

When the user clicks the UI document in the list a, the UI document selected by the user may be presented in the first presentation area of the UI acceptance interface. When the user clicks the UI design in the list B, the UI design selected by the user may be presented in the second presentation area of the UI acceptance interface.

As shown in fig. 3, the first display area of the UI acceptance interface is a left area of the UI acceptance interface, and the second display area of the UI acceptance interface is a right area of the UI acceptance interface.

Besides presenting the UI interfaces in the form of a list, the UI interfaces may also be presented in the form of pictures.

In the embodiment of the present disclosure, the interface information of each UI interface includes element information of each UI component element in each UI interface, where the UI component element is some component that can meet the user interaction requirement. For example, a UI component element may be an element such as a status bar, window, dialog box, menu, graphic, and the like.

The element information of the UI component element refers to attribute information of the UI component element described above. For example, the element information of the UI constituent element may be component identification information of the UI constituent element, and may also be attribute information such as position information, pattern information, shape information, size information, color information, and the like of the UI constituent element.

The identification information of the UI component elements refers to corresponding component identifications set for the UI component elements in each UI interface, and different types of UI component elements correspond to different component identifications. Here, different types of UI constituent elements may be understood as UI constituent elements having different positions in the UI interface and corresponding different presentation contents.

In an optional embodiment, for S103, determining a matching area of each UI interface to obtain a plurality of matching areas specifically includes the following steps:

step S1031, responding to the region selection operation of the user aiming at least part of the UI interface, determining the matching region of at least part of the UI interface, and obtaining a first matching region;

step S1032, determining a matching area of each UI interface based on the first matching area, to obtain a plurality of matching areas.

In the embodiment of the disclosure, a user may perform a region selection operation on at least a part of the UI interface through the target design software, so as to determine a matching region of the at least a part of the UI interface, and obtain a first matching region of the at least a part of the UI interface. At least part of the UI interfaces may be understood as part or all of the plurality of UI interfaces to be matched.

Here, the area selection operation may be performed on at least part of the UI interface in several ways, including:

the first method is as follows:

in the first mode, a user can select at least part of the UI interface through the cursor on the UI acceptance interface, so that the area selected by the cursor is determined as the first matching area.

The second method comprises the following steps:

in the second mode, before selecting the matching region, at least part of the UI interface may be divided into a plurality of regions, for example, region 1, region 2, … …, and region N, in advance in the target design software, and at this time, the user may select one or more regions among region 1, region 2, … …, and region N as the first matching region.

Here, a UI component element may be understood as a UI component included in a UI interface, and the UI component in the UI interface includes a corresponding nesting relationship. For example, the UI interface includes at least one first-level UI component, and each first-level UI component includes at least one second-level UI component, wherein the at least one second-level UI component is nested within the corresponding first-level UI component. And each second-layer UI component can also contain at least one third-layer UI component in a nested arrangement, which is not described in a one-to-one manner here.

Here, when the UI interface is divided into regions, the division may be performed in accordance with the nesting relationship between UI component elements. For example, when a UI interface is composed of UI constituent elements of at least one large component (i.e., the at least one first-layer UI component), a number of UI constituent elements (i.e., the at least one second-layer UI component) are included in each large component. Smaller components (i.e., the at least one third-tier UI component) are included in the collection of UI composition elements, and so on. At this time, region 1 may represent a UI component element constituting a large component of the UI interface, region 2 may represent one UI component element among several UI component elements under the large component, and so on, region N may represent a region corresponding to a certain UI component element that is not separable.

In the disclosed example, at least some of the regions 1, 2, … …, N may overlap partially or completely. When the area 1 and the area 2 selected by the user overlap, an area union of the area 1 and the area 2 may be determined as a first matching area.

After the first matching region is determined, the matching region of each UI interface may be determined based on the first matching region, resulting in multiple matching regions.

Here, the matching area of each UI interface may be determined according to the mapping relationship between the plurality of UI interfaces and the first matching area, and then the plurality of matching areas may be obtained.

In the above embodiment, when the number of UI interfaces to be matched is large, the determining efficiency of the multiple matching areas can be improved and the manpower resource can be saved by determining the first matching area of at least part of the UI interfaces and then determining the matching area of each UI interface according to the first matching area.

In an optional embodiment, for S1032, based on the first matching region, determining a matching region of each UI interface to obtain a plurality of matching regions, specifically including the following processes:

step S10321, determining a mapping area of the first matching area in remaining UI interfaces of the plurality of UI interfaces except the at least part of UI interfaces.

Step S13022, determining the multiple matching regions based on the first matching region and the mapping region.

In this embodiment of the present disclosure, after determining the first matching area of at least part of the UI interface, the mapping area of the first matching area may be determined in the remaining UI interfaces, and a specific determination process is described as follows:

the first method is as follows:

as can be seen from the above description, the multiple UI interfaces are interfaces with the same interface type, and in this case, the multiple UI interfaces should include UI constituent elements with the same type.

Here, the interface type refers to an interface displayed after a certain operation by the user, and may be, for example, a start page, a guide page, a function page, a promotion page, or the like. Therefore, when a plurality of UI interfaces are interfaces with the same interface type, the UI interfaces may be start pages at the same time, or guide pages at the same time.

At this time, a mapping region of the first matching region may be determined in the remaining UI interfaces based on the interface size ratio M between the plurality of UI interfaces and the first matching region. Wherein, the size ratio between the area size of the first matching area and the area size of the mapping area is M; and the element type of the UI component element framed by the first matching area is the same as the element type of the UI component element framed by the mapping area.

Here, if the number of the first matching areas is plural, the mapping area of each first matching area may be determined in the remaining UI interface to obtain plural mapping areas, and then the plural mapping areas may be determined as the mapping areas of the remaining UI interface.

If the number of the first matching areas is multiple, one first matching area can be selected from the multiple first matching areas, and the selected mapping area of the first matching area is determined in the remaining UI interfaces, so that the mapping areas of the remaining UI interfaces are obtained.

The second method comprises the following steps:

At this time, each UI interface may be divided into a plurality of mark points in an equal proportion, and then a mapping matrix of the mark points between the plurality of UI interfaces may be determined. Wherein the non-separable UI component elements in each UI interface at least comprise one marking point.

After the first matching area is determined, each marking point on the area frame of the first matching area may be determined, and then, mapping marking points of each marking point on the remaining UI interfaces are determined according to the mapping matrix, so that the mapping area of each remaining UI interface is determined according to the mapping marking points.

In the embodiment of the present disclosure, after the mapping region is determined, the plurality of matching regions may be determined according to the determined first matching region and the mapping region. For example, the first matching region and the mapping region may be treated as a plurality of matching regions.

In the above embodiment, by determining the mapping region of the first matching region in the remaining UI interfaces and then determining the plurality of matching regions according to the first matching region and the mapping region, the plurality of matching regions can be automatically identified, so that when the number of UI interfaces to be matched is large, human resources can be saved, and the determination efficiency of the plurality of matching regions can be improved. Compared with the existing manual labeling mode, the method can also improve the determination precision of the multiple matching areas.

In an alternative embodiment, the positional relationship between the UI interfaces is adjusted with respect to step S105.

In the embodiment of the present disclosure, the position relationship between the UI interfaces may be adjusted in an automatic adjustment manner, and the position relationship between the UI interfaces may also be adjusted in a manner of manually performing corresponding operations on the UI interfaces. The method for adjusting the positional relationship between the UI interfaces will be described below in an automatic adjustment manner and a manual adjustment manner.

Firstly, aiming at an automatic adjustment mode.

In the embodiment of the disclosure, an adjustment setting interface may be set in the display interface of the target design software, where the adjustment setting interface includes setting information, and the setting information is used to indicate at least one of the following: adjustment modes among multiple UI interfaces, and transparency of each UI interface.

For example, as shown in fig. 2, the setting information includes: overlay mode (i.e., adjustment mode), transparency. The overlapping mode is used for indicating the overlapping sequence of the multiple matching areas after the multiple UI interfaces are adjusted, and the transparency is used for indicating the overlapping transparency of the matching area of each UI interface.

After setting the setting information in the manner shown in fig. 2, the user may click an adjustment button shown in fig. 2, and at this time, the target design software may adjust the positional relationship between the UI interfaces according to the setting information.

And secondly, aiming at a manual adjustment mode.

The user can execute corresponding trigger operation on the UI interface displayed on the UI acceptance interface, and the target design software controls the triggered UI interface to execute corresponding action in response to the trigger operation.

Here, the trigger operation may be a drag operation for the UI interface. At this time, the dragged UI interface can move on the UI acceptance interface. And when the dragging operation is finished, and the finishing time of the dragging operation, the position of the dragged UI is the position of the UI after the UI is adjusted.

For example, it is assumed that the number of the UI interfaces is 2, and UI manuscripts and UI design manuscripts are provided, respectively. As shown in fig. 2, the UI manuscript and the UI design are respectively located on the left and right sides of the UI acceptance interface. When a user drags one UI interface of the UI manuscript and the UI design draft displayed in the UI acceptance interface, the dragged UI interface can be moved to the position above the other UI interface, and further the position relation among the UI interfaces is adjusted. For example, as shown in fig. 2, the position adjustment of the plurality of UI interfaces may be realized by performing a drag operation with respect to the UI design on the right side and moving the UI design above the UI design on the left side. For example, an adjustment effect as shown in fig. 4 can be obtained.

Here, the adjustment of the positional relationship between the plurality of UI interfaces may also be achieved by combining an automatic adjustment manner and a manual adjustment manner. Specifically, the positional relationship between the UI interfaces may be adjusted by the automatic adjustment manner described above. And then, aiming at the position relation after automatic adjustment, the position relation of the UI interfaces can be adjusted again in a manual adjustment mode. By the processing mode, accurate matching of the matching area of each UI interface can be realized, and more accurate difference information can be obtained.

For example, it is assumed that the number of the UI interfaces is 2, and UI manuscripts and UI design manuscripts are provided, respectively. As shown in fig. 2, the UI manuscript and the UI design are respectively located on the left and right sides of the UI acceptance interface. First, the UI original and the UI design may be automatically position-adjusted, and for example, the position adjustment between the UI original and the UI design may be realized by setting parameters in an adjustment setting interface. For example, a superimposing manner (i.e., an adjustment manner) may be set such that the UI design is superimposed on the UI original, the transparency of the UI design located above is 50, and the display position is centered.

After the parameters are set in the adjustment setting interface, the automatic adjustment of the positional relationship between the UI document and the UI design document can be realized by clicking the "adjustment button" shown in fig. 2.

After the automatic adjustment of the positional relationship between the UI document and the UI design is realized in the manner described above, the UI document and the UI design after the automatic adjustment of the positional relationship may also be manually adjusted in a manner of manual adjustment. For example, a user may click on a UI design located above, at this time, the UI design is in a movable state, when the UI design is dragged by the user, the UI design may move along with the dragging operation, and when the user releases (or releases) the UI design, a position where the UI design is located is a position after the UI design is adjusted, so that the position relationship between the UI original and the UI design is adjusted by combining an automatic adjustment manner and a manual adjustment manner.

In the embodiment of the disclosure, when the number of the UI interfaces is N, where N is a positive integer greater than 1, at this time, the position relationship of the UI interfaces may be adjusted by performing a drag operation on N-1 UI interfaces.

In the embodiment of the present disclosure, when the UI interface is dragged, the un-dragged UI interface may be moved or may not be moved, which is exemplified below.

As shown in fig. 2, when the number of the plurality of UI interfaces is 2, the user may select to drag any one of the UI interfaces, for example, the user may select to drag the left UI interface. When the left UI interface is dragged over the right UI interface, the left and right UI interfaces may move to a middle position of the UI acceptance interface. In addition, the right UI interface may remain stationary when the left UI interface is dragged over the right UI interface.

When the number of the plurality of UI interfaces is greater than 2 (e.g., N >2), each UI interface may be exhibited in the UI acceptance interface at this time. At this time, assuming that the nth UI interface remains still, the dragging is started from the 1 st UI interface, and when the first N-2 UI interfaces are dragged and the first N-2 UI interfaces are dragged to the upper side of the nth UI interface, the nth UI interface that is not dragged may remain still. When the (N-1) th UI interface is dragged and the (N-1) th UI interface is dragged to be above the previous (N-2) UI interfaces, the N UI interfaces can be moved to the middle position of the UI acceptance interface. In addition, when the Nth UI interface is dragged to be above the first N-2 UI interfaces, the Nth UI interface can still be kept still.

For example, when the value of N is 3, it is assumed that, of the 3 UI interfaces, 1 is a UI original, and 2 is a UI design draft, at this time, in the UI acceptance interface, the left side is the UI original, and the right side is the UI design draft (for example, 1 is on the upper side of the right side, and 1 is on the lower side of the right side), at this time, if the UI design draft on the upper side of the right side is dragged to the UI original on the left side, the position of the UI design draft on the lower side of the right side may not be changed, and when the UI design draft on the lower side of the right side is dragged to the positions of the two previous UI interfaces, at this time, the positions of the 3 UI interfaces may be at the positions of the original on the left side and at the center position of the UI acceptance interface.

In the embodiment of the present disclosure, after the positional relationship between the plurality of UI interfaces is adjusted, the plurality of matching areas may be subjected to area superposition.

Here, the superposition between the UI interfaces may be achieved by the automatic adjustment manner and/or the manual adjustment manner described above. Since the matching area is an area to be compared in the multiple UI interfaces, the multiple matching areas can be overlapped by overlapping the multiple UI interfaces.

In the above embodiment, the position relationship between the UI interfaces is adjusted by an automatic adjustment mode and/or a manual adjustment mode, so that the comparison efficiency of the UI interfaces can be improved, and the accurate matching of the matching areas can be realized, thereby obtaining more accurate difference information.

In an optional embodiment, for the step S105, displaying the overlapped matching area on the matching interface may specifically describe the following process:

step S1051: determining at least one non-bottom layer UI interface in the plurality of UI interfaces, and determining the transparency of a matching area corresponding to each non-bottom layer UI interface;

step S1052: and displaying the superposed matching area on the matching interface according to the transparency.

In the implementation of the present disclosure, after the positional relationship of the multiple UI interfaces is adjusted, the multiple UI interfaces may be superimposed, and at this time, the UI interface located at the bottom layer may be determined, or at least one non-bottom layer UI interface may be determined.

For each determined non-underlying UI interface, the transparency of the matching area corresponding to the non-underlying UI interface may be determined. And then displaying the superposed matching area on the matching interface according to the transparency.

In the case that the matching area is a partial area of each UI interface, when the superimposed matching area is displayed according to the transparency, the transparency of the entire area of each UI interface may be set to the transparency of the matching area in the UI interface.

Here, when the number of the plurality of matching regions is greater than 2, at this time, a plurality of non-underlying UI interfaces may be generated. In this case, the transparency set for the matching region in each non-underlying UI interface may or may not be the same.

In the embodiment of the present disclosure, the value of the transparency may be set to any value between P and Q, where P is greater than 0, Q is less than 100, and P is less than Q.

In the above embodiment, the transparency of the matching region corresponding to each non-underlying UI interface is determined, and the superimposed matching region is displayed on the matching interface according to the corresponding transparency, so that a user can observe difference information between difference elements in the matching region more clearly, and the verification accuracy is improved.

In an optional implementation manner, for S107, based on the superimposed matching regions, matching the UI constituent elements in the multiple matching regions to obtain difference information between UI constituent elements of the same type in the multiple matching regions, specifically, the method includes the following steps:

step S11, in the overlapped matching area, matching and combining the UI component elements in the matching areas to obtain at least one element matching group; the UI component elements in the same element matching group are the same type of UI component elements in the multiple matching regions;

step S12, calculating the similarity between the UI component elements in each element matching group based on the element information to obtain at least one similarity value;

step S13, determining a difference element based on the UI component element corresponding to the element pairing group which does not meet the requirement of the similarity in the at least one similarity value; and determining difference information for the difference element.

Here, the difference information includes difference description information and/or difference identification information. The difference description information may be pattern difference description information, shape difference description information, position difference description information, size difference description information, color difference description information, and the like. The difference identification information may be a difference identification symbol of each difference element and/or an association symbol between the difference elements.

Here, the difference identification symbol may be a symbol of any shape such as a circle, a square, a rectangle, a heart, etc.; the associated symbols between the difference elements can be associated symbols in any expression mode such as straight lines, curved lines, single-arrow connecting lines, double-arrow connecting lines and the like. The present disclosure does not specifically limit the expression form of the difference identifier symbol and the associated symbol, so as to be able to be implemented.

In the embodiment of the present disclosure, the target design software may perform automatic pairing and combination on UI constituent elements of the same type in the multiple overlapped matching regions to obtain at least one element pairing group, and a specific process may be described as follows:

for each matching area, determining element information of UI component elements located in the matching area in a UI corresponding to the matching area to obtain target element information; after the target element information of each matching region is obtained, the UI component elements of the same type in the multiple overlapping matching regions may be automatically paired and combined according to the target element information of each matching region, so as to obtain at least one element pairing group.

Here, the target element information may contain at least one of: identification information, position information, shape information, size information, color information, and the like. For each piece of target element information, a corresponding priority is preset, and at this time, UI constituent elements of the same type in the multiple overlapped matching regions may be automatically paired and combined based on the priority of each piece of target element information, so as to obtain at least one element pairing group.

In the embodiment of the present disclosure, when performing matching combination of UI constituent elements according to target element information, a user may select one or more pieces of element information from the target element information in advance, and then perform matching combination on UI constituent elements of the same type in a plurality of overlapped matching regions according to a priority of the one or more pieces of element information selected by the user, so as to obtain at least one element matching group.

For example, assume that the target element information includes: the device comprises identification information and position information, wherein the priority of the identification information is higher than that of the position information. At this time, UI component elements corresponding to the same identification information in the respective matching regions may be determined as the same type of UI component elements. Then, for the UI constituent elements that have not been paired successfully, the pairing and combining may be performed based on the position information, for example, the UI constituent elements whose position differences are smaller than a preset numerical value in each matching region may be determined as the same type of UI constituent elements.

For example, as shown in fig. 4, a matching area is shown in which a matching area M in the UI document and a matching area N in the UI design document are superimposed. At this time, it may be determined that the element information of the UI constituent element located in the matching region M is the element information a from the interface information corresponding to the UI original, and the element information of the UI constituent element located in the matching region N is the element information B from the interface information corresponding to the UI design. At this time, the element information a and the element information B may be pair-wise combined based on the identification information, and if the identification information is the same, the UI component element having the same identification information is determined to be the same type of UI component element. For example, as shown in fig. 2, if the UI component element "4 consecutive days in day" in the matching region M and the UI component element "0 consecutive learning" in the matching region N correspond to the same identification information, it is determined that they are a group of UI component elements of the same type, constituting an element pairing group.

In the embodiment of the present disclosure, after obtaining at least one element pairing group, the similarity between UI component elements in the element pairing group may be calculated according to the element information of the UI component elements, so as to obtain at least one similarity value.

And when the obtained similarity value between the UI component elements does not meet the similarity requirement, determining the difference element. For example, a similarity threshold may be given, and when the obtained similarity value between the UI component elements is smaller than a predetermined threshold, indicating that the similarity value does not satisfy the similarity requirement, the group of UI component elements is determined as the difference element.

And determining the difference information of the difference elements according to the element information which does not meet the similarity requirement. For example: the difference information may be: and the identification is inconsistent, the position is inconsistent, the pattern is inconsistent, the shape is inconsistent, the size is inconsistent, the color is inconsistent and other different information.

In the above embodiment, when the UI interface to be matched is designed more complicated, the design assistant performs pairing combination on the UI constituent elements in the matching area, calculates the similarity between the UI constituent elements in the element pairing group, and determines the difference element and the difference information, so that the subjectivity of manual comparison can be avoided, the verification efficiency of the UI constituent elements can be improved, and the human resources can be saved.

In an optional embodiment, for S107, the method further comprises the steps of:

step S21 of, in response to an element selection operation for UI constituent elements in the superimposed matching region, selecting at least one UI constituent element;

step S22, obtaining at least one group of difference elements in response to the grouping operation of the at least one UI component element;

step S23, in response to the input instruction of the difference information of each group of difference elements, acquiring the difference information input by the user, and displaying the difference information in the difference display area.

In the embodiment of the present disclosure, as shown in fig. 4, the user may box part of UI component elements in the matching area after the superimposition, and at this time, an element selection operation of the user with respect to the matching area after the superimposition may be detected. Then, in response to the element selection operation, UI component elements located within the user-selected frame area in the matching area after the superimposition are determined, resulting in at least one UI component element.

After selecting the at least one UI component element, the user may further group the at least one UI component element, and at this time, a grouping operation of the user on the at least one UI component element may be detected, so as to obtain at least one group of difference elements (i.e., an element pairing group). If a plurality of groups of difference elements are obtained by grouping, the grouping names corresponding to each group of difference elements can be different.

After creating at least one group of difference elements, difference information of each group of difference elements may be further input, where the difference information includes: disparity identification information and/or disparity description information.

For the difference identification information, the labeling of the difference identification symbols of each group of difference elements and the labeling of the associated symbols between the difference elements can be realized through an identification tool displayed in a UI acceptance interface.

For the difference description information, the input of the difference description information can be realized by a way of newly creating new difference description information in the difference display area, so that the difference description information of each difference element is obtained.

Here, it should be noted that, when the difference information is difference identification information, the difference display area is an area where a difference identification symbol of a corresponding difference element in the matching interface is located; when the difference information is difference description information, the difference display area described above is a difference display area as shown in fig. 2.

According to the technical scheme, the difference elements are determined manually, the difference information of each group of difference elements is created manually, the difference elements in the overlapped matching area can be determined more accurately through the processing mode, the difference of the difference elements can be described more accurately, and accordingly the acceptance quality of the UI interface is improved.

In an optional embodiment, for S107, displaying the difference information in the difference display area includes the following specific steps:

step S31, determining target difference information to be presented among the plurality of difference information in response to a selection operation of the difference information;

step S32, determining a creation scene of the target difference information, displaying a matching area in the creation scene on the matching interface, and displaying the target difference information in the matching area.

In the embodiment of the present disclosure, the user may select difference description information to be displayed in the difference display region as target difference information, for example, as shown in fig. 5, the difference description information Text1 may be selected among the difference description information Text1 through the difference description information Text3 as the target difference information.

After the target difference information selected by the user is determined, a creation scene of the target difference information can be obtained from the local file, a matching area in the creation scene is displayed in the matching interface, and the target difference information is displayed in the matching area. For example, as shown in fig. 5, a creation scenario corresponding to the difference description information Text1 may be presented, where the creation scenario may be understood as a state corresponding to a plurality of matching areas corresponding to the UI interfaces to be matched in the UI acceptance interface when creating the difference description information Text 1.

Here, the creation scenario may be at least one of: the position relationship among the multiple UI interfaces when the target difference information is created, the superposition relationship among the matching areas of each UI interface when the target difference information is created, the transparency of each matching area when the target difference information is created, and the zoom degree of each matching area when the target difference information is created.

In addition to presenting the matching area in the creation scenario, the difference identification information in the target difference information, for example, the difference identification symbol of each difference element, and the association symbol between the difference elements, may also be presented in the matching area. For example, as shown in fig. 5, "60" and "20" are a group of difference elements, and at this time, the difference elements may be identified by difference identification symbols, for example, as shown in fig. 5, "60" and "20" are boxed by rectangular boxes.

In the above embodiment, by restoring the creation scene of the difference information and displaying the target difference information in the matching area, the UI interface verification personnel can be helped to recall the current annotation scene, and the UI interface verification efficiency and the verification quality can be improved.

It will be understood by those skilled in the art that in the method of the present invention, the order of writing the steps does not imply a strict order of execution and any limitations on the implementation, and the specific order of execution of the steps should be determined by their function and possible inherent logic.

Based on the same inventive concept, the embodiment of the present disclosure further provides a data matching apparatus corresponding to the data matching method, and since the principle of the apparatus in the embodiment of the present disclosure for solving the problem is similar to the data matching method in the embodiment of the present disclosure, the implementation of the apparatus may refer to the implementation of the method, and repeated details are not repeated.

Referring to fig. 6, a schematic diagram of a data matching apparatus provided in an embodiment of the present disclosure is shown, where the apparatus includes: the device comprises an acquisition unit 61, a determination unit 62, an adjustment unit 63, a matching unit 64 and a display unit 65; wherein the content of the first and second substances,

an obtaining unit 61, configured to obtain interface information of multiple UI interfaces to be matched; the interface information comprises element information of each UI component element of each UI;

a determining unit 62, configured to determine a matching area of each UI interface, so as to obtain a plurality of matching areas; each matching area comprises at least part of UI component elements in the corresponding UI interface;

an adjusting unit 63, configured to adjust a positional relationship between multiple UI interfaces, so as to perform area superposition on the multiple matching areas, and display the superposed matching areas on the matching interfaces;

a matching unit 64, configured to perform matching processing on UI constituent elements in the multiple matching regions based on the superimposed matching regions, so as to obtain difference information between UI constituent elements of the same type in the multiple matching regions;

a display unit 65 for displaying the difference information in the difference display area.

According to the embodiment of the disclosure, after the multiple UI interfaces to be matched are obtained through the target design software, the matching area of each UI interface is determined, the position relation among the multiple UI interfaces is adjusted according to an automatic and/or manual mode, and the UI component elements in the matching area are paired, so that the difference information among the same type of UI component elements is obtained, the acceptance quality and the acceptance efficiency of the UI interfaces can be improved, and a large amount of human resources are saved.

In a possible implementation, the determining unit is further configured to: responding to the region selection operation of a user for at least part of the UI interface, determining a matching region of at least part of the UI interface, and obtaining a first matching region; and determining the matching area of each UI interface based on the first matching area to obtain a plurality of matching areas.

In a possible implementation, the determining unit is further configured to: determining a mapping area of the first matching area in remaining UI interfaces of the plurality of UI interfaces except for the at least part of UI interfaces; determining the plurality of matching regions based on the first matching region and the mapping region.

In a possible embodiment, the adjusting unit is further configured to: determining at least one non-bottom layer UI interface in the plurality of UI interfaces, and determining the transparency of a matching area corresponding to each non-bottom layer UI interface; and overlapping the matching areas, and displaying the overlapped matching areas on the matching interface according to the transparency.

In a possible implementation, the matching unit is further configured to: the matching processing is performed on the UI component elements in the multiple matching areas based on the overlapped matching areas to obtain difference information between the UI component elements of the same type in the multiple matching areas, and the difference information includes: in the overlapped matching area, matching and combining UI composition elements in the multiple matching areas to obtain at least one element matching group; the UI component elements in the same element matching group are the same type of UI component elements in the multiple matching regions; calculating the similarity between the UI component elements in each element matching group based on the element information to obtain at least one similarity value; determining a difference element based on UI component elements corresponding to the element pairing group which does not meet the requirement of the similarity in the at least one similarity value; and determining difference information for the difference element.

In one possible embodiment, the difference information includes: difference description information and/or difference identification information; the difference description information includes at least one of: pattern difference description information, shape difference description information, position difference description information, size difference description information, color difference description information; the difference identification information includes at least one of: the difference of each difference element identifies the symbol, the associated symbol between the difference elements.

In a possible implementation, the matching unit is further configured to: the method further comprises the following steps: responding to element selection operation aiming at the UI component elements in the overlapped matching area, and selecting to obtain at least one UI component element; obtaining at least one group of difference elements in response to the grouping operation of the at least one UI component element; and responding to an input instruction of the difference information of each group of the difference elements, acquiring the difference information input by a user, and displaying the difference information in the difference display area.

In one possible embodiment, the display unit is further configured to: the displaying the difference information in the difference display area comprises: in response to the selection operation of the difference information, determining target difference information to be displayed in the plurality of difference information; and determining a creation scene of the target difference information, displaying a matching area in the creation scene on the matching interface, and displaying the target difference information in the matching area.

The description of the processing flow of each module in the device and the interaction flow between the modules may refer to the related description in the above method embodiments, and will not be described in detail here.

Corresponding to the data matching method in fig. 1, an embodiment of the present disclosure further provides a computer device 700, and as shown in fig. 7, a schematic structural diagram of the computer device 700 provided in the embodiment of the present disclosure includes:

a processor 71, a memory 72, and a bus 73; the memory 72 is used for storing execution instructions and includes a memory 721 and an external memory 722; the memory 721 is also referred to as an internal memory, and is used for temporarily storing the operation data in the processor 71 and the data exchanged with the external memory 722 such as a hard disk, the processor 71 exchanges data with the external memory 722 through the memory 721, and when the computer device 700 is operated, the processor 71 communicates with the memory 72 through the bus 73, so that the processor 71 executes the following instructions:

acquiring interface information of a plurality of UI interfaces to be matched; the interface information comprises element information of each UI component element of each UI;

determining a matching area of each UI to obtain a plurality of matching areas; each matching area comprises at least part of UI component elements in the corresponding UI interface;

adjusting the position relation among the UI interfaces to enable the matching areas to be subjected to area superposition, and displaying the superposed matching areas on the matching interfaces;

and matching the UI composition elements in the multiple matching areas based on the overlapped matching areas to obtain difference information between the UI composition elements of the same type in the multiple matching areas, and displaying the difference information in a difference display area.

The embodiments of the present disclosure also provide a computer-readable storage medium, where a computer program is stored on the computer-readable storage medium, and when the computer program is executed by a processor, the computer program performs the steps of the data matching method in the above method embodiments. The storage medium may be a volatile or non-volatile computer-readable storage medium.

The embodiments of the present disclosure also provide a computer program product, where the computer program product carries a program code, and instructions included in the program code may be used to execute the steps of the data matching method in the foregoing method embodiments, which may be referred to specifically in the foregoing method embodiments, and are not described herein again.

The computer program product may be implemented by hardware, software or a combination thereof. In an alternative embodiment, the computer program product is embodied in a computer storage medium, and in another alternative embodiment, the computer program product is embodied in a Software product, such as a Software Development Kit (SDK), or the like.

It is clear to those skilled in the art that, for convenience and brevity of description, the specific working processes of the system and the apparatus described above may refer to the corresponding processes in the foregoing method embodiments, and are not described herein again. In the several embodiments provided in the present disclosure, it should be understood that the disclosed system, apparatus, and method may be implemented in other ways. The above-described embodiments of the apparatus are merely illustrative, and for example, the division of the units is only one logical division, and there may be other divisions when actually implemented, and for example, a plurality of units or components may be combined or integrated into another system, or some features may be omitted, or not executed. In addition, the shown or discussed mutual coupling or direct coupling or communication connection may be an indirect coupling or communication connection of devices or units through some communication interfaces, and may be in an electrical, mechanical or other form.

The units described as separate parts may or may not be physically separate, and parts displayed as units may or may not be physical units, may be located in one place, or may be distributed on a plurality of network units. Some or all of the units can be selected according to actual needs to achieve the purpose of the solution of the embodiment.

In addition, functional units in the embodiments of the present disclosure may be integrated into one processing unit, or each unit may exist alone physically, or two or more units are integrated into one unit.

The functions, if implemented in the form of software functional units and sold or used as a stand-alone product, may be stored in a non-volatile computer-readable storage medium executable by a processor. Based on such understanding, the technical solution of the present disclosure may be embodied in the form of a software product, which is stored in a storage medium and includes several instructions for causing a computer device (which may be a personal computer, a server, or a network device) to execute all or part of the steps of the method according to the embodiments of the present disclosure. And the aforementioned storage medium includes: various media capable of storing program codes, such as a usb disk, a removable hard disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), a magnetic disk, or an optical disk.

Finally, it should be noted that: the above-mentioned embodiments are merely specific embodiments of the present disclosure, which are used for illustrating the technical solutions of the present disclosure and not for limiting the same, and the scope of the present disclosure is not limited thereto, and although the present disclosure is described in detail with reference to the foregoing embodiments, those skilled in the art should understand that: any person skilled in the art can modify or easily conceive of the technical solutions described in the foregoing embodiments or equivalent technical features thereof within the technical scope of the present disclosure; such modifications, changes or substitutions do not depart from the spirit and scope of the embodiments of the present disclosure, and should be construed as being included therein. Therefore, the protection scope of the present disclosure shall be subject to the protection scope of the claims.

Claims

1. A method of data matching, comprising:

2. The method of claim 1, wherein the determining the matching region for each UI interface results in a plurality of matching regions, comprising:

responding to the region selection operation of a user for at least part of the UI interface, determining a matching region of at least part of the UI interface, and obtaining a first matching region;

and determining the matching area of each UI interface based on the first matching area to obtain a plurality of matching areas.

3. The method of claim 2, wherein determining the matching region for each of the UI interfaces based on the first matching region results in a plurality of matching regions, comprising:

determining a mapping area of the first matching area in remaining UI interfaces of the plurality of UI interfaces except for the at least part of UI interfaces;

determining the plurality of matching regions based on the first matching region and the mapping region.

4. The method of claim 1, wherein displaying the superimposed matching region on the matching interface comprises:

determining at least one non-bottom layer UI interface in the plurality of UI interfaces, and determining the transparency of a matching area corresponding to each non-bottom layer UI interface;

and overlapping the matching areas, and displaying the overlapped matching areas on the matching interface according to the transparency.

5. The method according to claim 1, wherein the matching, based on the superimposed matching regions, the UI component elements in the multiple matching regions to obtain difference information between UI component elements of the same type in the multiple matching regions comprises:

in the overlapped matching area, matching and combining UI composition elements in the multiple matching areas to obtain at least one element matching group; the UI component elements in the same element matching group are the same type of UI component elements in the multiple matching regions;

calculating the similarity between the UI component elements in each element matching group based on the element information to obtain at least one similarity value;

determining a difference element based on UI component elements corresponding to the element pairing group which does not meet the requirement of the similarity in the at least one similarity value; and determining difference information for the difference element.

6. The method of claim 5, wherein the difference information comprises: difference description information and/or difference identification information;

the difference description information includes at least one of: pattern difference description information, shape difference description information, position difference description information, size difference description information, color difference description information;

the difference identification information includes at least one of: the difference of each difference element identifies the symbol, the associated symbol between the difference elements.

7. The method of claim 1, further comprising:

responding to element selection operation aiming at the UI component elements in the overlapped matching area, and selecting to obtain at least one UI component element;

obtaining at least one group of difference elements in response to the grouping operation of the at least one UI component element;

and responding to an input instruction of the difference information of each group of the difference elements, acquiring the difference information input by a user, and displaying the difference information in the difference display area.

8. The method of claim 1, wherein the presenting the difference information in a difference display area comprises:

in response to the selection operation of the difference information, determining target difference information to be displayed in the plurality of difference information;

and determining a creation scene of the target difference information, displaying a matching area in the creation scene on the matching interface, and displaying the target difference information in the matching area.

9. A data matching apparatus, comprising:

the device comprises an acquisition unit, a matching unit and a matching unit, wherein the acquisition unit is used for acquiring interface information of a plurality of UI interfaces to be matched; the interface information comprises element information of each UI component element of each UI;

the determining unit is used for determining the matching area of each UI interface to obtain a plurality of matching areas; each matching area comprises at least part of UI component elements in the corresponding UI interface;

the adjusting unit is used for adjusting the position relation among the UI interfaces so as to overlap the matching areas in the area and display the overlapped matching areas on the matching interfaces;

the matching unit is used for matching the UI composition elements in the multiple matching areas based on the overlapped matching areas to obtain difference information among the same type of UI composition elements in the multiple matching areas;

and the display unit is used for displaying the difference information in the difference display area.

10. A computer device, comprising: a processor, a memory and a bus, the memory storing machine-readable instructions executable by the processor, the processor and the memory communicating over the bus when a computer device is running, the machine-readable instructions when executed by the processor performing the steps of the data matching method of any of claims 1 to 8.

11. A computer-readable storage medium, characterized in that the computer-readable storage medium has stored thereon a computer program which, when being executed by a processor, carries out the steps of the data matching method according to one of claims 1 to 8.