Page interaction processing method and device and storage medium

Abstract

The invention discloses a page interaction processing method and device and a storage medium, and relates to the technical field of Web application. The method comprises the steps that a target page is determined according to target components, the target components at least comprise a first component, a second component and a third component, the first component is used for presenting the hierarchical relation between different nodes, the second component is used for presenting an element list under the switched nodes in the first component, and the third component is used for presenting the element list under the switched nodes in the first component; the third component is used for representing the application range of the selected node and / or element, the first component, the second component and the third component are associated with one another, and the target page is used for displaying the node and the element; and performing target operation on the target page according to the target processing logic to obtain an operation result. The technical problems that in the prior art, the usability of a Web application program is poor, the visualization effect of the application range of nodes and elements in the Web application program is poor, and the accuracy is low are solved.

Description

Technical Field

[0001] The present application relates to the field of Web application technology, and in particular to a method, device and storage medium for processing page interaction. Background Art

[0002] A web application is an application accessed through a web browser, which allows users to perform various tasks on the Internet or intranet. It usually consists of two parts: the front end (client) and the back end (server). The front end is the part that users interact with directly, that is, all user operations are completed directly through the front end. Web usability is an important aspect of user experience design. It focuses on how to make web applications more intuitive and efficient. The interaction logic of the front end will directly affect the usability of the web. Good interaction logic allows users to configure business-related operations more efficiently. In addition, the scope of application in web applications is also crucial. It refers to the applicable boundaries or fields of a specific object, concept, policy, rule, product or service, etc. It defines the scope within which these objects or concepts can be used, implemented or affected. The scope of application defines the macro-applicability boundaries of policies, rules or models, while groups and elements provide the micro-components that constitute this macro-framework.

[0003] However, in some scenarios, the number of groups and elements is very large and the hierarchical nesting relationship is complex, making the user's operation cumbersome, and the relationship between all groups and elements cannot be displayed. As a result, the administrator cannot accurately identify the elements that are already in the application scope when selecting elements, making configuration difficult. When the subgroup (called B) of a group (called A) in the application scope is deselected, A will be removed from the application scope, and the groups in A that have no inclusion relationship with B will be added to the application scope. If there are other elements in A, these elements will also be removed from the application scope, resulting in the actual application scope being inconsistent with the expectation. In addition, in the displayed application scope, groups or elements are likely to have inclusion relationships. It is possible that when a group has been selected, multiple elements in the group are selected again, resulting in unclear application scope.

[0004] To address the above-mentioned problems, no effective solution has been proposed yet. Summary of the invention

[0005] The present application provides a page interaction processing method, device and storage medium to at least solve the technical problems in the prior art of poor usability of Web applications and poor visualization and low accuracy of application ranges of nodes and elements in Web applications.

[0006] According to one aspect of the present application, a method for processing page interactions is provided, including: determining a target page according to a target component, wherein the target component includes at least a first component, a second component, and a third component, the first component is used to present a hierarchical relationship between different nodes, the second component is used to present a list of elements under a node switched in the first component, the third component is used to characterize an application scope of a selected node and / or element, the first component, the second component, and the third component are interrelated, and the target page is used to display nodes and elements; performing a target operation on the target page according to a target processing logic to obtain an operation result, wherein the target processing logic is used to determine whether the node and / or element is within the application scope, and the target operation is an interactive operation between a target user and the target page.

[0007] Optionally, before performing a target operation on the target page according to the target processing logic to obtain the operation result, the page interaction processing method also includes: preprocessing all nodes in the first component, wherein the preprocessing is used to add all the parent node information corresponding to each node to each node.

[0008] Optionally, a target operation is performed on the target page according to the target processing logic to obtain an operation result, including: when the target operation is that the target user selects the kth node in the target component, marking the kth node and all subordinate nodes of the kth node as checked state in the first component according to the target processing logic, where k is an integer greater than or equal to 1; calculating the intersection of the elements in the second component and all elements under the kth node to obtain a first common element set; marking the elements in the first common element set as checked state, and adding the kth node in the third component.

[0009] Optionally, a target operation is performed on the target page according to the target processing logic to obtain an operation result, including: when the target operation is that the target user unchecks the i-th node in the target component that is in a checked state, all the parent nodes of the i-th node are taken as the first node set; all the nodes in the third component at the current moment are formed into a second node set; all the elements in the third component at the current moment are formed into a first element set; and the operation result is determined based on the first node set, the second node set and the first element set.

[0010] Optionally, determining the operation result based on the first node set, the second node set and the first element set includes: deleting the first node set and the i-th node from the second node set to obtain a target checked node set, wherein the target checked node set is a set of nodes actually checked in the third component in the target page; adding the elements of the first node set to the first element set to obtain a target checked element set, wherein the target checked element set is a set of elements actually checked in the third component in the target page; determining the operation result based on the target checked node set and the target checked element set.

[0011] Optionally, before determining the operation result according to the target checked node set and the target checked element set, the page interaction processing method further includes: when there is an intersection between the target checked node set and the target checked element set, calculating the intersection of the target checked node set and the target checked element set to obtain a second common element set, wherein the elements in the intersection are elements that obtain the element check state by selecting the element before obtaining the element check state by selecting the node; and removing the second common element set from the target checked element set.

[0012] Optionally, a target operation is performed on the target page according to the target processing logic to obtain an operation result, including: when the target operation is that the target user selects the nth element in the target component, marking the nth element as a checked state in the second component according to the target processing logic, where n is an integer greater than or equal to 1; and adding the nth element in the third component.

