Display mode switching method and device, equipment and storage medium

Abstract

The embodiment of the invention provides a display mode switching method and device, equipment and a storage medium. After a highlighting operation triggered by a user for a first object is obtained, a first object cluster can be determined according to the first object. Wherein the first object cluster comprises a first object, and the first object cluster corresponds to the first flow logic in the first flow chart. After the first object cluster is determined, the display mode of the first object cluster can be switched. That is to say, if the user wants to view the object corresponding to a certain flow logic in the flow chart, the user can trigger the highlighted display operation on a certain object (such as the first object) in all the objects corresponding to the flow logic, so that the display mode of the object corresponding to the flow logic is triggered. In this way, a user can trigger highlighted display of part of objects in the flow chart through operation, and therefore viewing can be better carried out.

Description

Technical Field

[0001] The present application relates to the field of computers, and in particular to a display mode switching method, device, equipment and storage medium. Background Art

[0002] Flowcharts can intuitively display processing logic and have been used in many fields. Flowcharts can include nodes and connecting lines. Nodes are used to indicate related actions or other information in the process, and connecting lines are used to indicate the execution order of nodes in the process. In this way, users can understand the processing logic and specific details of the process by viewing the structure of the flowchart.

[0003] For example, in the application editing scenario, users can develop application services within the application platform as a service (aPaaS) platform. The aPaaS platform has low-code or zero-code features, and users can create applications on the aPaaS platform by "dragging, pulling, and dropping" the elements and modules provided by the platform, achieving low-threshold rapid creation of applications. When users use the aPaaS platform to generate applications, they can first build a flowchart related to the application to be produced, so that they can refer to the flowchart for subsequent application production.

[0004] In actual application scenarios, the structure of the flowchart may be complex and inconvenient for users to view. Summary of the invention

[0005] In order to solve the problems of the prior art, the present application provides a display mode switching method, device, equipment and storage medium.

[0006] Based on this, the technical solutions provided by this application are as follows:

[0007] In a first aspect, the present application provides a display mode switching method, the method comprising:

[0008] Acquire a highlighting operation triggered by a user on a first object, where the first object belongs to a first flowchart;

[0009] Determine a first object cluster according to the first object, the first object cluster includes the first object, and the first object cluster corresponds to a first process logic in the first flow chart;

[0010] Switch the display mode of the first object cluster.

[0011] In some possible implementations, determining a first object cluster according to the first object includes:

[0012] In response to the first object being a parent node of the first branch path, determining that the first process logic is the process logic corresponding to the first branch path;

[0013] The nodes and connecting lines included in the first branch path are determined as objects in the first object cluster.

[0014] In some possible implementations, determining the nodes and connecting lines included in the first branch path as objects in the first object cluster includes:

[0015] Determine the tail node of the first branch path according to the first process logic;

[0016] The nodes and connecting lines between the first object and the tail node are determined as objects in the first object cluster.

[0017] In some possible implementations, determining a first object cluster according to the first object includes:

[0018] In response to the first object belonging to a sub-path of the second branch path, determining the first flow logic to be the flow logic corresponding to the sub-path;

[0019] The nodes and connecting lines included in the subpath are determined as objects in the first object cluster.

[0020] In some possible implementations, determining a first object cluster according to the first object includes:

[0021] In response to the first object belonging to a loop path, determining the first process logic to be the process logic corresponding to the loop path;

[0022] The nodes and connecting lines included in the cycle path are determined as objects in the first object cluster.

[0023] In some possible implementations, switching the display mode of the first object cluster includes:

[0024] The display brightness of the first object cluster is switched from a first brightness to a second brightness, where the second brightness is higher than the first brightness.

[0025] In some possible implementations, the first object is a node or a connecting line in the first flow chart.

[0026] In a second aspect, the present application provides a display mode switching device, the device comprising:

[0027] An acquisition unit, configured to acquire a highlighting operation triggered by a user on a first object, wherein the first object belongs to a first flow chart;

[0028] A determining unit, configured to determine a first object cluster according to the first object, the first object cluster including the first object, and the first object cluster corresponding to a first process logic in the first process diagram;

[0029] A display unit is used to switch the display mode of the first object cluster.

[0030] In some possible implementations, the determination unit is specifically used to determine, in response to the first object being the parent node of the first branch path, that the first process logic is the process logic corresponding to the first branch path; and determine the nodes and connecting lines included in the first branch path as objects in the first object cluster.

[0031] In some possible implementations, the determination unit is specifically configured to determine the tail node of the first branch path according to the first process logic; and determine the nodes and connecting lines between the first object and the tail node as objects in the first object cluster.

[0032] In some possible implementations, the determination unit is specifically used to determine, in response to the first object belonging to a sub-path of the second branch path, that the first process logic is the process logic corresponding to the sub-path; and determine the nodes and connecting lines included in the sub-path as objects in the first object cluster.

[0033] In some possible implementations, the determination unit is specifically used to determine, in response to the first object belonging to a loop path, that the first process logic is the process logic corresponding to the loop path; and determine the nodes and connecting lines included in the loop path as objects in the first object cluster.

[0034] In some possible implementations, the display unit is specifically configured to switch the display brightness of the first object cluster from a first brightness to a second brightness, where the second brightness is higher than the first brightness.

[0035] In some possible implementations, the first object is a node or a connection line in the first flow chart.

[0036] In a third aspect, the present application provides an electronic device, including:

[0037] one or more processors;

[0038] a storage device having one or more programs stored thereon,

[0039] When the one or more programs are executed by the one or more processors, the one or more processors implement any method described in the first aspect.

