Interface mounting data propagation method and device, equipment and storage medium

Abstract

The invention relates to the technical field of data processing, in particular to an interface mounting data propagation method, device and equipment and a storage medium, and the method comprises the following steps: in response to an initial interface being a dynamic interface, determining a corresponding interface component based on the initial interface; constructing an initial interface relation chain based on the initial interface and the interface component, and constructing an HTML (Hypertext Markup Language) element chain based on the initial interface in response to the situation that the interface component does not exist in a preset component container; updating the initial interface relation chain based on the HTML element chain to obtain a target interface relation chain; determining a data snapshot of an interface component with a hidden event in the target interface relation chain based on the target interface relation chain; and in response to a single-click event existing in the target interface relationship chain, mounting the data snapshot to an interface component corresponding to the single-click event, and reversely spreading the data snapshot to an initial interface. According to the invention, data confusion and data leakage in the transmission process of the mounted data can be avoided.

Description

Technical Field

[0001] The present application relates to the field of data processing technology, and in particular to an interface mounted data transmission method, device, equipment and storage medium. Background Art

[0002] Business systems often have data query functions. The implementation of data query functions requires the continuous opening of multi-level interfaces with a sequential relationship. For example, when conducting a population query on a certain address, it is necessary to open the administrative division query interface in the corresponding business system, and then open the specific address query interface. After that, open the population query interface to obtain the data mounted on the population query interface as the result of the population query, and then propagate the result of the population query back to the first administrative division query interface to realize the propagation of the data mounted on the population query interface.

[0003] However, currently, in the data query process of mounting data propagation, the objects to be queried often have primary objects and secondary objects. When the primary object and the secondary object are used as query conditions for query, it is easy to cause data confusion and data leakage problems in the subsequent mounting data propagation process. Summary of the invention

[0004] In order to avoid data confusion and data leakage during the process of mounting data propagation, the present application provides an interface mounting data propagation method, device, equipment and storage medium.

[0005] In a first aspect, the present application provides an interface mounting data propagation method, comprising:

[0006] In response to the initial interface being a dynamic interface, determining a corresponding interface component based on the initial interface;

[0007] Building an initial interface relationship chain based on the initial interface and the interface component, and in response to the interface component not existing in a preset component container, building an HTML element chain based on the initial interface;

[0008] Based on the HTML element chain, the initial interface relationship chain is updated to obtain a target interface relationship chain; based on the target interface relationship chain, a data snapshot of an interface component having a hidden event in the target interface relationship chain is determined;

[0009] In response to a single-click event in the target interface relationship chain, the data snapshot is mounted to the interface component corresponding to the single-click event, and the data snapshot is reversely propagated to the initial interface.

[0010] In a second aspect, the present application provides an interface mounted data transmission device, comprising:

[0011] A component determination module, configured to determine a corresponding interface component based on the initial interface in response to the initial interface being a dynamic interface;

[0012] An element chain building module, used to build an initial interface relationship chain based on the initial interface and the interface component, and in response to the interface component not existing in a preset component container, build an HTML element chain based on the initial interface;

[0013] A snapshot generation module is used to update the initial interface relationship chain based on the HTML element chain to obtain a target interface relationship chain; based on the target interface relationship chain, determine a data snapshot of an interface component having a hidden event in the target interface relationship chain;

[0014] The data propagation module is used to mount the data snapshot to the interface component corresponding to the single-click event in response to the existence of a single-click event in the target interface relationship chain, and to reversely propagate the data snapshot to the initial interface.

[0015] In a third aspect, the present application provides a computer device, the computer device comprising a memory and a processor, the memory storing a computer program, and the processor implementing the steps in the above method when executing the computer program.

[0016] In a fourth aspect, the present application provides a computer-readable storage medium having a computer program stored thereon, which implements the steps in the above method when executed by a processor.

[0017] In a fifth aspect, the present application further provides a computer program product, wherein the computer program product comprises a computer program, and when the computer program is executed by a processor, the steps in any of the above method embodiments are implemented.