[0013] Optionally, a target operation is performed on the target page according to the target processing logic to obtain an operation result, including: when the target operation is that the target user unchecks the jth element in the target component that is in a checked state, the node of the jth element and the parent node of the jth element node are used as the third node set; the child nodes of all nodes in the second node set are obtained, and the child nodes of all nodes are added to the second node set to obtain a fourth node set; the intersection of the third node set and the fourth node set is calculated to obtain a first common node set, wherein the first common node set is a set of nodes that need to be unchecked; and the operation result is determined based on the fourth node set and the first common node set.

[0014] Optionally, the operation result is determined based on a fourth node set and a common node set, including: deleting the first common node set from the fourth node set to obtain a target checked node set; adding all elements of the first common node set to the first element set, and deleting the jth element from the first element set to obtain a target checked element set; determining the operation result based on the target checked node set and the target checked element set.

[0015] According to another aspect of the present application, a page interaction processing device is also provided, including: a determination unit, which determines a target page according to a target component, wherein the target component includes at least a first component, a second component and a third component, the first component is used to present a hierarchical relationship between different nodes, the second component is used to present a list of elements under a node switched in the first component, the third component is used to characterize an application scope of a selected node and / or element, the first component, the second component and the third component are interrelated, and the target page is used to display nodes and elements; a processing unit, which performs a target operation on the target page according to a target processing logic to obtain an operation result, wherein the target processing logic is used to determine whether the node and / or element is within the application scope, and the target operation is an interactive operation between a target user and the target page.

[0016] From the above content, it can be seen that in the present application, a target page is constructed on the same page through the first component, the second component and the third component, wherein the first component is used to present the hierarchical relationship between different nodes, the second component is used to present the element list under the node switched in the first component, and the third component is used to characterize the application scope of the selected node and / or element. The target page is used to display the nodes and elements, and then the nodes and / or elements in the target page are selected or unselected according to the target processing logic, and finally the operation result is obtained and displayed on the target page.

[0017] Compared with the prior art that uses two pages to distinguish between the two categories of nodes and elements, the present application displays the node component, element component and application scope component in the same visualization page, ensuring the ease of user operation and the intuitiveness of information. At the same time, the target operation is processed according to the target processing logic, and it is possible to determine whether the node and / or element has been selected, that is, to determine whether the node and / or element is within the application scope. By displaying the nodes and elements within the application scope through separate components, managers can better determine the accuracy of the application scope, thereby achieving the technical effect of improving the ease of use of Web applications, the visualization effect of the application scope and the accuracy, thereby solving the technical problems of poor ease of use of Web applications and poor visualization effect and low accuracy of the application scope of nodes and elements in Web applications in the prior art. BRIEF DESCRIPTION OF THE DRAWINGS

[0018] The drawings described herein are used to provide a further understanding of the present application and constitute a part of the present application. The illustrative embodiments of the present application and their descriptions are used to explain the present application and do not constitute an improper limitation on the present application. In the drawings:

[0019] Figure 1 is a flowchart of an optional page interaction processing method according to an embodiment of the present application;

[0020] Figure 2 is a schematic diagram of an optional page interaction processing method according to an embodiment of the present application;

[0021] Figure 3 is a flowchart of an optional processing logic for selecting or deselecting a group according to an embodiment of the present application;

[0022] Figure 4 is a flowchart of an optional processing logic for determining a group within an application range after deselecting a group according to an embodiment of the present application;

[0023] Figure 5 It is a flowchart of an optional processing logic when there is an intersection between a grouping component and an element component according to an embodiment of the present application;

[0024] Figure 6 is a schematic diagram of an optional operation on a grouping component according to an embodiment of the present application;

[0025] Figure 7 is a flowchart of an optional processing logic for selecting or deselecting an element according to an embodiment of the present application;

[0026] Figure 8 is a schematic diagram of an optional operation on an element component according to an embodiment of the present application;

[0027] Fig. 9 is a schematic diagram of an optional operation process on a selected component according to an embodiment of the present application;

[0028] Fig.10 It is a schematic diagram of an optional page interaction processing device according to an embodiment of the present application. DETAILED DESCRIPTION

[0029] In order to enable those skilled in the art to better understand the solution of the present application, the technical solution in the embodiments of the present application will be clearly and completely described below in conjunction with the drawings in the embodiments of the present application. Obviously, the described embodiments are only part of the embodiments of the present application, not all of the embodiments. Based on the embodiments in the present application, all other embodiments obtained by ordinary technicians in this field without creative work should fall within the scope of protection of the present application.

[0030] It should be noted that the terms "first", "second", etc. in the specification and claims of the present application 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 interchangeable where appropriate, so that the embodiments of the present application described herein can be implemented in an order other than those illustrated or described herein. In addition, the terms "including" and "having" and any of their variations are intended to cover non-exclusive inclusions, for example, a process, method, system, product or device comprising 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 devices.

[0031] It should also be noted that the information and data collected by this application are authorized by the user or fully authorized by all parties, and the collection, storage, use, processing, transmission, provision, disclosure and application of relevant data comply with the relevant laws, regulations and standards of the relevant regions, take necessary confidentiality measures, do not violate public order and good customs, and provide corresponding operation portals for users to choose to authorize or refuse. For example, an interface is set up between this system and relevant users or institutions. Before obtaining relevant information, it is necessary to send an acquisition request to the aforementioned user or institution through the interface, and obtain relevant information after receiving the consent information fed back by the aforementioned user or institution.

[0032] According to an embodiment of the present application, an embodiment of a method for processing page interaction is provided. It should be noted that the steps shown in the flowchart of the accompanying drawings can be executed in a computer system such as a set of computer executable instructions, and although a logical order is shown in the flowchart, in some cases, the steps shown or described can be executed in an order different from that shown here.