[0040] In a fourth aspect, the present application provides a computer-readable medium having a computer program stored thereon, wherein when the program is executed by a processor, any method described in the first aspect is implemented.

[0041] In a fifth aspect, the present application provides a computer program product, which, when executed on a device, enables the device to execute the method described in the first aspect.

[0042] The embodiment of the present application provides a display mode switching method, device, equipment and storage medium. If a user wants to view some objects in a first flowchart, the user can trigger a highlight operation for the first object in the flowchart. After obtaining the highlight operation triggered by the user for the first object, a first object cluster can be determined according to the first object. Among them, the first object cluster includes at least one node and a plurality of connecting lines. The first object cluster includes the first object, and the other objects included in the first object cluster are associated with the first object. The objects in the first object cluster together constitute the first process logic in the first flowchart. After determining the first object cluster, the display mode of the first object cluster can be switched. That is, if the user wants to view an object corresponding to a process logic in the flowchart, the user can trigger a highlight operation for an object (such as the first object) among all objects corresponding to the process logic, thereby triggering the display mode of the object corresponding to the process logic. In this way, the object corresponding to the process logic is displayed in a display mode different from that of other objects in the first flowchart, and the user can easily distinguish the object corresponding to the process logic from other objects in the first flowchart. In this way, the user can trigger the highlighting of some objects in the flowchart through operation, so as to better view them. BRIEF DESCRIPTION OF THE DRAWINGS

[0043] In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the drawings required for use in the embodiments or the description of the prior art will be briefly introduced below. Obviously, the drawings described below are only some embodiments recorded in the present application. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying any creative work.

[0044] Figure 1 A flowchart of a display mode switching method provided in an embodiment of the present application;

[0045] Figure 2-a A schematic diagram of an exemplary application scenario provided for an embodiment of the present application;

[0046] Figure 2-b A schematic diagram of another exemplary application scenario provided for an embodiment of the present application;

[0047] Figure 3-aA schematic diagram of another exemplary application scenario provided for an embodiment of the present application;

[0048] Figure 3-b A schematic diagram of another exemplary application scenario provided for an embodiment of the present application;

[0049] Figure 4 -c is a schematic diagram of another exemplary application scenario provided in an embodiment of the present application;

[0050] Figure 4 A schematic diagram of the structure of a display mode switching device provided in an embodiment of the present application;

[0051] Figure 5 A schematic diagram of the basic structure of an electronic device provided in an embodiment of the present application. DETAILED DESCRIPTION

[0052] The embodiments of the present application will be described in more detail below with reference to the accompanying drawings. Although certain embodiments of the present application are shown in the accompanying drawings, it should be understood that the present application can be implemented in various forms and should not be construed as being limited to the embodiments described herein. Instead, these embodiments are provided to provide a more thorough and complete understanding of the present application. It should be understood that the drawings and embodiments of the present application are only for exemplary purposes and are not intended to limit the scope of protection of the present application.

[0053] It should be understood that the various steps described in the method implementation of the present application can be performed in different orders and / or performed in parallel. In addition, the method implementation may include additional steps and / or omit the steps shown. The scope of the present application is not limited in this respect.

[0054] The term "including" and its variations used herein are open inclusions, i.e., "including but not limited to". The term "based on" means "based at least in part on". The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments". The relevant definitions of other terms will be given in the following description.

[0055] It should be noted that the concepts such as "first" and "second" mentioned in this application are only used to distinguish different objects, devices, modules or units, and are not used to limit the order or interdependence of the functions performed by these devices, modules or units.

[0056] It should be noted that the modifications of "one" and "plurality" mentioned in the present application are illustrative rather than restrictive, and those skilled in the art should understand that unless otherwise clearly indicated in the context, it should be understood as "one or more".

[0057] The flowchart includes nodes and connecting lines for connecting the nodes. The nodes and connecting lines can be referred to as flowchart objects, i.e., objects in the flowchart. The nodes can be used to indicate specific actions in the flowchart, and the connecting lines can be used to indicate the execution order of the actions in the flowchart. In this way, through the nodes and connecting lines, the processing logic corresponding to the flowchart can be intuitively displayed to the user, which is convenient for the user to view. In an embodiment of the present application, the processing logic corresponding to the flowchart can be referred to as process logic. Specifically, the processing logic corresponding to a flowchart process can be referred to as process logic. The processing logic expressed by some nodes and connecting lines in the flowchart can also be referred to as process logic.

[0058] In the aPaaS platform, users can edit and produce application-related processes. For example, users can edit the process of application data processing for reference in the subsequent process of producing applications in the aPaaS platform. The process is usually presented in the form of a flowchart. Users can edit the required flowchart in the process editing page provided by the aPaaS platform. Specifically, users can create nodes in the aPaaS platform and set connecting lines between nodes to create corresponding process logic.

[0059] However, if the flowchart is complex, it may be difficult for users to understand the process logic through the flowchart. For example, if there are many actions in the logic displayed by the flowchart, there may be many nodes in the flowchart, which may affect the user's viewing; or, if the execution order of the actions in the flowchart is complex, there may be many connecting lines in the flowchart, and users may find it difficult to distinguish different connecting lines; or, if the processing logic displayed in the flowchart is complex, there are many process logics, and there may be nested or branching relationships between different process logics, which is not conducive to users distinguishing the specific processing logic in the flowchart.

[0060] For example, in some possible implementations, the process logic may include loop processing logic and branch processing logic.

[0061] The loop processing logic is used to indicate the repeated execution of one or more actions until the condition for jumping out of the loop processing logic is met. A group of objects used to reflect the loop processing logic in a flowchart can be called a loop path. The loop path includes at least one node and multiple connecting lines. The last node in the loop path corresponds to two paths, one path corresponds to the node outside the loop path, and the other path corresponds to the first node of the loop path.