[0018] The above interface mounting data propagation method, device, equipment and storage medium, in response to the initial interface being a dynamic interface, determine the corresponding interface component based on the initial interface; construct an initial interface relationship chain based on the initial interface and the interface component, in response to the interface component not existing in a preset component container, construct an HTML element chain based on the initial interface; update the initial interface relationship chain based on the HTML element chain to obtain a target interface relationship chain; determine a data snapshot of the interface component with a hidden event in the target interface relationship chain based on the target interface relationship chain; in response to a click event in the target interface relationship chain, mount the data snapshot To the interface component corresponding to the click event, the data snapshot is reversely propagated to the initial interface; through the above implementation, when the initial interface is a dynamic interface, the initial interface relationship chain can be constructed according to the initial interface, and then the initial interface relationship chain can be updated through the generated HTML element chain to obtain the target interface relationship chain. When the data snapshot exists, the data snapshot is further reversely propagated to the initial interface of the target interface relationship chain, thereby realizing the reverse propagation of data. In this process, it is avoided to query with the main object and the auxiliary object as the query conditions, so as to avoid data confusion and data leakage in the process of mounting data propagation.

[0019] It should be understood that the content described in this section is not intended to identify the key or important features of the embodiments of the present application, nor is it intended to limit the scope of the present application. Other features of the present application will become easily understood through the following description. BRIEF DESCRIPTION OF THE DRAWINGS

[0020] In order to more clearly illustrate the technical solutions of the embodiments of the present invention, the drawings required for use in the embodiments are briefly introduced below. It should be understood that the following drawings only show certain embodiments of the present invention and therefore should not be regarded as limiting the scope. For ordinary technicians in this field, other related drawings can be obtained based on these drawings without creative work.

[0021] Figure 1 A flow chart of an interface mounting data propagation method provided in an embodiment of the present application;

[0022] Figure 2 A schematic diagram of the structure of an interface mounted data transmission device provided in an embodiment of the present application;

[0023] Figure 3 A schematic diagram of the structure of a computer device provided in an embodiment of the present application;

[0024] Figure 4 This is a diagram of the internal structure of a computer-readable storage medium provided in an embodiment of the present application. DETAILED DESCRIPTION

[0025] In order to make the purpose, technical solution and advantages of the present disclosure more clear, the present disclosure is further described in detail below in conjunction with the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are only used to explain the present disclosure and are not used to limit the present disclosure.

[0026] It should be noted that the terms "first", "second", etc. in the specification and claims of this article and the above-mentioned drawings are used to distinguish similar objects, and are not necessarily used to describe a specific order or sequence. It should be understood that the data used in this way can be interchanged where appropriate, so that the embodiments of this article described here can be implemented in an order other than those illustrated or described here. In addition, the terms "including" and "having" and any variations thereof are intended to cover non-exclusive inclusions, for example, a process, method, device, product or equipment that includes a series of steps or units is not necessarily limited to those steps or units clearly listed, but may include other steps or units that are not clearly listed or inherent to these processes, methods, products or equipment.

[0027] In this article, the term "and / or" is only a description of the association relationship between related objects, indicating that there can be three relationships. For example, A and / or B can mean: A exists alone, A and B exist at the same time, and B exists alone. In addition, the character " / " in this article generally indicates that the related objects before and after are in an "or" relationship.

[0028] Embodiment 1

[0029] Figure 1 This is a flow chart of a method for transmitting data via an interface provided in Example 1 of the present application, see Figure 1 The method may be performed by a device for performing the method, and the device may be implemented by software and / or hardware. The method includes:

[0030] S110. In response to the initial interface being a dynamic interface, determining a corresponding interface component based on the initial interface.

[0031] Among them, the main interface of the business system is the initial interface. The business system includes but is not limited to the case query system, population query system, etc. The interface of the business system is displayed with the help of a web page. Therefore, the business system has a corresponding HyperText Markup Language (HTML), which is used to describe the structure and content of the corresponding interface; the HTML language has multiple variables corresponding to the interface. If none of the multiple variables has a clear assignment, the interface corresponding to the HTML language is considered to be a dynamic interface, otherwise it is a static interface. By clicking a specific function button on the initial interface, the web page can display the secondary interface of the initial interface, and the secondary interface is recorded as an interface component; illustratively, in the initial interface corresponding to the case query system, clicking the "Case Details" function button will generate an interface component corresponding to the "Case Details" based on the initial interface.

[0032] S120: constructing an initial interface relationship chain based on the initial interface and the interface component, and in response to the interface component not existing in a preset component container, constructing an HTML element chain based on the initial interface.

[0033] Among them, by attaching the interface component to the corresponding initial interface, the corresponding interface relationship chain can be obtained, and the interface relationship chain is recorded as the initial interface relationship chain; in the generation process of the interface component, that is, the process of rendering it to the web page, if the interface component completes the rendering, it will be stored in the preset component container. If the rendering is not completed, the interface component will not exist in the preset component container. In order to realize the rendering of the interface component, it is necessary to further generate an HTML element chain according to the initial interface. The HTML element chain includes the root element corresponding to the initial interface and the element object corresponding to the interface component; by attaching the element object to the corresponding root element, the HTML element chain can be obtained, and the rendering of the interface component can be realized in the process of generating the HTML element chain.