[0033] It should be noted that an intelligent interactive system is used as the execution subject of the page interaction processing method of the embodiment of the present application. It is understandable that the page interaction processing method provided in the embodiment of the present application can also be executed by other systems or devices, and the embodiment of the present application does not specifically limit this.

[0034] Figure 1 is a flowchart of an optional page interaction processing method according to an embodiment of the present application, such as Figure 1 As shown, the method comprises the following steps:

[0035] Step S101, determining a target page according to a target component.

[0036] In step S101, the target component includes at least a first component, a second component and a third component. The first component is used to present the hierarchical relationship between different nodes. The second component is used to present the element list under the switched node in the first component. The third component is used to characterize the application scope of the selected node and / or element. The first component, the second component and the third component are interrelated, and the target page is used to display nodes and elements.

[0037] Optionally, the intelligent interaction system uses a Tree component (a page design component library for displaying hierarchical data) to present the hierarchical relationship between groups (the above nodes), and uses a Table component (a page design component library for displaying flat data) to present a list of elements under the current group.

[0038] Optionally, the intelligent interactive system combines the Tree and Table components to present the group selection and element selection in one interface. When switching groups (for example, switching from group A to group B), a list of elements related to the group is presented (a list of elements under group B is presented), and a custom component (the third component) is designed to present the selected groups or elements. The groups and elements in the application scope are displayed in a data-driven manner as a whole, that is, the groups and elements displayed in the third component are determined by obtaining the selected values ​​(the actual selected group and element information).

[0039] Optionally, there may be a lot of element list data in the element component. To improve performance, the virtual scrolling of the Antd (AntDesign, a page design component library for front-end development) table is used to display the element list.

[0040] Optionally, a group can contain multiple subgroups, and these subgroups themselves can further contain more subgroups, forming a recursive, multi-level structure, in which each group can contain multiple elements, which are the basic units that constitute the group. Among them, a group is a collection of multiple elements or subgroups, which defines a hierarchy or category, and can be a high-level organizational unit or a low-level subunit; a subgroup is a component of a group, which is also a group itself and can also contain elements or other subgroups. The existence of subgroups allows the entire structure to be subdivided into smaller and more specific units, enhancing the modularity and manageability of the structure; an element is a component of a group, a manifestation of the specific content within the group, and represents a specific instance or object within the group.

[0041] Optionally, the third component is a selected component (application scope component), which is used to present selected groups and elements, and supports filtering, single deletion, and clearing operations.

[0042] Optionally, the groups displayed in the selected component have no inclusion relationship, that is, if the group to which an element belongs has been selected, the element will not be displayed in the selected component, and only the group to which it belongs will be displayed in the selected component. For example, group A has subgroup B, direct element A1, and direct element B2 of subgroup B. If group A is displayed in the selected component, it means that all subgroups and elements under group A are selected, that is, they are all within the application scope. A, A1, B, and B1 will not be displayed separately in the selected component. If only A1 is displayed in the selected component, it means that group A of element A1 is not within the application scope.

[0043] Optionally, the group component (first component), element component (second component) and selected component (third component) are presented in one interface, with a group list on the left, a group list in the middle, and a selected value list on the right. When the current group is switched in the group component, the element list will also change accordingly. Without any additional switching operations, the administrator can configure the appropriate application scope more flexibly and conveniently.

[0044] Step S102: performing a target operation on the target page according to the target processing logic to obtain an operation result.

[0045] In step S102, the target processing logic is used to determine whether the node and / or element is within the application scope, and the target operation is the interaction operation between the target user and the target page.

[0046] Optionally, target processing logic is used for processing methods when performing target operations on groups or elements.

[0047] Optionally, the target operation includes, but is not limited to, selecting, unselecting, deleting, and adding groups or elements in the target page.

[0048] Optionally, the operation results include but are not limited to the check status of the group, the check status of the element, and the components and elements within the application scope.

[0049] Optionally, Figure 2 This is a schematic diagram of an optional page interaction processing method according to an embodiment of the present application. The target page has group components, element components and selected components, and the components are interrelated, that is, when a target operation is performed on any component, the remaining components will also change accordingly. The groups and elements in the selected components can be determined based on the operations on the group components and element components. After the administrator completes the operation and saves it, the groups and elements in the application scope can be clearly determined.

[0050] Optionally, the entire page's interactive form is used as an independent form control. After setting the form item value, the selected group or element can be automatically checked, and when the group or element is checked, the form item value is automatically set.

[0051] It can be known from the contents of step S101 to step S102 that in the present application, the target page is first determined according to the target component, wherein the target component includes at least a first component, a second component and a third component, the first component is used to present the hierarchical relationship between different nodes, the second component is used to present the element list under the switched node in the first component, the third component is used to characterize the application scope of the selected node and / or element, the first component, the second component and the third component are interrelated, the target page is used to display the nodes and elements, and then the target operation is performed on the target page according to the target processing logic to obtain the operation result, wherein the target processing logic is used to determine whether the node and / or element is within the application scope, and the target operation is an interactive operation between the target user and the target page.

[0052] From the above content, it can be seen that in this application, a target page is constructed on the same page through the first component, the second component and the third component, wherein the first component is used to present the hierarchical relationship between different nodes, the second component is used to present the element list under the selected node in the first component, and the third component is used to characterize the application scope of the selected node and / or element. The target page is used to display nodes and elements, and then the nodes and / or elements in the target page are selected or unselected according to the target processing logic, and finally the operation result is obtained and displayed on the target page.