[0062] In some possible implementations, the distance between the first node and the last node in the loop may be far, so that after viewing the last node in the loop, the user needs to follow the connection line back to the first node in the loop. In this process, the user needs to find the first node in the loop from multiple nodes. This not only reduces the efficiency of viewing the flowchart, but also may find the wrong node.

[0063] The branch processing logic is used to indicate the selection and execution of multiple actions, or to indicate the parallel execution of multiple actions. A group of objects used to embody the branch processing logic in the flowchart can be called a branch path. The branch path includes a parent node, a tail node, and multiple sub-paths. Each sub-path includes at least one child node. The parent node of the branch path is connected to the first node in each sub-path through a connecting line, indicating that different sub-paths can be entered after entering the branch processing logic. The last node of each sub-path is connected to the tail node, indicating that the branch processing logic will end after each sub-path ends, and enter other subsequent processing processes. Optionally, each sub-path of the branch path can correspond to a branch in the branch processing logic.

[0064] If a branch path includes a large number of sub-paths, the multiple sub-paths may affect the user's viewing, and it is difficult for the user to find a specific sub-path from the multiple sub-paths. Alternatively, if a sub-path of a branch path includes multiple nodes, the user needs to drag the flowchart over a large area when switching from the sub-path to view other sub-paths, which may cause the user to be unable to distinguish the sub-paths.

[0065] Moreover, in actual application scenarios, a loop path can nest branch paths or other loop paths, and each subpath in a branch path can further nest other branch paths or loop paths. In this way, if the user needs to distinguish different paths from a complex flowchart, he or she can analyze a single path. And when distinguishing paths, the user needs to analyze the actions indicated by the nodes one by one, as well as the logical relationship between the nodes. Obviously, this process will consume a lot of energy of the user.

[0066] In order to solve the problems of the prior art, an embodiment of the present application provides a display mode switching method, which is described in detail below in conjunction with the drawings in the specification.

[0067] See also Figure 1 , Figure 1An information interaction diagram of a display mode switching method provided in an embodiment of the present application, the embodiment of the present application can be applied to application scenarios of editing flowcharts or viewing flowcharts. Among them, the display mode switching method can be executed by a display mode switching method, and the device can be implemented by software and integrated into the user's client. Among them, the client can be a software client or a web client of aPaaS. If the client is a software client of aPaaS, the client can be integrated into a personal computer (Personal Computer, PC) or a mobile terminal. In some possible implementations, the client can be a module with a flowchart editing function in other software, such as an aPaaS module. The above-mentioned other software can be software with instant messaging function, for example, it can be office software. That is, the above-mentioned client can be an aPaaS module in instant messaging software.

[0068] like Figure 1 As shown, the method specifically comprises the following steps:

[0069] S101: Acquire a highlighting operation triggered by a user on a first object.

[0070] As mentioned above, if the logic displayed in the flowchart is relatively complex, the structure of the corresponding flowchart will also be relatively complex, which is not convenient for users to view. In particular, if the flowchart also includes relatively complex logical paths such as loop paths or branch paths, it is difficult for users to separate relatively independent paths from the entire flowchart for viewing.

[0071] To this end, in an embodiment of the present application, if the user first wants to view some objects in a flowchart, the user can trigger a highlight operation on a certain object in the flowchart. Among them, the flowchart viewed by the user can be referred to as a first flowchart, and the flowchart object on which the user triggers the highlight operation can be referred to as a first object. Specifically, the user can trigger the highlight operation by clicking on the display area corresponding to the first object, or by moving the position of a cursor control (such as a mouse pointer control) to the display area corresponding to the first object. The above-mentioned operation of moving the position of the cursor control to the display area corresponding to the first object can be referred to as a hover operation.

[0072] In the embodiment of the present application, the first object can be a node in the flowchart or a connecting line in the flowchart. The first object can be described in detail below and will not be described here.

[0073] It should be noted that the "user" here refers to the object that triggers the highlighting operation. The user can refer to a specific person or an account that logs into the software to which the display mode switching device belongs. Optionally, if the user refers to an account that logs into the software, then Figure 1Different operations in the corresponding embodiments may be triggered by different persons.

[0074] S102: Determine a first object cluster according to the first object.

[0075] After obtaining the highlighting operation triggered by the user, a first object cluster can be determined based on the first object. The first object cluster includes multiple objects, and the flowchart objects included in the first object cluster include the aforementioned first object. The flowchart objects included in the first object cluster are the parts of the flowchart that the user wants to view. Specifically, the first object cluster corresponds to the first process logic in the first flowchart. That is, the objects in the first object cluster are used to display the first process logic in the first flowchart.

[0076] That is, if the user wants to highlight a flowchart object corresponding to a certain process logic in the flowchart, the highlight operation can be triggered for a certain object among all objects corresponding to the process logic in the flowchart. Optionally, the user can trigger the highlight operation through any object in the process logic, or through a specific flowchart object in the process logic. That is, the first object can be a specific flowchart object in the first object cluster, or any object in the first object cluster.

[0077] In actual application scenarios, the parts that the user wants to highlight often have certain associations. Accordingly, when determining the first object cluster according to the first object, the cluster associated with the first object, ie, the first object cluster, can be determined according to the associations between the flow chart objects.

[0078] In some possible implementations, other objects connected to the first object may be determined as flowchart objects in the first object cluster. Specifically, if the first object is a node, then when determining the first object cluster, other nodes directly connected to the first object and connecting lines used to connect the first object and the above nodes may be determined as flowchart objects in the first object cluster. Alternatively, if the first object is a connecting line, then all nodes connected to the first object may be determined as flowchart objects in the first object cluster.