[0034] S130, updating the initial interface relationship chain based on the HTML element chain to obtain a target interface relationship chain; and determining a data snapshot of an interface component having a hidden event in the target interface relationship chain based on the target interface relationship chain.

[0035] Among them, the initial interface relationship chain includes two levels of interfaces, namely the initial interface and the interface component. The initial interface relationship chain is updated, that is, on the basis of the initial interface relationship chain, a new interface component is added under the interface component, thereby realizing the update of the initial interface relationship chain; by updating the initial interface relationship chain, the last level of interface components can be determined, and the last level of interface components contain data for data propagation. The hidden event is the event of the user closing or hiding the interface component. When all interfaces in the target interface relationship chain are open, when the user determines that the data for data propagation is contained, the user will close or hide each interface in the target interface relationship chain from the last level of interface components in sequence. Therefore, when all interfaces in the target interface relationship chain are open, if a certain interface component has a hidden event, it means that the interface component is the last level interface in the target interface relationship chain, so that the data mounted under the last level interface can be further obtained. In this embodiment, the mounted data is also a data snapshot.

[0036] S140: In response to a single-click event in the target interface relationship chain, the data snapshot is mounted to the interface component corresponding to the single-click event, and the data snapshot is reversely propagated to the initial interface.

[0037] Among them, in the case of obtaining a data snapshot, the user will close the interfaces in the target interface relationship chain in sequence starting from the last-level interface component, and a click event related to the closing will be generated during the closing process; taking one of the first-level interface components as an example, if a click event occurs in the interface component, the interface component of the previous level must be used as the interface component corresponding to the click event, and the data snapshot must be mounted to the interface component corresponding to the click event, and so on, until the interface component corresponding to the click event is the initial interface, so that the reverse propagation of the data snapshot can be achieved.

[0038] It should be noted that, in this embodiment, in response to the initial interface being a dynamic interface, the corresponding interface component is determined based on the initial interface; an initial interface relationship chain is constructed based on the initial interface and the interface component; in response to the interface component not existing in the preset component container, an HTML element chain is constructed based on the initial interface; the initial interface relationship chain is updated based on the HTML element chain to obtain a target interface relationship chain; a data snapshot of an interface component having a hidden event in the target interface relationship chain is determined based on the target interface relationship chain; in response to the target interface relationship chain having a click event, the data snapshot is mounted to the interface component corresponding to the click event, and the data snapshot is reversely propagated to the initial interface; through the above implementation, in the case where the initial interface is a dynamic interface, an initial interface relationship chain can be constructed according to the initial interface, and then the initial interface relationship chain can be updated through the generated HTML element chain to obtain the target interface relationship chain. In the case where the data snapshot exists, the data snapshot is further reversely propagated to the initial interface of the target interface relationship chain, thereby realizing reverse propagation of data. In this process, querying with the primary object and the secondary object as query conditions is avoided, thereby facilitating the avoidance of data confusion and data leakage in the process of mounting data propagation.

[0039] Embodiment 2

[0040] Embodiment 2 of the present application provides an interface mounting data propagation method, which supplements the embodiment 1; it should be noted that for the parts not described in detail in this embodiment, reference can be made to the descriptions of other embodiments, and the method includes:

[0041] S210. In response to opening the initial interface, obtaining the ID and code block of the HTML element of the initial interface.

[0042] Among them, HTML elements include but are not limited to one or more of structural elements, text elements, list elements and media elements. Each HTML element has its corresponding ID and code block, wherein the ID is composed of preset numbers and letters, and the code block is specifically the js code block of the HTML element; after the initial interface is opened, the HTML elements corresponding to the initial interface can be determined, and further, the ID and js code block of each HTML element can be obtained.

[0043] S220. Based on the ID, determine whether the ID and the variables in the code block are both assigned values ​​to determine whether the initial interface is a dynamic interface.

[0044] In order to facilitate data transmission, it is necessary to first determine the initial interface of the dynamic interface. To this end, when the ID corresponding to the HTML element is obtained, it is necessary to first determine whether the ID is generated by sequence. In the case of sequence generation, it is further determined whether the ID and the variables in the code block have clear assignments. If so, the initial interface can be determined as a dynamic interface, otherwise it is determined as a static interface. In this embodiment, a corresponding neural network algorithm is preset, and the neural network algorithm is used to process the ID to determine whether the ID is generated by sequence. The sequence generation characterizes that there are corresponding sequence rules between a group of IDs. For example, one form of the sequence-generated ID is: , , , ... Exemplarily, assuming that a variable in an ID or code block is b, and the variable has a clear assignment, for example, the assignment is 1, then it is determined that the variable has a clear assignment.