[0053] Compared with the prior art that uses two pages to distinguish between the two categories of nodes and elements or uses markings to display the relationship between elements and nodes in the view, the present application displays node components, element components and application scope components in the same visualization page, ensuring the ease of user operation and the intuitiveness of information. At the same time, the target operation is processed according to the target processing logic, and it is possible to determine whether the node and / or element has been selected, that is, to determine whether the node and / or element is within the application scope. By displaying the nodes and elements within the application scope through separate components, managers can better determine the accuracy of the application scope, thereby achieving the technical effect of improving the ease of use of Web applications, application scope visualization effect and accuracy, and thus solving the technical problems of poor ease of use of Web applications and poor application scope visualization effect and low accuracy of nodes and elements in Web applications in the prior art.

[0054] In an optional embodiment, the intelligent interaction system preprocesses all nodes in the first component, wherein the preprocessing is used to add all the upper-level node information corresponding to each node to each node.

[0055] Optionally, the data structure of all grouped data obtained by the intelligent interactive system is Tree (a structure that focuses on hierarchical relationships from top to bottom). The data structure of Tree can directly recursively find all subordinate nodes based on a certain node, but cannot directly obtain all parent nodes of a certain node. In order to improve the efficiency of node retrieval, the parent node recursive labeling method is adopted to add information of all its parent nodes to each node, so that in subsequent query operations, all parent nodes can be traced back through a single node information.

[0056] From the above content, we can see that the intelligent interactive system preprocesses the data of the Tree, recursively traverses the child nodes, and dynamically adds the identification information of all parent nodes. This not only greatly improves the computing performance behind various click events, but also helps the system understand the hierarchy and dependencies between nodes, thereby providing more accurate data analysis and decision support, and improving query efficiency.

[0057] In an optional embodiment, when the target operation is that the target user selects the kth node in the target component, the intelligent interaction system marks the kth node and all subordinate nodes of the kth node as checked state in the first component according to the target processing logic, where k is an integer greater than or equal to 1, and then calculates the intersection of the elements in the second component and all elements under the kth node to obtain a first common element set, and finally marks the elements in the first common element set as checked state, and adds the kth node in the third component.

[0058] Optionally, when the target user selects a specific group A in the group component, first, all subordinate groups of the group A will be automatically checked, and the elements contained in all subordinate groups of the group A will be grouped into A1, the direct elements of the group A will be grouped into A2, the elements in A1 and the elements in A2 will be grouped into A3, and the existing elements in the current element list will be grouped into A4, and the elements shared by A3 and A4 will be marked as checked. When switching to check the group in the group component, the relevant elements will also be automatically checked in the element component, and the format displayed in the selected component is parent group / group A.

[0059] From the above content, it can be seen that when the intelligent interactive system operates according to the grouping, it will automatically check the associated selected elements in the element list, update the grouping and element selection status in the component, and then display the selected nodes in the selected component, so that users can see the grouping situation within the application scope more clearly and intuitively, reducing the user's operation steps and improving efficiency.

[0060] In an optional embodiment, when the target operation is that the target user unchecks the i-th node in the target component that is in a checked state, the intelligent interactive system uses all the parent nodes of the i-th node as the first node set, then uses all the nodes in the third component at the current moment to form a second node set, and uses all the elements in the third component at the current moment to form a first element set, and then determines the operation result based on the first node set, the second node set and the first element set.

[0061] Optionally, the intelligent interaction system takes all the parent groups of the unselected group as the first node set, then groups all the components in the third component at the current moment into a second node set (marked as groupRange, which is the set of group information actually checked in the currently selected component), and then groups all the elements in the third component at the current moment into a first element set (marked as elementRange, which is the set of element information actually checked in the currently selected component), and finally determines the results in the group component, element component and selected component based on the first node set, the second node set and the first element set.

[0062] From the above content, it can be seen that the intelligent interactive system obtains the parent node information of the node, the node and element information in the currently selected component based on the unselected node, and then further processes the obtained relevant information to obtain the operation result, providing a data basis for the subsequent determination of the groups and elements in the selected component.

[0063] In an optional embodiment, the intelligent interaction system deletes the first node set and the i-th node from the second node set to obtain a target checked node set, wherein the target checked node set is a set of nodes actually checked in the third component in the target page, and then adds the elements of the first node set to the first element set to obtain a target checked element set, wherein the target checked element set is a set of elements actually checked in the third component in the target page, and finally determines the operation result based on the target checked node set and the target checked element set.

[0064] Optionally, when the target user unselects a group A in the group component, if the parent group B of group A is in a selected state, and the parent group B also contains other elements or subordinate groups, all originally selected parent groups B are changed to a semi-selected state, and the groups in the parent group B that have no containment relationship with A are set to a checked state, and the group A is removed from the selected component, and all directly subordinate elements in the affected parent group B and the groups that have no containment relationship with A are displayed.

[0065] Optionally, Figure 3 is a flowchart of an optional processing logic for selecting or deselecting a group according to an embodiment of the present application, such as Figure 3 As shown, the intelligent interaction system obtains all checked groups (marked as checkedGroups) and obtains a group information (marked as checkedGroup) in checkedGroups, which includes the identification number of the group, the included subgroups (lower-level nodes) and other related information, and traverses checkedGroup. If all the lower-level nodes of checkedGroup are in checkedGroups, the traversal continues. If checkedGroup has a lower-level node A, and lower-level node A is not in checkedGroups, it means that the operation of unchecking subgroup A is performed. At this time, the lower-level node A and all the upper-level groups of the lower-level node A (marked as needSuperiors) are deleted from groupRange, wherein needSuperiors includes the node corresponding to checkedGroup, and all elements in needSuperiors are added to elementRange, and the groups in needSuperiors are deleted from checkedGroups.