[0079] In some other possible implementations, the flowchart object in the first object cluster can be determined based on the distance between the flowchart object and the first object. The distance between the flowchart object and the first object, for example, may include the length of the line between the flowchart object and the first object, and may also include the number of nodes spaced between the flowchart object and the first object. The nodes spaced between the flowchart object and the first object refer to the nodes on the path connecting the flowchart object and the first object. Specifically, the flowchart object in the flowchart whose distance from the first object is less than a preset threshold can be determined as the flowchart object in the first object cluster.

[0080] In some other possible implementations, the flowchart objects in the first object cluster may be determined based on the association relationship with the first object. Specifically, if the first object is a node, the association coefficient between each node in the flowchart and the first object may be calculated respectively, and the nodes whose association coefficient with the first object is greater than a preset threshold, and the connection lines used to connect these nodes are determined as flowchart objects in the first object cluster.

[0081] In some other possible implementations, the flowchart object in the first object cluster can be determined according to the process logic corresponding to the first object. That is, according to the association relationship between the flowchart objects, the first process logic corresponding to the first object can be first determined, and then the flowchart object corresponding to the first process logic can be determined as the object in the first object cluster. This is described in detail below.

[0082] In actual application scenarios, the complexity of the process logic displayed in the flowchart is often the main reason that affects users' viewing of the flowchart. The nodes and connecting lines corresponding to different process logics are concentrated together, which is not convenient for users to view. In particular, if there is overlap or nesting between different process logics, it is difficult for users to view a single process logic.

[0083] To this end, after obtaining the highlight operation triggered by the user, it can be determined whether the first object corresponds to a certain process logic. If the first object corresponds to a certain process logic, then all flowchart objects used to represent the process logic in the flowchart can be determined as flowchart objects in the first object cluster. In other words, if the user wants to view a specific process logic in the flowchart, he can find an object corresponding to the process logic (i.e., the aforementioned first object), and then trigger a highlight operation on the object. In this way, the flowchart objects used to identify the process logic in the flowchart will be highlighted for easy viewing by the user.

[0084] As described above, common process logic in a flow chart may include branch processing logic and loop processing logic. The following takes some actual process logic as an example to introduce the implementation method of determining the objects in the first object cluster.

[0085] Implementation method 1: The first object belongs to a cyclic path.

[0086] In a first possible implementation, the first object is a flowchart object in a loop path. That is, the process logic corresponding to the first object is a loop processing logic. Optionally, the first object can be, for example, a node in the loop path, or a connecting line between nodes in the loop path.

[0087] Accordingly, if the user triggers a highlighting operation on the first object, each flowchart object in the cyclic path to which the first object belongs may be determined as a flowchart object in the first object cluster.

[0088] Specifically, the flow chart object in the first object cluster can be determined based on the identifier of the flow chart object. For example, when drawing a flow chart, a user can create a cyclic path by adding a preset cyclic path template. The cyclic path template is used to display the basic structure of the cyclic path, and the user can perform operations such as adding nodes and setting node properties on the cyclic path template. In other words, the user can add the cyclic path template in the flow chart by dragging or adding operations. Then, the user can adjust to add nodes in the cyclic path template, and set the properties of the nodes in the cyclic path template to complete the creation of the cyclic path.

[0089] Since the nodes and connecting lines in the cycle path are obtained based on the cycle path template, rules can be set so that the nodes and connecting lines corresponding to the cycle path template include the identification of the cycle path. In other words, the nodes and connecting lines in the cycle path template, and the attributes of each node and each connecting line added by the user in the cycle path template can include the identification of the cycle path. Accordingly, after obtaining the highlighting operation triggered by the user for the first object, the identification of the cycle path can be determined according to the first object, and other flowchart objects including the identification of the cycle path in the flow chart are determined as the first object cluster. Optionally, the identification of the above-mentioned cycle path can be carried in the attribute information of the flow chart object.

[0090] Alternatively, the cycle path to which the first object belongs may be determined by analyzing the flowchart. Specifically, after obtaining the highlighting operation triggered by the user on the first object, the flowchart may be analyzed to determine the cycle path to which the first object belongs, thereby determining the first object set.

[0091] As described above, a branch path includes multiple sub-paths. Accordingly, when viewing a flowchart, a user may want to view the entire branch path, or may want to view a sub-path in the branch path. In order to distinguish different user needs, different flowchart objects in the loop path may be set to correspond to different first object clusters. The following implementation method 2 and implementation method 3 are one implementation method.

[0092] Implementation method 2: The first object is the parent node or tail node of the branch path.

[0093] In order to meet the needs of users to view branch paths, a function of triggering a highlighting operation can be set for the parent node or tail node of the branch path. In this way, if the user wants to view the entire loop path, the user can trigger a highlighting operation for the parent node or tail node of the loop path. In other words, if the first object is the parent node or tail node of the loop path, then the first object cluster may include each node in the loop path and the connecting lines between the nodes. Accordingly, the process logic corresponding to the first object includes a branch processing logic.

[0094] Similar to the aforementioned implementation method 1, the flowchart objects in the first object set can be determined according to the identifier of the flowchart object. Accordingly, when creating a loop path, a loop path template can be first created in the flowchart. The loop path template includes a parent node and a tail node, and multiple sub-path templates between the parent node and the tail node. The user can edit each sub-path template, and can also add a new sub-path between the parent node and the tail node.