[0045] S230: In response to the initial interface being a dynamic interface, determining a corresponding interface component based on the initial interface.

[0046] S240: construct an initial interface relationship chain based on the initial interface and the interface component, and in response to the interface component not existing in a preset component container, construct an HTML element chain based on the initial interface.

[0047] S250, updating the initial interface relationship chain based on the HTML element chain to obtain a target interface relationship chain; and determining a data snapshot of an interface component having a hidden event in the target interface relationship chain based on the target interface relationship chain.

[0048] S260: In response to a single-click event in the target interface relationship chain, the data snapshot is mounted to the interface component corresponding to the single-click event, and the data snapshot is reversely propagated to the initial interface.

[0049] Embodiment 3

[0050] Embodiment 3 of the present application provides an interface mounting data propagation method, which optimizes the "determining the corresponding interface component based on the initial interface" in Embodiment 1; it should be noted that for the parts not described in detail in this embodiment, reference can be made to the descriptions of other embodiments, and the method includes:

[0051] S311. In response to the initial interface being a dynamic interface, obtain a child object HTML element of the query element on the initial interface.

[0052] Among them, there are generally multiple query elements on the initial interface, which are used to input data query conditions. Exemplarily, the query elements include administrators, keywords, etc. Each query element has a one-to-one corresponding HTML element, and the HTML element corresponding to the query element is recorded as a sub-object HTML element. The sub-object HTML element also includes but is not limited to one or more of structural elements, text elements, list elements and media elements.

[0053] S312: Split the sub-object HTML element to obtain a query sub-element set.

[0054] Among them, multiple query sub-elements can be obtained by splitting the sub-object HTML element. Exemplarily, the query sub-elements include time, name, etc. Multiple query sub-elements can be obtained by splitting each sub-object HTML element. The multiple query sub-elements obtained after set splitting can obtain a corresponding set, and the set is recorded as a query sub-element set.

[0055] S313: In response to the query sub-element in the query sub-element set having a single-click attribute, determine a function object corresponding to the single-click attribute.

[0056] Among them, when the user clicks on the query element on the initial interface, the corresponding query sub-element may be involved. If the query sub-element is involved, the query sub-element will generate a corresponding single-click attribute. If the query sub-element has a corresponding single-click attribute, it is necessary to further determine the function object bound to the click attribute. Exemplarily, the function object is elementonclick="myScript", and the function object is subsequently used to determine whether to display the interface component under the initial interface.

[0057] S314: In response to the function object being a state control function, displaying an interface component corresponding to the initial interface.

[0058] Among them, the state control function is a function type of the function object, and the function type is characterized by the existence of if and else statements in the corresponding function object; when the function type of the function object is the state control function, the next level interface of the initial interface can be displayed, that is, the interface component under the initial interface.

[0059] S320: construct an initial interface relationship chain based on the initial interface and the interface component, and in response to the interface component not existing in a preset component container, construct an HTML element chain based on the initial interface.

[0060] S330, updating the initial interface relationship chain based on the HTML element chain to obtain a target interface relationship chain; and determining a data snapshot of an interface component having a hidden event in the target interface relationship chain based on the target interface relationship chain.

[0061] S340: In response to a single-click event in the target interface relationship chain, the data snapshot is mounted to the interface component corresponding to the single-click event, and the data snapshot is reversely propagated to the initial interface.

[0062] Embodiment 4

[0063] A method for propagating data mounted on an interface is provided in a fourth embodiment of the present application. The method optimizes the "building an HTML element chain based on the initial interface" in the first embodiment. It should be noted that for the parts not described in detail in the present embodiment, reference may be made to the descriptions of other embodiments. The method includes:

[0064] S410: In response to the initial interface being a dynamic interface, determining a corresponding interface component based on the initial interface.

[0065] S421: constructing an initial interface relationship chain based on the initial interface and the interface component, in response to the interface component not existing in a preset component container.

[0066] S422: Reconstruct a new HTML element based on the initial interface as a root element.

[0067] Among them, when the interface component does not exist in the component container, it means that the interface component has not completed rendering, that is, the interface component has not been successfully displayed on the web page interface, and therefore the interface component needs to be re-rendered; when the initial interface is opened, a set of HTML elements of the initial interface is reconstructed, and the reconstructed HTML elements are recorded as root elements.