[0066] Optionally, Figure 4 is a flowchart of an optional processing logic for determining a group within an application range after deselecting a group according to an embodiment of the present application, such as Figure 4 As shown, after Figure 3 After the above-mentioned processing of unchecking the node, all subordinate nodes of the remaining checkedGroup are in checkedGroups. When traversing checkedGroups, if the superior node of a checkedGroup is in checkedGroups, the checkedGroup is not put into groupRange.

[0067] From the above content, it can be seen that the intelligent interactive system determines the page presentation information after the node is unselected through the logic of unselecting the node, and maintains data consistency by synchronously updating the node and element collection. It can update the interface in time according to the user's interaction, provide instant feedback, and enhance the user experience.

[0068] In an optional embodiment, when there is an intersection between the target checked node set and the target checked element set, the intelligent interaction system calculates the intersection of the target checked node set and the target checked element set to obtain a second common element set, wherein the elements in the intersection are elements that obtain the element check state by selecting the element before the element check state is obtained by selecting the node, and then the second common element set is removed from the target checked element set.

[0069] Optionally, Figure 5 is a flowchart of an optional processing logic when there is an intersection between a grouping component and an element component according to an embodiment of the present application, such as Figure 5 As shown, if the elements contained in groupRange intersect with elementRange, and these elements were previously checked by element selection and then checked by node selection, the elements in the intersection will be deleted from elementRange.

[0070] Optionally, there are three check states for groups: checked, half-checked, and unchecked. Among them, the groups in groupRange and all their subordinate groups will be set to checked state, the groups corresponding to the elements in elementRange and all their superior groups will be set to half-checked state, and other groups will remain unchecked. It should be noted that the check state is unchecked by default. When calculating the check state, only the flags of the checked and half-checked groups need to be calculated. According to the calculated flags, the page displays the corresponding state, that is, the page is displayed in a data-driven manner.

[0071] Optionally, Figure 6 is a schematic diagram of an optional operation on a grouping component according to an embodiment of the present application, such as Figure 6 As shown, the intelligent interactive system obtains all the data in the page through the data acquisition and processing module, and pre-processes all the groups, that is, adding all the node information of its parent groups to each group, and then monitors the selection or deselection events of the group through the event monitoring and response module, and calculates the selected values ​​(groupRange and elementRange) that need to be sent to the background according to the event response module, and then the display check status module obtains the check status that needs to be displayed according to the selected value. The selected value of the group can also be set through the form item of Form (form control in page interaction), and then the display check status module is displayed on the page.

[0072] From the above content, it can be seen that when the intelligent interactive system selects or cancels the selection of a group, the browser's event monitoring mechanism and a series of logical calculations behind it make the actual effective group and element information very intuitive, preventing the loss of elements that should be effective within the application scope, and ensuring the integrity and accuracy of the groups and elements within the application scope.

[0073] In an optional embodiment, when the target operation is that the target user selects the nth element in the target component, the intelligent interaction system marks the nth element as checked in the second component according to the target processing logic, where n is an integer greater than or equal to 1, and then adds the nth element in the third component.

[0074] Optionally, when the target user selects a single or multiple elements, the groups where these elements are located and all parent groups of the group are in a half-selected state. Even if all elements under a group are selected, the group is still in a half-selected state, because for the target page, this is an element-level selection, and the display format in the selected component is the group where the element is located / selected elements. It should be noted that when all elements in the entire group are checked through element-level selection, if a new element is added to the group, the element is not in the application scope.

[0075] From the above content, it can be seen that the intelligent interaction system automatically marks the selected elements as checked in the second component according to the target processing logic, adds the selected elements in the third component, and then displays them on the page. By automating the process of checking and adding elements, it can reduce the mistakes that users may make in manual operations and improve the simplicity and accuracy of operations.

[0076] In an optional embodiment, when the target operation is for the target user to uncheck the jth element in the target component that is in a checked state, the intelligent interaction system uses the node of the jth element and the parent node of the jth element node as the third node set, then obtains the child nodes of all nodes in the second node set, and adds the child nodes of all nodes to the second node set to obtain a fourth node set, then calculates the intersection of the third node set and the fourth node set to obtain a first common node set, wherein the first common node set is a set of nodes that need to be unchecked, and finally determines the operation result based on the fourth node set and the first common node set.

[0077] Optionally, when the target operation of the intelligent interactive system is that the target user unchecks element A1 that is in a checked state in the target component, the group of element A1 and the parent group of the group of element A1 are taken as the third node set (marked as uncheckedElementGroups), and then the subgroups of all groups in groupRange are obtained, and the group in groupRange and the set consisting of the subgroups of all groups are taken as the fourth node set (marked as actualGroupRange), and the intersection of uncheckedElementGroups and actualGroupRange is calculated to obtain the first common node set (marked as needUncheckedElementGroups), the first common node set is the group that needs to be removed, and finally the final result of canceling the element operation is determined based on the fourth node set and the first common node set.

[0078] From the above content, it can be seen that the intelligent interactive system recognizes that the target user wants to deselect a specific element in a component, and obtains the grouping information related to the specific element, providing a data basis for subsequent judgment of the groups and elements within the application scope. Finally, through precise logical judgment, the operation result is determined, thereby improving the accuracy of the operation result.