[0095] When creating a loop path, each flowchart object in the loop path can carry the identifier of the loop path. Optionally, the identifier of the loop path can be carried in the attribute information of the flowchart object. Accordingly, after obtaining the highlighting operation triggered by the user for the first object, the identifier of the loop path can be obtained from the attribute information of the first object, and the flowchart object whose attribute information includes the identifier of the loop path is determined as a flowchart object in the first object cluster according to the identifier of the loop path.

[0096] Alternatively, in some other possible implementations, the flowchart path in the first object cluster can be determined based on the parent node and the tail node. Specifically, after obtaining the highlighting operation triggered by the user on the parent node (or tail node) of the branch path, the tail node (or parent node) of the branch path can be determined first. Then, multiple sub-paths from the parent node to the tail node are determined, and then all nodes and connecting lines on the sub-paths are determined as flowchart objects in the first object cluster.

[0097] In some possible application scenarios, the branch process logic may include the logic of ending the process. That is, under the branch process logic, if a certain condition is met, it may jump directly to the final end step. In the flowchart, the corresponding branch path may include an end subpath. Among them, the first node of the end subpath is connected to the parent node of the branch path, and the last node of the end path corresponds to the end of the action represented by the flowchart.

[0098] Accordingly, if the first object cluster is determined based on the parent node and the tail node, even if the end sub-path is not connected to the tail node through a connecting line, since the first node of the end sub-path is connected to the parent node of the branch path, the node and connecting line corresponding to the end sub-path also belong to the first object cluster.

[0099] Implementation method three: the first object belongs to a sub-path of the branch path.

[0100] In actual application scenarios, there is not only a need for users to view the entire branch processing logic, but also a need for users to view a specific branch in the branch processing logic. If the user needs to view a specific branch in the branch processing logic, the user can trigger a highlighting operation for a sub-path of the branch path. In other words, the above-mentioned first object can belong to a sub-path of the branch path.

[0101] In order to meet the user's need to view a sub-path in a branch path, a function of triggering a highlight operation can be set for the flowchart object on the sub-path in the branch path. In this way, if a highlight operation triggered by the user for a flowchart object on a sub-path is obtained, the nodes and connecting lines on the sub-path can be determined as flowchart objects in the first object cluster. Optionally, the parent node and child node of the branch path can also belong to the first object cluster.

[0102] That is, if the first object is a node or a connection line on a sub-path of a branch path, the nodes and connection lines included in the sub-path can be determined as flowchart objects in the first object cluster.

[0103] It is understandable that a node or connection line on a subpath can also be used to trigger highlighting of the entire branch path. That is, in some other possible implementations, if a user triggers a highlighting operation on a first object on a subpath of a branch path, the branch path to which the first object belongs can also be determined as a first object cluster.

[0104] Some implementations of determining the first object cluster based on the first object based on the process logic are introduced above. In actual application scenarios, the first object cluster may also be determined based on the first object in other ways, which will not be described here.

[0105] It should be noted that in the embodiment of the present application, the first object is a flowchart object in the flowchart that has a function of triggering a highlighting operation. Since the first object can trigger a highlighting operation, the first object cluster can be determined based on the first object. A flowchart object in the flowchart that does not have a function of triggering a highlighting operation cannot be used as the first object, nor can the corresponding first object cluster be determined.

[0106] S103: Switching the display mode of the first object cluster.

[0107] After the first object cluster is determined, the display mode of the first object cluster can be switched. In this way, the display mode of the first object cluster is different from the display mode of other flowchart objects in the first flowchart. A user viewing the first flowchart can distinguish objects in the first object cluster from objects not in the first object cluster based on the display mode.

[0108] Optionally, in some possible implementations, the first object cluster may be highlighted according to a preset display mode so that the user can distinguish the flowchart objects in the first object cluster from other flowchart objects in the flowchart. Optionally, the preset display mode may include, for example, bold display, highlight display, color display, and flashing display. In this way, since the flowchart objects in the first object cluster are highlighted, the user can clearly distinguish the flowchart objects in the first object cluster from other flowchart objects in the flowchart, which is convenient for the user to view.

[0109] The embodiment of the present application provides a display mode switching method, device, equipment and storage medium. If a user wants to view some objects in a first flowchart, the user can trigger a highlight operation for the first object in the flowchart. After obtaining the highlight operation triggered by the user for the first object, a first object cluster can be determined according to the first object. Among them, the first object cluster includes at least one node and a plurality of connecting lines. The first object cluster includes the first object, and the other objects included in the first object cluster are associated with the first object. The objects in the first object cluster together constitute the first process logic in the first flowchart. After determining the first object cluster, the display mode of the first object cluster can be switched. That is, if the user wants to view an object corresponding to a process logic in the flowchart, the user can trigger a highlight operation for an object (such as the first object) among all objects corresponding to the process logic, thereby triggering the display mode of the object corresponding to the process logic. In this way, the object corresponding to the process logic is displayed in a display mode different from that of other objects in the first flowchart, and the user can easily distinguish the object corresponding to the process logic from other objects in the first flowchart. In this way, the user can trigger the highlighting of some objects in the flowchart through operation, so as to better view them.

[0110] The following describes the display mode switching method provided in the embodiment of the present application in combination with some actual application scenarios.

[0111] For example, when a user views or configures a flowchart through an aPaaS platform using a terminal device (such as a computer or mobile phone), the terminal device can display the following: Figure 2-a The interface shown in the figure can be the interface displayed by the aPaaS platform. Figure 2-a In the interface shown, a flow chart 20 is displayed.

[0112] Specifically, the flowchart 20 includes a start node 210, a step node 220, a step node 230, an end node 240, and a condition node 250. In addition, the flowchart 20 also includes a connection line pointing from the start node 210 to the step node 220, a connection line pointing from the step node 220 to the step node 230, a connection line pointing from the step node 230 to the end node 240, and a connection line from the tail of the step node 230, through the condition node 250, and then pointing to the head of the step node 230. The step node 230 corresponds to step 2, and the condition node 250 corresponds to condition A.