[0068] S423: Pre-render the interface components under the initial interface based on the root element to obtain an element object.

[0069] Among them, the interface components under the initial interface can be pre-rendered through the generated root element. It should be noted that the interface component does not exist in the component container. By pre-rendering the interface component, the element object corresponding to the interface component can be obtained. The element object is used to describe the structure and text content of the interface component.

[0070] S424: Obtain an HTML element chain based on the root element and the element object.

[0071] Among them, by attaching the element object to the root element, an HTML element chain consisting of the root element and the element object can be obtained.

[0072] S430, updating the initial interface relationship chain based on the HTML element chain to obtain a target interface relationship chain; and determining a data snapshot of an interface component having a hidden event in the target interface relationship chain based on the target interface relationship chain.

[0073] S440: In response to a single-click event in the target interface relationship chain, the data snapshot is mounted to the interface component corresponding to the single-click event, and the data snapshot is reversely propagated to the initial interface.

[0074] Embodiment 5

[0075] Embodiment 5 of the present application provides an interface mounting data propagation method, which optimizes the "updating the initial interface relationship chain based on the HTML element chain to obtain the target interface relationship chain" in the embodiment; it should be noted that for the parts not described in detail in this embodiment, reference can be made to the descriptions of other embodiments, and the method includes:

[0076] S510: In response to the initial interface being a dynamic interface, determining a corresponding interface component based on the initial interface.

[0077] S520: construct an initial interface relationship chain based on the initial interface and the interface component, and in response to the interface component not existing in a preset component container, construct an HTML element chain based on the initial interface.

[0078] S531. In response to the root element in the HTML element chain being in a display state and no value is assigned to a variable in the element object under the root element, use the interface component corresponding to the element object as a new initial interface.

[0079] Among them, if the root element in the HTML element chain is in the display state, and there is no clear assignment to the element variable under the root element, it means that the interface component corresponding to the element object is also a dynamic interface, which means that the interface component can also open a new level of interface components. In order to facilitate the execution of the steps of opening a new level of interface components, the interface component corresponding to the element object is first used as the new initial interface.

[0080] S532: Generate a new interface component based on the new initial interface until a variable in an element object corresponding to the new interface component is assigned a value, thereby obtaining a target interface relationship chain.

[0081] Among them, when the interface component corresponding to the element object is used as the new initial interface, a new interface component, that is, the above-mentioned new-level interface component, can be generated under the new initial interface by re-executing the above-mentioned S510-S531; if the variables in the element object of the new interface component still have no assignment, it means that a new-level interface component can be opened under the new interface component; if the variables in the element object of the new interface component have assignments, it means that the new interface component is already the last-level interface component at this time, and a new-level interface component is continuously attached to the new interface component in the above-mentioned manner until the new interface component is the last-level interface component, thus forming a target interface relationship chain, in which the first-level interface of the target interface relationship chain is the initial interface, and multiple levels of interface components are connected to the initial interface.

[0082] S533: Determine, based on the target interface relationship chain, a data snapshot of an interface component having a hidden event in the target interface relationship chain.

[0083] S540: In response to a single-click event in the target interface relationship chain, the data snapshot is mounted to the interface component corresponding to the single-click event, and the data snapshot is reversely propagated to the initial interface.

[0084] Embodiment 6

[0085] A method for propagating interface mounted data is provided in Embodiment 6 of the present application. The method optimizes the "determining the data snapshot of the interface component having a hidden event in the target interface relationship chain based on the target interface relationship chain" in Embodiment 1. It should be noted that for the part not described in detail in this embodiment, reference may be made to the description of other embodiments. The method includes:

[0086] S610: In response to the initial interface being a dynamic interface, determine a corresponding interface component based on the initial interface.

[0087] S620: construct an initial interface relationship chain based on the initial interface and the interface component, and in response to the interface component not existing in a preset component container, construct an HTML element chain based on the initial interface.

[0088] S631. Update the initial interface relationship chain based on the HTML element chain to obtain a target interface relationship chain.

[0089] S632: In response to the existence of an interface component in a display state in the target interface relationship chain, obtain a root element of the interface component in a display state.

[0090] After obtaining the target interface relationship chain, it is necessary to monitor the state of the target interface relationship chain, that is, to monitor whether the interface components in the target interface relationship chain are in the display state. If so, it is necessary to obtain the root element bound to the interface.

[0091] S633. In response to the existence of an interface hiding event, determine the root element of the interface component corresponding to the interface hiding event as the target root element.