[0079] In an optional embodiment, the intelligent interaction system deletes the first common node set from the fourth node set to obtain a target checked node set, then adds all elements of the first common node set to the first element set, and deletes the jth element from the first element set to obtain a target checked element set, and then determines the operation result based on the target checked node set and the target checked element set.

[0080] Optionally, when the target user cancels the selection of one or more elements, if the group B to which these elements belong is in the fully selected state, the process is performed according to the logic of canceling the grouping, which is equivalent to canceling the selection of some groups. At the same time, all the direct elements under group B that have not been canceled are added to the display list of the selected components. If the group B to which these elements belong is in the half-selected state, the canceled elements will be directly removed from the selected components.

[0081] Optionally, if the target user unchecks an element that is selected due to the selection of a group, the corresponding group and all parent groups need to be unchecked, and all other elements or groups in all unchecked groups need to be added to the selected components. Figure 7 is a flowchart of an optional processing logic for selecting or deselecting an element according to an embodiment of the present application, such as Figure 7 As shown, when the target user selects or unchecks, if it is a selection operation, the selected element is directly added to the elementRange; if it is an unchecked element A1 in the target component that is in a checked state, the group corresponding to A1 and the sets of the parent group uncheckedElementGroups and actualGroupRange are first obtained, and then the set of the intersection of uncheckedElementGroups and actualGroupRange, needUncheckedElementGroups, is calculated, and then needUncheckedElementGroups and the groups in which the parent group is also included are deleted from actualGroupRange to obtain the final groupRange, and at the same time, the elements of all groups in needUncheckedElementGroups are added to the elementRange, and the element A1 is deleted from the elementRange to obtain the final elementRange.

[0082] Optionally, if the element to be cancelled is in elementRange, you can also use Figure 7 Process according to the corresponding flowchart.

[0083] Optionally, there are two check states for an element, namely checked and unchecked. It should be noted that the default check state is unchecked. When judging the check state, it is only necessary to calculate the element ID to be checked, and then the check state module displays the check state of the corresponding element through the calculated ID.

[0084] Optionally, Figure 8 is a schematic diagram of an optional operation on an element component according to an embodiment of the present application, such as Figure 8 As shown, the intelligent interactive system obtains the data of all elements through the data acquisition module, which is a list data structure and is stored. Then, according to the event monitoring and response module, the element selection or deselection event is monitored, and the selected value that needs to be sent to the background is calculated according to the event response module. Then, according to the display check status module, the check status that needs to be displayed is obtained according to the selected value. The selected value can also be set directly through the form item of the Form. When the group to which the current element list belongs is switched, although the element list has changed, the selected value has not changed, and there is no need to calculate the element that should be checked again.

[0085] Optionally, Fig. 9 is a schematic diagram of an optional operation process on a selected component according to an embodiment of the present application, such as Fig. 9 As described above, the intelligent interactive system can directly clear all selected items, or perform single item deletion operations. At the same time, keywords can be entered in the selected components to fuzzily filter out related groups or elements, which is used to determine whether an item is selected in scenarios where there are many groups or elements in the selected components.

[0086] For example, if a company's technical administrator wants to perform scheduled virus scanning tasks on the computers of some colleagues in the company, the target logic can be used to determine the application scope of the departments or personnel who need to perform virus scanning tasks when configuring the virus scanning strategy. If the technical administrator selects department A (i.e., the group in the application scope), the computers of personnel in department A and all other subordinate departments will perform scheduled virus killing tasks. If there are several new colleagues in department A, the computers of these new colleagues will also automatically perform scheduled virus killing tasks, and the technical administrator does not need to update the virus killing strategy; if the technical administrator selects several employees in department B (i.e., the elements in the application scope), the computers of these employees will perform scheduled virus killing tasks, and even if the department is changed later, it will not be affected. It should be noted that if the employees are selected at the element level, the corresponding group is not in the application scope; if the technical administrator selects department A and cancels the selection of some employees in department A, the departments under department A that do not include these employees will be automatically selected at the group level, and the departments that include these employees will automatically select the remaining employees (elements) in the department at the element level; during the whole process, the technical administrator can intuitively understand the selection status of departments and employees, the employees included in the selected departments, whether the employees are selected at the element level or the group level, and the departments and employees in the application scope.

[0087] From the above content, it can be seen that the intelligent interaction system finally obtains the target checked node set and the target checked element set through a series of logical judgments, that is, the groups and elements presented in the selected components. Through this logical processing method, the accuracy of the application scope can be ensured, and the check status of the group, the check status of the element, and the groups and elements within the application scope can be displayed on the same page, which improves the visualization effect of the application scope.

[0088] According to another aspect of the embodiments of the present application, an embodiment of a device for processing page interaction is also provided. Fig.10 is a schematic diagram of an optional page interaction processing device according to an embodiment of the present application, such as Fig.10 As shown, the page interaction processing device includes: a determination unit 1001 and a processing unit 1002.

[0089] Optionally, the determination unit 1001 is used to determine the target page according to the target component, wherein the target component includes at least a first component, a second component and a third component, the first component is used to present the hierarchical relationship between different nodes, the second component is used to present the element list under the switched node in the first component, the third component is used to characterize the application scope of the selected node and / or element, the first component, the second component and the third component are interrelated, and the target page is used to display the nodes and elements; the processing unit 1002 is used to perform a target operation on the target page according to the target processing logic to obtain an operation result, wherein the target processing logic is used to determine whether the node and / or element is within the application scope, and the target operation is an interactive operation between the target user and the target page.

[0090] Optionally, the processing unit 1002 includes: a first processing sub-unit, used for preprocessing all nodes in the first component, wherein the preprocessing is used for adding all the upper-level node information corresponding to each node to each node.