[0113] The step node 230, the condition node 250 and the corresponding connecting lines form a loop path. The process logic corresponding to the loop path is: execute step 2 and determine whether condition A is satisfied; if condition A is satisfied, end the process; if condition A is not satisfied, return to execute step 2.

[0114] If the user wants to view the above loop path, the user can trigger a highlighting operation on the step node 230 or the condition node 250, or trigger a highlighting operation on the connecting line in the loop path. For example, if the user views the flowchart 20 on a personal computer, the user can move the mouse pointer control to the position of the step node 230 to trigger the highlighting operation.

[0115] After obtaining the highlighting operation triggered by the user, the corresponding first object cluster may be determined and highlighted. Figure 2-b The flowchart shown in Figure 2-b In the illustrated implementation, the step node 230, the condition node 260, the connection line 260 in the loop path for pointing from the step node 230 to the condition node 250, and the connection line 270 in the loop path for pointing from the condition node 250 to the step node 230 are all displayed in bold to facilitate user distinction.

[0116] For another example, when a user views or configures a flowchart through a terminal device (such as a computer or a mobile phone), the terminal device may display the following: Figure 3-a The interface shown. Figure 3-a In the interface shown, a flow chart 30 is displayed.

[0117] Specifically, the flowchart 30 includes a start node 310, a step node 320, a start node 330, a branch node 341, a branch node 342, a branch node 343, a tail node 350, and an end node 360. In addition, the flowchart 30 also includes a connection line pointing from the start node 310 to the step node 320, a connection line pointing from the step node 320 to the parent node 330, three connection lines pointing from the parent node 330 to the branch node 341, the branch node 342, and the branch node 343, three connection lines pointing from the branch node 341, the branch node 342, and the branch node 343 to the tail node 350, and a connection line pointing from the tail node 350 to the end node 360. The branch node 341 corresponds to step 2-1, the branch node 342 corresponds to step 2-2, and the branch node 343 corresponds to step 2-3.

[0118] Among them, the start node 330, the branch node 341, the branch node 342, the branch node 343 and the tail node 350, and the corresponding connecting lines constitute a branch path. The process logic corresponding to the branch path is: perform conditional judgment, execute any one of step 2-1, step 2-2 and step 2-3 according to the result of the conditional judgment, and end the processing after the execution is completed.

[0119] If the user wants to view the entire branch path, the user can trigger a highlighting operation on the parent node 330 or the tail node 350. For example, if the user is viewing the flowchart 30 on a personal computer, the mouse pointer control can be moved to the position of the parent node 330 or the tail node 350 to trigger the highlighting operation.

[0120] After obtaining the highlighting operation triggered by the user, all objects included in the branch path can be determined as the first object cluster and highlighted. Figure 3-b The flowchart shown in Figure 3-b In the illustrated implementation, the parent node 330 , the branch node 341 , the branch node 342 , the branch node 343 , the tail node 350 , and the connection lines in the branch path are all displayed in bold to facilitate user distinction.

[0121] Alternatively, if the user wants to view a sub-path in the branch path, the user can trigger a highlight operation on the object in the sub-path. For example, if the user is viewing flowchart 30 on a personal computer and the user wants to view the sub-path corresponding to step 2-3, the user can move the mouse pointer control to the position of branch node 343, or move the mouse pointer control to the position of the connection line connecting parent node 330 and branch node 343, or move the mouse pointer control to the position of the connection line connecting branch node 343 and tail node 350. By moving the position of the mouse pointer control, the user can trigger a highlight operation.

[0122] After the highlighting operation triggered by the user is acquired, the branch node 343, the connection line for connecting the parent node 330 and the branch node 343, and the connection line for connecting the branch node 343 and the tail node 350 can be determined as the first object cluster and highlighted. Figure 3-c The flowchart shown in Figure 3-c In the illustrated implementation, the head node 330, the tail node 350, the branch node 343, the connection line for connecting the parent node 330 and the branch node 343, and the connection line for connecting the branch node 343 and the tail node 350 are all displayed in bold to facilitate user distinction.

[0123] Based on a display mode switching method provided in the above method embodiment, an embodiment of the present application further provides a display mode switching device, which will be described below in conjunction with the accompanying drawings.

[0124] See also Figure 4 As shown in FIG. 1 , this figure is a schematic diagram of the structure of a display mode switching device provided in an embodiment of the present application. Figure 4 As shown, the display mode switching device includes:

[0125] The acquisition unit 410 is configured to acquire a highlighting operation triggered by a user on a first object, where the first object belongs to a first flowchart.

[0126] The determining unit 420 is configured to determine a first object cluster according to the first object, where the first object cluster includes the first object and corresponds to a first process logic in the first process diagram.

[0127] The display unit 430 is used to switch the display mode of the first object cluster.

[0128] In some possible implementations, the determination unit 420 is specifically used to determine, in response to the first object being the parent node of the first branch path, that the first process logic is the process logic corresponding to the first branch path; and determine the nodes and connecting lines included in the first branch path as objects in the first object cluster.

[0129] In some possible implementations, the determination unit 420 is specifically configured to determine the tail node of the first branch path according to the first process logic; and determine the nodes and connecting lines between the first object and the tail node as objects in the first object cluster.

[0130] In some possible implementations, the determination unit 420 is specifically used to determine, in response to the first object belonging to a sub-path of the second branch path, that the first process logic is the process logic corresponding to the sub-path; and determine the nodes and connecting lines included in the sub-path as objects in the first object cluster.