[0092] Among them, it is also necessary to determine whether there is a hidden event in the interface component in the target interface relationship chain. A hidden event means that the corresponding interface component is closed or hidden; if a certain interface component has a hidden event, the root element of the interface component corresponding to the hidden event is used as the target root element.

[0093] S634. Determine a corresponding data snapshot based on the target root element.

[0094] After obtaining the target root element, a snapshot container in key-value data format is further established with the root element as the key, and a data snapshot of the interface component where the hidden event exists is determined based on the target root element, and the data snapshot is updated to the snapshot container.

[0095] S640: In response to a single-click event in the target interface relationship chain, the data snapshot is mounted to the interface component corresponding to the single-click event, and the data snapshot is reversely propagated to the initial interface.

[0096] It should be understood that, although the various steps in the flowcharts involved in the above-mentioned embodiments are displayed in sequence according to the indication of the arrows, these steps are not necessarily executed in sequence according to the order indicated by the arrows. Unless there is a clear explanation in this article, the execution of these steps does not have a strict order restriction, and these steps can be executed in other orders. Moreover, at least a part of the steps in the flowcharts involved in the above-mentioned embodiments can include multiple steps or multiple stages, and these steps or stages are not necessarily executed at the same time, but can be executed at different times, and the execution order of these steps or stages is not necessarily to be carried out in sequence, but can be executed in turn or alternately with other steps or at least a part of the steps or stages in other steps.

[0097] Embodiment 7

[0098] Based on the same inventive concept, this embodiment also provides an interface mounting data propagation device for implementing the interface mounting data propagation method involved above. The implementation scheme for solving the problem provided by the device is similar to the implementation scheme recorded in the above method, so the specific limitations of one or more interface mounting data propagation device embodiments provided below can refer to the limitations of the interface mounting data propagation method above, and will not be repeated here.

[0099] In this embodiment, Figure 2 As shown, an interface mounting data transmission device is provided, comprising:

[0100] A component determination module, configured to determine a corresponding interface component based on the initial interface in response to the initial interface being a dynamic interface;

[0101] An element chain building module, used to build an initial interface relationship chain based on the initial interface and the interface component, and in response to the interface component not existing in a preset component container, build an HTML element chain based on the initial interface;

[0102] A snapshot generation module is used to update the initial interface relationship chain based on the HTML element chain to obtain a target interface relationship chain; based on the target interface relationship chain, determine a data snapshot of an interface component having a hidden event in the target interface relationship chain;

[0103] The data propagation module is used to mount the data snapshot to the interface component corresponding to the single-click event in response to the existence of a single-click event in the target interface relationship chain, and to reversely propagate the data snapshot to the initial interface.

[0104] Each module in the above interface mounted data transmission device can be implemented in whole or in part by software, hardware and their combination. Each module can be embedded in or independent of the processor in the computer device in the form of hardware, or can be stored in the memory of the computer device in the form of software, so that the processor can call and execute the corresponding operations of each module.

[0105] It should be noted that, in this embodiment, in response to the initial interface being a dynamic interface, the corresponding interface component is determined based on the initial interface; an initial interface relationship chain is constructed based on the initial interface and the interface component; in response to the interface component not existing in the preset component container, an HTML element chain is constructed based on the initial interface; the initial interface relationship chain is updated based on the HTML element chain to obtain a target interface relationship chain; a data snapshot of an interface component having a hidden event in the target interface relationship chain is determined based on the target interface relationship chain; in response to the target interface relationship chain having a click event, the data snapshot is mounted to the interface component corresponding to the click event, and the data snapshot is reversely propagated to the initial interface; through the above implementation, in the case where the initial interface is a dynamic interface, an initial interface relationship chain can be constructed according to the initial interface, and then the initial interface relationship chain can be updated through the generated HTML element chain to obtain the target interface relationship chain. In the case where the data snapshot exists, the data snapshot is further reversely propagated to the initial interface of the target interface relationship chain, thereby realizing reverse propagation of data. In this process, querying with the primary object and the secondary object as query conditions is avoided, thereby facilitating the avoidance of data confusion and data leakage in the process of mounting data propagation.

[0106] In one embodiment, before responding that the initial interface is a dynamic interface, the interface mounting data propagation device further includes:

[0107] An element code acquisition module, used for acquiring the ID and code block of the HTML element of the initial interface in response to opening the initial interface;

[0108] The interface type judgment module is used to judge whether the ID and the variables in the code block are both assigned values ​​based on the ID, so as to judge whether the initial interface is a dynamic interface.

[0109] In one embodiment, in determining the corresponding interface component based on the initial interface, the component determination module is specifically used to:

[0110] Obtain the child HTML element of the query element on the initial interface;

[0111] Splitting the sub-object HTML element to obtain a query sub-element set;

[0112] In response to the query sub-element in the query sub-element set having a single-click attribute, determining a function object corresponding to the single-click attribute;

[0113] In response to the function object being a state control function, an interface component corresponding to the initial interface is displayed.

[0114] In one embodiment, in terms of constructing an HTML element chain based on the initial interface, the element chain construction module is specifically used to:

[0115] Reconstruct a new HTML element based on the initial interface as the root element;

[0116] Pre-rendering the interface components under the initial interface based on the root element to obtain an element object;

[0117] Get an HTML element chain based on the root element and the element object.

[0118] In one embodiment, in updating the initial interface relationship chain based on the HTML element chain to obtain the target interface relationship chain, the snapshot generation module is specifically used to:

[0119] In response to the root element in the HTML element chain being in a display state and the variable in the element object under the root element having no value assigned, the interface component corresponding to the element object is used as a new initial interface;

[0120] A new interface component is generated based on the new initial interface until a variable in an element object corresponding to the new interface component is assigned a value, thereby obtaining a target interface relationship chain.

[0121] In one embodiment, in determining the data snapshot of the interface component having the hidden event in the target interface relationship chain based on the target interface relationship chain, the snapshot generation module is specifically used to:

[0122] In response to the existence of an interface component in a display state in the target interface relationship chain, acquiring a root element of the interface component in a display state;

[0123] In response to the presence of an interface hiding event, determining a root element of an interface component corresponding to the interface hiding event as a target root element;

[0124] A corresponding data snapshot is determined based on the target root element.

[0125] Embodiment 8

[0126] In this embodiment, a computer device is provided. The computer device may be a server, and its internal structure diagram may be as follows: Figure 3 As shown. The computer device includes a processor, a memory and a network interface connected through a system bus. Among them, the processor of the computer device is used to provide computing and control capabilities. The memory of the computer device includes a non-volatile storage medium and an internal memory. The non-volatile storage medium stores an operating system, a computer program and a database. The internal memory provides an environment for the operation of the operating system and the computer program in the non-volatile storage medium. The database of the computer device is used to store data. The network interface of the computer device is used to communicate with an external terminal through a network connection. When the computer program is executed by the processor, a method for transmitting interface mounted data is implemented.

[0127] Those skilled in the art will understand that Figure 3 The structure shown in the figure is only a block diagram of a part of the structure related to the scheme of the present disclosure, and does not constitute a limitation on the computer device to which the scheme of the present disclosure is applied. The specific computer device may include more or fewer components than those shown in the figure, or combine certain components, or have a different arrangement of components.

[0128] Embodiment 9

[0129] In this embodiment, a computer readable storage medium is provided. Figure 4 As shown, a computer program is stored thereon, and when the computer program is executed by a processor, the steps in the above-mentioned method embodiments are implemented.

[0130] Embodiment 10

[0131] In this embodiment, a computer program product is provided, including a computer program. When the computer program is executed by a processor, the steps in the above method embodiments are implemented.

[0132] It should be noted that the user information (including but not limited to user device information, user personal information, etc.) and data (including but not limited to data used for analysis, stored data, displayed data, etc.) involved in this disclosure are all information and data authorized by the user or fully authorized by all parties.

[0133] A person of ordinary skill in the art can understand that all or part of the processes in the above-mentioned embodiment method can be completed by instructing the relevant hardware through a computer program, and the computer program can be stored in a non-volatile computer-readable storage medium. When the computer program is executed, it can include the processes of the embodiments of the above-mentioned methods. Among them, any reference to the memory, database or other medium used in the embodiments provided by the present disclosure can include at least one of non-volatile and volatile memory. Non-volatile memory can include read-only memory (ROM), magnetic tape, floppy disk, flash memory, optical memory, high-density embedded non-volatile memory, resistive random access memory (ReRAM), magnetoresistive random access memory (MRAM), ferroelectric random access memory (FRAM), phase change memory (PCM), graphene memory, etc. Volatile memory can include random access memory (RAM) or external cache memory, etc. As an illustration and not limitation, RAM can be in various forms, such as static random access memory (SRAM) or dynamic random access memory (DRAM). The database involved in each embodiment provided by the present disclosure may include at least one of a relational database and a non-relational database. Non-relational databases may include distributed databases based on blockchains, etc., but are not limited to this. The processor involved in each embodiment provided by the present disclosure may be a general-purpose processor, a central processing unit, a graphics processor, a digital signal processor, a programmable logic unit, a data processing logic unit based on quantum computing, etc., but are not limited to this.