[0091] Optionally, the processing unit 1002 includes: a first marking subunit and a second processing subunit. The first marking subunit is used to mark the kth node and all subordinate nodes of the kth node as checked in the first component according to the target processing logic when the target operation is that the target user selects the kth node in the target component, where k is an integer greater than or equal to 1; the second processing subunit is used to calculate the intersection of the elements in the second component and all elements under the kth node to obtain a first common element set; mark the elements in the first common element set as checked, and add the kth node in the third component.

[0092] Optionally, the processing unit 1002 includes: a third processing subunit, a first composition subunit, a second composition subunit, and a first determination subunit. The third processing subunit is used to take all the upper nodes of the i-th node as the first node set when the target operation is that the target user unchecks the i-th node in the target component that is in a checked state; the first composition subunit is used to form all the nodes in the third component at the current moment into a second node set; the second composition subunit is used to form all the elements in the third component at the current moment into a first element set; and the first determination subunit is used to determine the operation result according to the first node set, the second node set, and the first element set.

[0093] Optionally, the first determination subunit includes: a first deletion module, a first addition module and a first determination module. The first deletion module is used to delete the first node set and the i-th node from the second node set to obtain a target checked node set, wherein the target checked node set is a set of nodes actually checked in the third component of the target page; the first addition module is used to add the elements of the first node set to the first element set to obtain a target checked element set, wherein the target checked element set is a set of elements actually checked in the third component of the target page; the first determination module is used to determine the operation result according to the target checked node set and the target checked element set.

[0094] Optionally, the first determination module includes: a first calculation submodule and a first removal submodule. The first calculation submodule is used to calculate the intersection of the target checked node set and the target checked element set when there is an intersection between the target checked node set and the target checked element set to obtain a second common element set, wherein the elements in the intersection are elements that obtain the element check state by selecting the element before obtaining the element check state by selecting the node; the first removal submodule is used to remove the second common element set from the target checked element set.

[0095] Optionally, the processing unit 1002 includes: a second marking subunit and a first adding subunit. The second marking subunit is used to mark the nth element as a checked state in the second component according to the target processing logic when the target operation is that the target user selects the nth element in the target component, where n is an integer greater than or equal to 1; and the first adding subunit is used to add the nth element in the third component.

[0096] Optionally, the processing unit 1002 includes: a fourth processing subunit, a first acquisition subunit, a first calculation subunit, and a second determination subunit. The fourth processing subunit is used to use the node of the jth element and the parent node of the jth element node as the third node set when the target operation is that the target user unchecks the jth element in the target component that is in a checked state; the first acquisition subunit is used to obtain the child nodes of all nodes in the second node set, and add the child nodes of all nodes to the second node set to obtain the fourth node set; the first calculation subunit is used to calculate the intersection of the third node set and the fourth node set to obtain the first common node set, wherein the first common node set is a set of nodes that need to be unchecked; the second determination subunit is used to determine the operation result according to the fourth node set and the first common node set.

[0097] Optionally, the second determination subunit includes: a second deletion module, a first processing module and a second determination module. The second deletion module is used to delete the first common node set from the fourth node set to obtain a target checked node set; the first processing module is used to add all elements of the first common node set to the first element set, and delete the jth element from the first element set to obtain a target checked element set; the second determination module is used to determine the operation result according to the target checked node set and the target checked element set.

[0098] In some embodiments, a computer-readable storage medium is also provided, wherein a computer program is stored in the computer-readable storage medium, wherein when the computer program runs, the device where the computer-readable storage medium is located executes any one of the above-mentioned page interaction processing methods.

[0099] In some embodiments, an electronic device is also provided, wherein the electronic device includes one or more processors; a storage device for storing one or more programs, and when the one or more programs are executed by the one or more processors, the one or more processors implement a method for running the programs, wherein the program is configured to execute any of the above-mentioned page interaction processing methods at runtime.

[0100] The above-mentioned embodiments or examples disclosed in the present application are not exhaustive, but are only illustrative of some embodiments or examples, and are not intended to be specific limitations on the scope of protection disclosed in the present application. In the absence of contradiction, each step in a certain embodiment or example in the present application can be implemented as an independent example, and the steps can be combined arbitrarily. For example, the scheme after removing some steps in a certain embodiment or example can also be implemented as an independent example, and the order of the steps in a certain embodiment or example can be arbitrarily exchanged. In addition, the optional methods or optional examples in a certain embodiment or example can be combined arbitrarily; in addition, the various embodiments or examples can be combined arbitrarily, for example, some or all steps of different embodiments or examples can be combined arbitrarily, and a certain embodiment or example can be combined arbitrarily with the optional methods or optional examples of other embodiments or examples.

[0101] The serial numbers of the above-mentioned embodiments of the present application are for description only and do not represent the advantages or disadvantages of the embodiments.

[0102] In the above embodiments of the present application, the description of each embodiment has its own emphasis. For parts that are not described in detail in a certain embodiment, please refer to the relevant description of other embodiments.

[0103] In the several embodiments provided in this application, it should be understood that the disclosed technical content can be implemented in other ways. Among them, the device embodiments described above are only schematic. For example, the division of the units can be a logical function division. There may be other division methods in actual implementation. For example, multiple units or components can be combined or integrated into another system, or some features can be ignored or not executed. Another point is that the mutual coupling or direct coupling or communication connection shown or discussed can be through some interfaces, indirect coupling or communication connection of units or modules, which can be electrical or other forms.