[0131] In some possible implementations, the determination unit 420 is specifically used to determine, in response to the first object belonging to a loop path, that the first process logic is the process logic corresponding to the loop path; and determine the nodes and connecting lines included in the loop path as objects in the first object cluster.

[0132] In some possible implementations, the display unit 430 is specifically configured to switch the display brightness of the first object cluster from a first brightness to a second brightness, where the second brightness is higher than the first brightness.

[0133] In some possible implementations, the first object is a node or a connecting line in the first flow chart.

[0134] Based on a display mode switching method provided in the above method embodiment, the present application also provides an electronic device, including: one or more processors; a storage device, on which one or more programs are stored, when the one or more programs are executed by the one or more processors, the one or more processors implement the display mode switching method as described in any of the above embodiments.

[0135] Reference below Figure 5 , which shows a schematic diagram of the structure of an electronic device 500 suitable for implementing the embodiment of the present application. The terminal device in the embodiment of the present application may include but is not limited to mobile terminals such as mobile phones, laptop computers, digital broadcast receivers, PDAs (Personal Digital Assistants), PADs (portable android devices), PMPs (Portable Media Players), vehicle-mounted terminals (such as vehicle-mounted navigation terminals), etc., and fixed terminals such as digital TVs (televisions), desktop computers, etc. Figure 5 The electronic device shown is merely an example and should not bring any limitation to the functions and scope of use of the embodiments of the present application.

[0136] like Figure 5As shown, the electronic device 500 may include a processing device (e.g., a central processing unit, a graphics processing unit, etc.) 501, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 502 or a program loaded from a storage device 508 into a random access memory (RAM) 503. In the RAM 503, various programs and data required for the operation of the electronic device 500 are also stored. The processing device 501, the ROM 502, and the RAM 543 are connected to each other via a bus 504. An input / output (I / O) interface 505 is also connected to the bus 504.

[0137] Typically, the following devices may be connected to the I / O interface 505: an input device 508 including, for example, a touch screen, a touch pad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc.; an output device 507 including, for example, a liquid crystal display (LCD), a speaker, a vibrator, etc.; a storage device 508 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 509. The communication device 509 may allow the electronic device 500 to communicate with other devices wirelessly or by wire to exchange data. Although Figure 5 The electronic device 500 is shown with various devices, but it should be understood that it is not required to implement or possess all the devices shown. More or fewer devices may be implemented or possessed instead.

[0138] In particular, according to an embodiment of the present application, the process described above with reference to the flowchart can be implemented as a computer software program. For example, an embodiment of the present application includes a computer program product, which includes a computer program carried on a non-transitory computer-readable medium, and the computer program includes a program code for executing the method shown in the flowchart. In such an embodiment, the computer program can be downloaded and installed from the network through the communication device 509, or installed from the storage device 508, or installed from the ROM502. When the computer program is executed by the processing device 501, the above-mentioned functions defined in the method of the embodiment of the present application are executed.

[0139] The electronic device provided in the embodiment of the present application and the display mode switching method provided in the above embodiment belong to the same inventive concept. The technical details not fully described in this embodiment can be referred to the above embodiment, and this embodiment has the same beneficial effects as the above embodiment.

[0140] Based on a display mode switching method provided in the above method embodiment, an embodiment of the present application provides a computer storage medium on which a computer program is stored, wherein when the program is executed by a processor, the display mode switching method as described in any of the above embodiments is implemented.

[0141] It should be noted that the computer-readable medium mentioned above in the present application may be a computer-readable signal medium or a computer-readable storage medium or any combination of the above two. The computer-readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device or device, or any combination of the above. More specific examples of computer-readable storage media may include, but are not limited to: an electrical connection with one or more wires, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In the present application, a computer-readable storage medium may be any tangible medium containing or storing a program that can be used by or in combination with an instruction execution system, device or device. In the present application, a computer-readable signal medium may include a data signal propagated in a baseband or as part of a carrier wave, which carries a computer-readable program code. This propagated data signal may take a variety of forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the above. The computer readable signal medium may also be any computer readable medium other than a computer readable storage medium, which may send, propagate or transmit a program for use by or in conjunction with an instruction execution system, apparatus or device. The program code contained on the computer readable medium may be transmitted using any suitable medium, including but not limited to: wires, optical cables, RF (radio frequency), etc., or any suitable combination of the above.

[0142] In some embodiments, the client and the server may communicate using any currently known or future developed network protocol such as HTTP (Hyper Text Transfer Protocol), and may be interconnected with any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include a local area network ("LAN"), a wide area network ("WAN"), an internet (e.g., the Internet), and a peer-to-peer network (e.g., an ad hoc peer-to-peer network), as well as any currently known or future developed network.

[0143] The computer-readable medium may be included in the electronic device, or may exist independently without being incorporated into the electronic device.

[0144] The computer-readable medium carries one or more programs. When the one or more programs are executed by the electronic device, the electronic device executes the display mode switching method.

[0145] Computer program code for performing the operations of the present application may be written in one or more programming languages ​​or a combination thereof, including, but not limited to, object-oriented programming languages, such as Java, Smalltalk, C++, and conventional procedural programming languages, such as "C" or similar programming languages. The program code may be executed entirely on the user's computer, partially on the user's computer, as a separate software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In cases involving a remote computer, the remote computer may be connected to the user's computer via any type of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computer (e.g., via the Internet using an Internet service provider).