[0134] The technical features of the above embodiments may be combined arbitrarily. To make the description concise, not all possible combinations of the technical features in the above embodiments are described. However, as long as there is no contradiction in the combination of these technical features, they should be considered to be within the scope of this specification.

[0135] The above-described embodiments only express several implementation methods of the present disclosure, and the descriptions thereof are relatively specific and detailed, but they cannot be understood as limiting the scope of the present invention. It should be pointed out that, for a person of ordinary skill in the art, several modifications and improvements can be made without departing from the concept of the present disclosure, and these all belong to the protection scope of the present disclosure. Therefore, the protection scope of the present disclosure shall be subject to the attached claims.

Claims

1. A method for propagating interface mounted data, characterized in that: include: In response to the initial interface being a dynamic interface, determining a corresponding interface component based on the initial interface; Building an initial interface relationship chain based on the initial interface and the interface component, and in response to the interface component not existing in a preset component container, building an HTML element chain based on the initial interface; Based on the HTML element chain, the initial interface relationship chain is updated to obtain a target interface relationship chain; Determine, based on the target interface relationship chain, a data snapshot of an interface component having a hidden event in the target interface relationship chain; In response to a single-click event in the target interface relationship chain, the data snapshot is mounted to the interface component corresponding to the single-click event, and the data snapshot is reversely propagated to the initial interface.

2. The method according to claim 1, characterized in that Before responding that the initial interface is a dynamic interface, the method further includes: In response to opening the initial interface, obtaining the ID and code block of the HTML element of the initial interface; Based on the ID, it is determined whether both the ID and the variables in the code block have been assigned values, so as to determine whether the initial interface is a dynamic interface.

3. The method according to claim 1, characterized in that The determining the corresponding interface component based on the initial interface includes: Obtain the child HTML element of the query element on the initial interface; Splitting the sub-object HTML element to obtain a query sub-element set; In response to the query sub-element in the query sub-element set having a single-click attribute, determining a function object corresponding to the single-click attribute; In response to the function object being a state control function, an interface component corresponding to the initial interface is displayed.

4. The method according to claim 1, characterized in that: The step of constructing an HTML element chain based on the initial interface includes: Reconstruct a new HTML element based on the initial interface as the root element; Pre-rendering the interface components under the initial interface based on the root element to obtain an element object; Get an HTML element chain based on the root element and the element object.

5. The method according to claim 1, characterized in that The updating of the initial interface relationship chain based on the HTML element chain to obtain the target interface relationship chain includes: In response to the root element in the HTML element chain being in a display state and the variable in the element object under the root element having no value assigned, the interface component corresponding to the element object is used as a new initial interface; A new interface component is generated based on the new initial interface until a variable in an element object corresponding to the new interface component is assigned a value, thereby obtaining a target interface relationship chain.

6. The method according to claim 1, characterized in that The step of determining the data snapshot of the interface component having the hidden event in the target interface relationship chain based on the target interface relationship chain includes: In response to the existence of an interface component in a display state in the target interface relationship chain, acquiring a root element of the interface component in a display state; In response to the presence of an interface hiding event, determining a root element of an interface component corresponding to the interface hiding event as a target root element; A corresponding data snapshot is determined based on the target root element.

7. An interface mounted data transmission device, characterized in that: The device comprises: A component determination module, configured to determine a corresponding interface component based on the initial interface in response to the initial interface being a dynamic interface; An element chain building module, used to build an initial interface relationship chain based on the initial interface and the interface component, and in response to the interface component not existing in a preset component container, build an HTML element chain based on the initial interface; A snapshot generation module is used to update the initial interface relationship chain based on the HTML element chain to obtain a target interface relationship chain; based on the target interface relationship chain, determine a data snapshot of an interface component having a hidden event in the target interface relationship chain; The data propagation module is used to mount the data snapshot to the interface component corresponding to the single-click event in response to the existence of a single-click event in the target interface relationship chain, and to reversely propagate the data snapshot to the initial interface.

8. A computer device comprising a memory and a processor, wherein the memory stores a computer program, wherein: When the processor executes the computer program, the steps of the method according to any one of claims 1 to 6 are implemented.

9. A computer-readable storage medium having a computer program stored thereon, characterized in that: When the computer program is executed by a processor, the steps of the method according to any one of claims 1 to 6 are implemented.

10. A computer program product, comprising a computer program, characterized in that When the computer program is executed by a processor, the steps of the method according to any one of claims 1 to 6 are implemented.

Images