[0104] The units described as separate components may or may not be physically separated, and the components shown as units may or may not be physical units, that is, they may be located in one place or distributed on multiple units. Some or all of the units may be selected according to actual needs to achieve the purpose of the present embodiment.

[0105] In addition, each functional unit in each embodiment of the present application may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit. The above-mentioned integrated unit may be implemented in the form of hardware or in the form of software functional units.

[0106] If the integrated unit is implemented in the form of a software functional unit and sold or used as an independent product, it can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of the present application, in essence, or the part that contributes to the prior art or all or part of the technical solution can be embodied in the form of a software product, and the computer software product is stored in a storage medium, including a number of instructions to enable a computer device (which can be a personal computer, a server or a network device, etc.) to perform all or part of the steps of the method described in each embodiment of the present application. The aforementioned storage medium includes: U disk, read-only memory (ROM, Read-Only Memory), random access memory (RAM, Random Access Memory), mobile hard disk, disk or optical disk and other media that can store program codes.

[0107] The above is only a preferred implementation of the present application. It should be pointed out that for ordinary technicians in this technical field, several improvements and modifications can be made without departing from the principles of the present application. These improvements and modifications should also be regarded as the scope of protection of the present application.

Claims

1. A method for processing page interaction, characterized in that: include: Determine a target page according to a target component, wherein the target component includes at least a first component, a second component and a third component, the first component is used to present a hierarchical relationship between different nodes, the second component is used to present a list of elements under a node switched in the first component, the third component is used to characterize an application scope of the selected node and / or element, the first component, the second component and the third component are related to each other, and the target page is used to display the node and the element; A target operation is performed on the target page according to the target processing logic to obtain an operation result, wherein the target processing logic is used to determine whether the node and / or the element is within the application scope, and the target operation is an interactive operation between a target user and the target page.

2. The page interaction processing method according to claim 1, characterized in that: Performing a target operation on the target page according to the target processing logic to obtain an operation result includes: When the target operation is that the target user selects the kth node in the target component, the kth node and all subordinate nodes of the kth node are marked as checked in the first component according to the target processing logic, where k is an integer greater than or equal to 1; Calculate the intersection of the elements in the second component and all the elements under the k-th node to obtain a first common element set; Mark the elements in the first common element set as checked, and add the kth node in the third component.

3. The page interaction processing method according to claim 1, characterized in that: Performing a target operation on the target page according to the target processing logic to obtain an operation result includes: When the target operation is that the target user unchecks the i-th node in the target component that is in a checked state, all parent nodes of the i-th node are taken as the first node set; All nodes in the third component at the current moment are combined into a second node set; All elements of the third component at the current moment are combined into a first element set; The operation result is determined according to the first node set, the second node set, and the first element set.

4. The page interaction processing method according to claim 3, characterized in that: Determining the operation result according to the first node set, the second node set, and the first element set includes: Deleting the first node set and the i-th node from the second node set to obtain a target checked node set, wherein the target checked node set is a set of nodes actually checked in the third component in the target page; Adding the elements of the first node set to the first element set to obtain a target checked element set, wherein the target checked element set is a set of elements actually checked in the third component in the target page; The operation result is determined according to the target checked node set and the target checked element set.

5. The page interaction processing method according to claim 4, characterized in that: Before determining the operation result according to the target check node set and the target check element set, the page interaction processing method further includes: In the case that the target checked node set and the target checked element set have an intersection, the intersection of the target checked node set and the target checked element set is calculated to obtain a second common element set, wherein the elements in the intersection are elements whose element check state is obtained by selecting an element before the element check state is obtained by selecting a node; The second set of common elements is removed from the target set of checked elements.

6. The page interaction processing method according to claim 1, characterized in that: Performing a target operation on the target page according to the target processing logic to obtain an operation result includes: When the target operation is that the target user selects the nth element in the target component, marking the nth element as a checked state in the second component according to the target processing logic, where n is an integer greater than or equal to 1; Add the nth element in the third component.

7. The page interaction processing method according to claim 3, characterized in that: Performing a target operation on the target page according to the target processing logic to obtain an operation result includes: When the target operation is that the target user unchecks the jth element in the target component that is in a checked state, the node of the jth element and the parent node of the jth element node are used as the third node set; Obtaining child nodes of all nodes in the second node set, and adding the child nodes of all nodes to the second node set to obtain a fourth node set; Calculate the intersection of the third node set and the fourth node set to obtain a first common node set, wherein the first common node set is a set of nodes that need to be unchecked; The operation result is determined according to the fourth node set and the first common node set.

8. The page interaction processing method according to claim 7, characterized in that: Determining the operation result according to the fourth node set and the first common node set includes: Deleting the first common node set from the fourth node set to obtain a target checked node set; Add all elements of the first common node set to the first element set, and delete the j-th element from the first element set to obtain a target checked element set; The operation result is determined according to the target checked node set and the target checked element set.

9. A page interaction processing device, characterized in that: include: A determination unit, which determines a target page according to a target component, wherein the target component includes at least a first component, a second component, and a third component, the first component is used to present a hierarchical relationship between different nodes, the second component is used to present a list of elements under a node switched in the first component, the third component is used to characterize an application scope of the selected node and / or element, the first component, the second component, and the third component are associated with each other, and the target page is used to display the node and the element; A processing unit performs a target operation on the target page according to a target processing logic to obtain an operation result, wherein the target processing logic is used to determine whether the node and / or the element is within an application scope, and the target operation is an interactive operation between a target user and the target page.

10. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores a computer program, wherein when the computer program is executed, the device where the computer-readable storage medium is located executes the page interaction processing method according to any one of claims 1 to 8.

Images