[0146] The flow chart and block diagram in the accompanying drawings illustrate the possible architecture, function and operation of the system, method and computer program product according to various embodiments of the present application. In this regard, each square box in the flow chart or block diagram can represent a module, a program segment or a part of a code, and the module, the program segment or a part of the code contains one or more executable instructions for realizing the specified logical function. It should also be noted that in some alternative implementations, the functions marked in the square box can also occur in a sequence different from that marked in the accompanying drawings. For example, two square boxes represented in succession can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each square box in the block diagram and / or flow chart, and the combination of the square boxes in the block diagram and / or flow chart can be implemented with a dedicated hardware-based system that performs a specified function or operation, or can be implemented with a combination of dedicated hardware and computer instructions.

[0147] The units involved in the embodiments described in this application may be implemented by software or hardware. The name of a unit / module does not limit the unit itself in some cases. For example, a voice data acquisition module may also be described as a "data acquisition module".

[0148] The functions described above herein may be performed at least in part by one or more hardware logic components. For example, without limitation, exemplary types of hardware logic components that may be used include: field programmable gate arrays (FPGAs), application specific integrated circuits (ASICs), application specific standard products (ASSPs), systems on chips (SOCs), complex programmable logic devices (CPLDs), and the like.

[0149] In the context of the present application, a machine-readable medium may be a tangible medium that may contain or store a program for use by or in conjunction with an instruction execution system, device, or equipment. A machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or equipment, or any suitable combination of the foregoing. A more specific example of a machine-readable storage medium may include an electrical connection based on one or more lines, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

[0150] It should be noted that the various embodiments in this specification are described in a progressive manner, and each embodiment focuses on the differences from other embodiments, and the same or similar parts between the various embodiments can be referred to each other. For the system or device disclosed in the embodiment, since it corresponds to the method disclosed in the embodiment, the description is relatively simple, and the relevant parts can be referred to the method part description.

[0151] It should be understood that in the present application, "at least one (item)" means one or more, and "plurality" means two or more. "And / or" is used to describe the association relationship of associated objects, indicating that three relationships may exist. For example, "A and / or B" can mean: only A exists, only B exists, and A and B exist at the same time, where A and B can be singular or plural. The character " / " generally indicates that the objects associated before and after are in an "or" relationship. "At least one of the following" or similar expressions refers to any combination of these items, including any combination of single or plural items. For example, at least one of a, b or c can mean: a, b, c, "a and b", "a and c", "b and c", or "a and b and c", where a, b, c can be single or multiple.

[0152] It should also be noted that, in this article, relational terms such as first and second, etc. are only used to distinguish one entity or operation from another entity or operation, and do not necessarily require or imply any such actual relationship or order between these entities or operations. Moreover, the terms "include", "comprise" or any other variants thereof are intended to cover non-exclusive inclusion, so that a process, method, article or device including a series of elements includes not only those elements, but also other elements not explicitly listed, or also includes elements inherent to such process, method, article or device. In the absence of further restrictions, the elements defined by the sentence "comprise a ..." do not exclude the presence of other identical elements in the process, method, article or device including the elements.

[0153] The above description of the disclosed embodiments enables those skilled in the art to implement or use the present application. Various modifications to these embodiments will be apparent to those skilled in the art, and the general principles defined herein may be implemented in other embodiments without departing from the spirit or scope of the present application. Therefore, the present application will not be limited to the embodiments shown herein, but will conform to the widest scope consistent with the principles and novel features disclosed herein.

Claims

1. A display mode switching method, characterized in that: The method comprises: Acquire a highlighting operation triggered by a user on a first object, where the first object belongs to a first flowchart; Determine a first object cluster according to the first object, the first object cluster includes the first object, and the first object cluster corresponds to a first process logic in the first flow chart; Switch the display mode of the first object cluster.

2. The method according to claim 1, characterized in that Determining a first object cluster according to the first object includes: In response to the first object being a parent node of the first branch path, determining that the first process logic is the process logic corresponding to the first branch path; The nodes and connecting lines included in the first branch path are determined as objects in the first object cluster.

3. The method according to claim 2, characterized in that The step of determining the nodes and connecting lines included in the first branch path as objects in the first object cluster includes: Determine the tail node of the first branch path according to the first process logic; The nodes and connecting lines between the first object and the tail node are determined as objects in the first object cluster.

4. The method according to claim 1, characterized in that: Determining a first object cluster according to the first object includes: In response to the first object belonging to a sub-path of the second branch path, determining the first flow logic to be the flow logic corresponding to the sub-path; The nodes and connecting lines included in the subpath are determined as objects in the first object cluster.

5. The method according to claim 1, characterized in that Determining a first object cluster according to the first object includes: In response to the first object belonging to a loop path, determining the first process logic to be the process logic corresponding to the loop path; The nodes and connecting lines included in the cycle path are determined as objects in the first object cluster.

6. The method according to claim 1, characterized in that The switching of the display mode of the first object cluster includes: The display brightness of the first object cluster is switched from a first brightness to a second brightness, where the second brightness is higher than the first brightness.

7. The method according to any one of claims 1 to 6, characterized in that: The first object is a node or a connection line in the first flow chart.

8. A display mode switching device, characterized in that: The device comprises: An acquisition unit, configured to acquire a highlighting operation triggered by a user on a first object, wherein the first object belongs to a first flow chart; A determining unit, configured to determine a first object cluster according to the first object, the first object cluster including the first object, and the first object cluster corresponding to a first process logic in the first process diagram; A display unit is used to switch the display mode of the first object cluster.

9. An electronic device, characterized in that: include: one or more processors; a storage device having one or more programs stored thereon, When the one or more programs are executed by the one or more processors, the one or more processors implement the method according to any one of claims 1 to 7.

10. A computer-readable medium, characterized in that A computer program is stored thereon, wherein when the program is executed by a processor, the method according to any one of claims 1 to 7 is implemented.

Images