Human-computer interaction interface generation method, device and computer equipment

Abstract

The present application provides a method, an apparatus and a computer device for generating a human-computer interaction interface. The method includes: responding to an operation of a user on a first drawing interface to generate an interface file of the human-computer interaction interface, where the interface file of the human-computer interaction interface includes information of at least one control drawn by the user on the first drawing interface; responding to an indication of the user for editing the logic of the human-computer interaction interface to display a second drawing interface, where the second drawing interface includes at least one initial logic node, and one of the initial logic nodes is used to identify an interface provided by the human-computer interaction interface; responding to an operation of the user on the initial logic node in the second drawing interface to generate a logic file of the human-computer interaction interface. This method enables the user to conveniently perform visual logic editing such as adding new logic nodes and establishing flow relationships based on the operation of the initial logic node, thereby greatly improving the logic design and development efficiency of the human-computer interaction interface.

Description

Technical Field

[0001] This application relates to the technical field of computer software, and in particular, to a method, device, and computer device for generating a human-computer interaction interface. Background Art

[0002] With the continuous popularization of Internet applications, more and more software systems are developed and provided to users through the Internet. Among them, the ability to bring a good interaction experience to users is an important criterion for measuring the quality of software systems. The interaction experience mainly comes from the usage experience of the human-computer interaction interface. In order to provide a better usage experience, software systems often need to invest a lot of effort in the development of the human-computer interaction interface. Therefore, in the process of software system development, the development method of the human-computer interaction interface is an issue that the industry pays more attention to.

[0003] At present, some software systems have realized the visual development of the human-computer interaction interface. That is, by providing a visual interface, users can conveniently complete the design and development of the human-computer interaction interface by dragging and other means.

[0004] However, the current method of providing a visual human-computer interaction interface has deficiencies in the visual development of the logic of the human-computer interaction interface, resulting in low efficiency in the logical design and development of the human-computer interaction interface. Summary of the Invention

[0005] The purpose of this application is to provide a method, device, and computer device for generating a human-computer interaction interface to solve the problem of low efficiency in the logical design and development of the human-computer interaction interface in the prior art in view of the above deficiencies in the prior art.

[0006] In a first aspect, this application provides a method for generating a human-computer interaction interface, including:

[0007] Responding to an operation of a user on a first drawing interface, generating an interface file of the human-computer interaction interface, where the interface file of the human-computer interaction interface includes information of at least one control drawn by the user on the first drawing interface;

[0008] Responding to an instruction of the user to edit the logic for the human-computer interaction interface, displaying a second drawing interface, where the second drawing interface includes at least one initial logic node, and one of the initial logic nodes is used to identify an interface provided by the human-computer interaction interface;

[0009] Responding to an operation of the user on the initial logic node on the second drawing interface, generating a logic file of the human-computer interaction interface.

[0010] As an alternative implementation, generating the logic file of the human-computer interaction interface in response to the user's operation on the initial logic node in the second drawing interface includes:

[0011] In response to the user's triggering operation on the first node in the second drawing interface, obtaining a plurality of optional logic nodes and displaying a list of the plurality of optional logic nodes in the second drawing interface, where the first node is the initial logic node or a logic node other than the initial logic node in the second drawing interface;

[0012] In response to the user's operation of selecting the second node from the list of the plurality of optional logic nodes, establishing a first association relationship between the first node and the second node, and displaying the second node and a first marker in the second drawing interface, where the first marker is used to identify the first association relationship, and the first association relationship is used to represent that the second node is executed after the first node is executed;

[0013] Generating the logic file of the human-computer interaction interface according to the first node, the second node, and the first association relationship displayed in the second drawing interface.

[0014] As an alternative implementation, generating the logic file of the human-computer interaction interface according to the first node, the second node, and the first association relationship displayed in the second drawing interface includes:

[0015] In response to the user's association operation on the target node and the third node, establishing a second association relationship between the target node and the third node, and displaying a second marker in the second drawing interface, where the second marker is used to identify the second association relationship, and the second association relationship is used to represent that the information of the third node is used when the target node is executed, where the target node is the first node or the second node, and the third node is any logic node other than the target node in the second drawing interface;

[0016] Generating the logic file of the human-computer interaction interface according to the first node, the second node, the third node, the first association relationship, and the second association relationship displayed in the second drawing interface.

[0017] As an alternative implementation, generating the logic file of the human-computer interaction interface according to the first node, the second node, the third node, the first association relationship, and the second association relationship displayed in the second drawing interface includes:

[0018] Generating code statements according to the first node, the second node, and the third node respectively;

[0019] Generate a parameter usage information statement and a flow information statement respectively according to the first association relationship and the second association relationship;

[0020] Combine the code statement, the parameter usage information statement and the flow information statement to form a logic file of the human-computer interaction interface.

[0021] As an optional implementation manner, the response to the user's trigger operation on the first node in the second drawing interface, obtaining a plurality of optional logic nodes, and displaying a list of the plurality of optional logic nodes in the second drawing interface, includes:

[0022] In response to the user's trigger operation on the first node in the second drawing interface, read a preset model file, where the model file is used to record information of a plurality of interfaces corresponding to each control in the first drawing interface;

[0023] Display a logic node list display box in the second drawing interface, and respectively use each interface in the model file as a logic node and display it in the logic node list display box to form a list of the plurality of optional logic nodes.

[0024] As an optional implementation manner, the response to the user's operation on the first drawing interface, generating an interface file of the human-computer interaction interface, includes:

[0025] Display a plurality of candidate controls in the first drawing interface;

[0026] In response to the user's selection operation and attribute setting operation on at least one candidate control, generate the interface file of the human-computer interaction interface, where the information of each control in the interface file includes the attribute information set by the user.

[0027] As an optional implementation manner, before displaying a plurality of candidate controls in the first drawing interface, further includes:

[0028] Obtain the plurality of candidate controls from a preset control library.

[0029] In a second aspect, the present application provides a human-computer interaction interface generation device, including:

[0030] A first generation module, configured to generate an interface file of a human-computer interaction interface in response to a user's operation on a first drawing interface, where the interface file of the human-computer interaction interface includes information of at least one control drawn by the user in the first drawing interface;

[0031] A display module, which is configured to respond to an instruction for a user to edit logic for the human-machine interaction interface and display a second drawing interface, where the second drawing interface includes at least one initial logic node, and one of the initial logic nodes is used to identify an interface provided by the human-machine interaction interface;

[0032] A second generation module, which is configured to respond to an operation of the user on the initial logic node in the second drawing interface and generate a logic file for the human-machine interaction interface.

[0033] As an optional implementation manner, the second generation module is specifically configured to:

[0034] Respond to a triggering operation of the user on a first node in the second drawing interface, obtain a plurality of optional logic nodes, and display a list of the plurality of optional logic nodes in the second drawing interface, where the first node is the initial logic node or a logic node other than the initial logic node in the second drawing interface;

[0035] Respond to an operation of the user selecting a second node from the list of the plurality of optional logic nodes, establish a first association relationship between the first node and the second node, and display the second node and a first mark in the second drawing interface, where the first mark is used to identify the first association relationship, and the first association relationship is used to represent that the second node is executed after the first node is executed;

[0036] Generate a logic file for the human-machine interaction interface according to the first node, the second node, and the first association relationship displayed in the second drawing interface.

[0037] As an optional implementation manner, the second generation module is specifically configured to:

[0038] Respond to an association operation of the user on a target node and a third node, establish a second association relationship between the target node and the third node, and display a second mark in the second drawing interface, where the second mark is used to identify the second association relationship, and the second association relationship is used to represent that information of the third node is used when the target node is executed, where the target node is the first node or the second node, and the third node is any logic node other than the target node in the second drawing interface;

[0039] Generate a logic file for the human-machine interaction interface according to the first node, the second node, the third node, the first association relationship, and the second association relationship displayed in the second drawing interface.

[0040] As an optional implementation manner, the second generation module is specifically configured to:

[0041] Generate code statements respectively according to the first node, the second node, and the third node;

[0042] Generate parameter usage information statements and flow information statements respectively according to the first association relationship and the second association relationship;

[0043] Combine the code statements, the parameter usage information statements, and the flow information statements to form the logic file of the human-computer interaction interface.

[0044] As an optional implementation manner, the second generation module is specifically configured to:

[0045] In response to a triggering operation of the user on the first node in the second drawing interface, read a preset model file, where the model file is used to record information of multiple interfaces corresponding to each control in the first drawing interface;

[0046] Display a logical node list display box in the second drawing interface, and use each interface in the model file as a logical node and display it in the logical node list display box to form a list of the multiple optional logical nodes.

[0047] As an optional implementation manner, the first generation module is specifically configured to:

[0048] Display multiple candidate controls in the first drawing interface;

[0049] In response to a selection operation and an attribute setting operation of the user on at least one candidate control, generate an interface file of the human-computer interaction interface, where the information of each control in the interface file includes the attribute information set by the user.

[0050] As an optional implementation manner, the first generation module is further configured to:

[0051] Obtain the multiple candidate controls from a preset control library.

[0052] In a third aspect, the present application provides a computer device, including: a processor, a storage medium, and a bus. The storage medium stores machine-readable instructions executable by the processor. When the computer device runs, the processor communicates with the storage medium through the bus. The processor executes the machine-readable instructions to perform the steps of the human-computer interaction interface generation method described in the first aspect above when executed.

[0053] In a fourth aspect, the present application provides a computer-readable storage medium. A computer program is stored on the computer-readable storage medium. When the computer program is run by a processor, it performs the steps of the human-computer interaction interface generation method described in the first aspect above.

[0054] The human-computer interaction interface generation method, device, and computer device provided by this application provide a first drawing interface where users can draw the human-computer interaction interface. At the same time, a second drawing interface is provided, and the initial logical nodes of the human-computer interaction interface are displayed on the second drawing interface, enabling users to conveniently perform visual logical editing based on operations on the initial logical nodes, thereby greatly improving the logical design and development efficiency of the human-computer interaction interface and greatly enhancing the user experience.

[0055] In addition, for any logical node displayed in the second drawing interface, the user can add a logical node by performing a click operation, thereby establishing a logical flow association relationship between the logical nodes, thus achieving the rapid and convenient establishment of the logical flow relationship.

[0056] In addition, for two logical nodes displayed in the second drawing interface, the user can establish a second association relationship between the two logical nodes, thereby achieving the rapid and convenient establishment of the logical parameter call relationship. BRIEF DESCRIPTION OF THE DRAWINGS

[0057] To more clearly illustrate the technical solutions of the embodiments of this application, the accompanying drawings required for the embodiments will be briefly introduced below. It should be understood that the following drawings only show some embodiments of this application and should not be regarded as limiting the scope. For those of ordinary skill in the art, other related drawings can be obtained based on these drawings without creative efforts.

[0058] Figure 1 It is a schematic flowchart of the human-computer interaction interface generation method provided by the embodiments of this application;

[0059] Figure 2 It is an interface example diagram of the first drawing interface;

[0060] Figure 3 It is an example of the second drawing interface Figure 1 ;

[0061] Figure 4 It is a schematic logical generation flowchart of the human-computer interaction interface generation method provided by the embodiments of this application;

[0062] Figure 5 It is an example of the second drawing interface Figure 2 ;

[0063] Figure 6 It is an example of the second drawing interface Figure 3 ;

[0064] Figure 7 It is another schematic logical generation flowchart of the human-computer interaction interface generation method provided by the embodiments of this application;

[0065] Figure 8 An example of the second drawing interface Figure 4 ;

[0066] Figure 9 Another schematic diagram of the logical generation process of the human-computer interaction interface generation method provided by the embodiment of the present application;

[0067] Figure 10 Another schematic diagram of the logical generation process of the human-computer interaction interface generation method provided by the embodiment of the present application;

[0068] Figure 11 The module structure diagram of the human-computer interaction interface generation device provided by the embodiment of the present application;

[0069] Figure 12 The structural schematic diagram of the computer device 120 provided by the embodiment of the present application. Detailed implementation manners

[0070] To make the objectives, technical solutions, and advantages of the embodiments of the present application clearer, the technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the accompanying drawings in the embodiments of the present application. It should be understood that the accompanying drawings in the present application are only for the purposes of illustration and description, and are not used to limit the protection scope of the present application. In addition, it should be understood that the schematic drawings are not drawn in actual proportions. The flowcharts used in the present application illustrate the operations implemented according to some embodiments of the present application. It should be understood that the operations in the flowcharts may not be implemented in sequence, and the steps without logical context relationships may be reversed or implemented simultaneously. In addition, those skilled in the art can add one or more other operations to the flowchart or remove one or more operations from the flowchart under the guidance of the content of the present application.

[0071] In addition, the described embodiments are only some embodiments of the present application, rather than all of the embodiments. The components of the embodiments of the present application usually described and illustrated in the accompanying drawings here can be arranged and designed in various different configurations. Therefore, the following detailed description of the embodiments of the present application provided in the accompanying drawings is not intended to limit the scope of the present application to be protected, but only represents the selected embodiments of the present application. All other embodiments obtained by those skilled in the art based on the embodiments of the present application without creative efforts fall within the protection scope of the present application.

[0072] In order to enable those skilled in the art to use the content of this application, in combination with a specific application scenario, "the development of the human-machine interaction interface of the locomotive software system", the following implementation manners are given. For those skilled in the art, without departing from the spirit and scope of this application, the general principles defined here can be applied to other embodiments and application scenarios. Although this application is mainly described around the development of the human-machine interaction interface of the locomotive software system, it should be understood that this is only an exemplary embodiment.

[0073] It should be noted that the term "including" will be used in the embodiments of this application to indicate the existence of the features stated thereafter, but does not exclude adding other features.

[0074] The currently provided method for the visual human-machine interaction interface still has deficiencies in the visual development of the logic of the human-machine interaction interface. For example, after the user completes the interface design, the user can only manually write logic code for the interface, or although a visual logic editing interface is provided, the operations in the logic side interface are relatively complex, resulting in low efficiency in the logic design and development of the human-machine interaction interface.

[0075] Based on the above problems, the embodiments of this application provide a method for generating a human-machine interaction interface. By providing a visual logic drawing interface and displaying initial logic nodes in the logic drawing interface, users can conveniently perform visual logic editing based on the initial logic nodes, thereby greatly improving the efficiency of the logic design and development of the human-machine interaction interface, and greatly enhancing the user experience.

[0076] Before introducing the embodiments of this application, the concepts related to the human-machine interaction interface are first explained.

[0077] The human-machine interaction interface, also known as the user interface, is a medium for interaction and information exchange between the software system and the user. The design and development of the human-machine interaction interface mainly involve two parts: the interface and the logic. Among them, the interface design includes the design of elements such as controls presented on the interface. Good interface design can improve the aesthetics and usability of the software system. Logic design refers to the design of the logical flow after the user performs operations on the interface. Good logic design can make the user's operations more convenient and easy to use.

[0078] The embodiments of this application are related to the processing procedures of the above-mentioned interface design and logic design.

[0079] Figure 1 It is a schematic flowchart of the method for generating a human-machine interaction interface provided by the embodiments of this application. The execution subject of this method can be a computer device with computing and processing capabilities and a display screen. As Figure 1 shown, this method includes:

[0080] S101. In response to an operation by the user on the first drawing interface, generate an interface file for the human-computer interaction interface. The interface file of the human-computer interaction interface includes information about at least one control drawn by the user on the first drawing interface.

[0081] Optionally, the first drawing interface is an interface for drawing the human-computer interaction interface. Figure 2 As an example diagram of the first drawing interface, as Figure 2 shown, on the left side of the first drawing interface, a list of available controls can be displayed. In the middle is the interface drawing area, and on the right side are the property information and object structure setting areas. Exemplarily, when the user needs to draw a main interface of the locomotive software system, the user can open the first drawing interface, drag the required controls from the control list to the middle interface drawing area as needed, and set properties for the controls. In this example, the main interface of the locomotive system is the above-mentioned human-computer interaction interface. After the user finishes drawing, by clicking the save button on the first drawing interface, the computer device can be triggered to generate an interface file for the main interface of the locomotive system. The interface file can record information about each control included in the main interface of the locomotive system, such as the position, size, color, selectable items, etc. of the control in the interface.

[0082] The specific process of the computer device generating the interface file of the human-computer interaction interface will be described in detail in the following embodiments.

[0083] S102. In response to an indication from the user to edit the logic for the above-mentioned human-computer interaction interface, display a second drawing interface. The second drawing interface includes at least one initial logic node, where one initial logic node is used to identify an interface provided by the human-computer interaction interface.

[0084] Optionally, the user can, during the process of drawing the human-computer interaction interface, or after drawing is completed and the above-mentioned interface file is generated, input an indication to edit the logic for the above-mentioned human-computer interaction interface on the above-mentioned first drawing interface. Exemplarily, continuing to refer to the above Figure 2 , the user can input an indication to edit the logic for the main interface of the locomotive system drawn by the user by clicking the "Edit Logic" button on the first drawing interface. Correspondingly, the computer device receives this indication. When the computer device receives this indication, it can display the above-mentioned second drawing interface.

[0085] Figure 3 As an example of the second drawing interface Figure 1 , as Figure 3As shown, when the computer device displays the second drawing interface, it can default to display at least one initial logical node of the human-computer interaction interface drawn by the user. For example, if the user draws the main interface of the locomotive system on the first drawing interface, the computer device defaults to display the initial logical node of the main interface of the locomotive system on the second drawing interface.

[0086] In the embodiments of the present application, an initial logical node is used to identify an interface provided by the human-computer interaction interface. This interface can refer to, for example, a function, etc. An interface function of the human-computer interaction interface can be implemented through the cooperation of one interface or multiple interfaces.

[0087] As an alternative implementation, the initial logical nodes of each human-computer interaction interface can be the same, and these initial logical nodes can be the basic interfaces of the human-computer interaction interface. Exemplarily, referring to Figure 3 , these initial logical nodes can include: init (initialization), commonEventReceive (event reception), commonEventRelease (event release), pageAboutToShow (page display), etc. The initial logical nodes can be defined by the developers of the software system applied by the human-computer interaction interface and saved in a specific manner. For example, saved in a file in a specific path. Furthermore, when the computer device displays the second drawing interface, it can read the initial logical nodes from this specific path and display them on the second drawing interface.

[0088] S103. In response to the user's operation on the above initial logical node on the above second drawing interface, generate a logical file of the above human-computer interaction interface.

[0089] Optionally, the user can generate new logical nodes and establish the relationships between the logical nodes by performing operations such as clicking on the above initial logical node.

[0090] After the user completes the logical editing of the human-computer interaction interface, the computer device can be triggered to generate a logical file of the main interface of the locomotive system by clicking the generation button on the second drawing interface. This logical file can be a file containing code. Exemplarily, this logical file can be a python file. The execution order, execution parameters, trigger conditions, etc. of the logical nodes formed by the user through operations are recorded in this logical file.

[0091] After the above steps are executed, the computer device outputs the interface file and the logic file of the human-computer interaction interface. The interface file and the logic file can be directly used as part of the software system. Continuing with the previous human-computer interaction interface as the main interface of the locomotive system as an example, the interface file and the logic file of the main interface of the locomotive system can be installed in the locomotive device along with the locomotive software system. After the user starts the locomotive software system, it will trigger the software system to display the main interface of the locomotive system according to the interface file. At the same time, according to the logic file, it responds to the operations of the user on the main interface of the locomotive system and executes the corresponding logic.

[0092] In this embodiment, the computer device provides a first drawing interface where the user can draw the human-computer interaction interface. At the same time, the computer device provides a second drawing interface and displays the initial logic nodes of the human-computer interaction interface on the second drawing interface, enabling the user to conveniently perform visual logic editing based on the operations on the initial logic nodes, thereby greatly improving the logic design and development efficiency of the human-computer interaction interface and greatly enhancing the user experience.

[0093] Figure 4 It is a schematic diagram of the logic generation process of the human-computer interaction interface generation method provided by the embodiment of the present application. As Figure 4 shown, an optional way of the above step S103 includes:

[0094] S401. In response to the triggering operation of the user on the first node in the second drawing interface, obtain multiple optional logic nodes and display a list of the multiple optional logic nodes on the second drawing interface, where the first node is the initial logic node or a logic node other than the initial logic node in the second drawing interface.

[0095] Among them, the above triggering operation can be, for example, a click operation, but is not limited thereto.

[0096] In one way, after the initial logic nodes are displayed on the second drawing interface, the user clicks any one of the initial logic nodes, and the clicked initial logic node is used as the first node. This embodiment can be executed for this first node.

[0097] In another way, if this embodiment has been executed for the initial logic nodes and the logic nodes other than the initial logic nodes have been displayed in the second drawing interface, the user can click a logic node other than the initial logic node, and the clicked logic node is used as the first node. This embodiment can be executed for this first node.

[0098] Optionally, after the user clicks the first node, it triggers the computer device to obtain multiple optional logic nodes and display a list of the multiple optional logic nodes on the second drawing interface.

[0099] Among them, similar to the initial logic node, each of the multiple optional logic nodes is respectively used to identify an interface of the software system.

[0100] Figure 5 An example of the second drawing interface Figure 2 , such as Figure 5 As shown, when the user clicks on the initial logic node "commonEventReceive", the second drawing interface can display a list of optional logic nodes, and multiple optional logic nodes are shown in this list.

[0101] S402. In response to the user's operation of selecting a second node from the list of the multiple optional logic nodes, establish a first association relationship between the first node and the second node, and display the second node and a first marker on the second drawing interface. The first marker is used to identify the first association relationship, and the first association relationship is used to represent that the second node is executed after the first node is executed.

[0102] Continue to refer to Figure 5 , assuming that the user selects the logic node "backColor (get background color)" from the list of optional logic nodes, it will trigger the display of Figure 6 interface. Figure 6 An example of the second drawing interface Figure 3 , such as Figure 6 As shown, the logic node "backColor" is additionally displayed on the second drawing interface. At the same time, a first association relationship between "commonEventReceive" and "backColor" is established, and a connection line is added between the two logics of "commonEventReceive" and "backColor" on the second drawing interface, indicating that after "commonEventReceive" is executed, the steps of the logic node "backColor" will continue to be executed.

[0103] It should be noted that when a logic node is displayed on the second drawing interface, a flow icon and a parameter icon will be correspondingly displayed within the box of the logic node. Among them, the flow icon is used to identify the first association relationship together with the above-mentioned connection line. Taking commonEventReceive as an example, the flow icon at the top is connected to one end of the connection line, and the other end of the connection line is connected to the input icon of backColor, indicating that after commonEventReceive is executed, the steps of the logic node backColor will continue to be executed. In addition, the three icons self, page, and info below the flow icon in the box corresponding to commonEventReceive respectively represent a parameter of commonEventReceive, which is used to establish the second association relationship described below and will be described in the following embodiments.

[0104] S403. Generate a logic file for the human-computer interaction interface according to the first node, the second node, and the first association relationship displayed on the second drawing interface.

[0105] After the user selects a logic node on the second drawing interface, the computer device can be triggered to generate a logic file for the human-computer interaction interface based on the user's selection.

[0106] It should be noted that the above steps S401 - S402 are the process of establishing the first association relationship for a logic node in the second drawing interface. In the specific implementation process, the user can continuously select logic nodes and establish the first association relationship according to needs. Correspondingly, when executing the above step S403, a logic file for the human-computer interaction interface can be generated according to all the logic nodes and all the first association relationships selected by the user.

[0107] In this embodiment, the user can add a logic node by performing a click operation for any logic node displayed in the second drawing interface, thereby establishing a logical flow association relationship between the logic nodes, so as to quickly and conveniently complete the establishment of the logical flow relationship.

[0108] As described above, in addition to the flow icon, parameter icons can also be displayed within the box of the logic node. By using these parameter icons, a second association relationship between the logic nodes can be established. The process of establishing this second association relationship will be described below.

[0109] Figure 7 This is another schematic diagram of the logic generation process for the human-computer interaction interface generation method provided by the embodiment of the present application. As Figure 7 shown, an optional way of the above step S403 includes:

[0110] S701. In response to the user's association operation on the target node and the third node, establish a second association relationship between the target node and the third node, and display a second marker on the second drawing interface. The second marker is used to identify the second association relationship, and the second association relationship is used to indicate that the information of the third node is used when the target node is executed.

[0111] Wherein, the target node is the first node or the second node, and the third node is any logical node in the second drawing interface except the target node.

[0112] Figure 8 For example of the second drawing interface Figure 4 , such as Figure 8 shown. Taking the target node as backColor and the third node as commonEventReceive as an example, when the user establishes an association between the second icon of backColor and the info parameter icon of commonEventReceive, it means that the value of the info parameter in commonEventReceive is required when backColor is executed. When the user establishes the second association relationship, the user can directly connect the two associated icons, or can also use the drop-down box selection method. For example Figure 8 in, the user can select the info parameter of commonEventReceive in the drop-down box next to the second icon of backColor, indicating that the value of the info parameter in commonEventReceive is required when backColor is executed.

[0113] Optionally, the user can configure the properties of the selected logical node in the property editing area on the right side of the second drawing interface. For example, the user can add or delete parameters for the logical node, set return values, etc.

[0114] S702. Generate a logical file of the human-computer interaction interface according to the first node, the second node, the third node, the first association relationship, and the second association relationship displayed on the second drawing interface.

[0115] After the above-mentioned processing, the user has drawn and added the first node, the second node, and the third node on the second drawing interface. At the same time, the first association relationship and the second association relationship are established through the user's operations. Based on this information, the computer device can generate a logical file of the human-computer interaction interface.

[0116] It should be noted that the association operation in the above step S701 can be an association operation between the first node and the third node, or an association operation between the second node and the third node, or an association operation between any other two logical nodes. Correspondingly, when executing the above step S702, a logical file for the human-computer interaction interface can be generated according to all the logical nodes selected by the user, as well as all the first association relationships and all the second association relationships.

[0117] In this embodiment, the user can establish a second association relationship between two logical nodes displayed in the second drawing interface, so as to quickly and conveniently establish the logical parameter call relationship.

[0118] The following describes an optional manner of the above step S702.

[0119] Figure 9 It is a schematic diagram of another logical generation process for the human-computer interaction interface generation method provided by the embodiment of the present application. As Figure 9 shown, an optional manner of the above step S702 includes:

[0120] S901. Generate code statements respectively according to the above first node, the above second node, and the above third node.

[0121] As described above, a logical node can be an interface in a software system. Therefore, for each logical node, a code statement is generated respectively to record the interface identified by the logical node. Exemplarily, the code statement may include: the name of the interface, the parameter name of the interface, etc.

[0122] S902. Generate parameter usage information statements and flow information statements respectively according to the above first association relationship and the above second association relationship.

[0123] Exemplarily, if there is a first association relationship and a second association relationship between commonEventReceive and backColor, after generating the code statements for commonEventReceive and backColor, a flow information statement from commonEventReceive to backColor can be generated, and a parameter usage information statement for backColor to call the info parameter of commonEventReceive can be generated.

[0124] S903. Combine the above code statements, the above parameter usage information statements, and the flow information statements to form the logical file of the above human-computer interaction interface.

[0125] According to the actual logical relationship, the above parameter usage information statements and flow information statements may be combined with code statements in ways such as being added later or inserted, and then can be saved as an executable code file, for example, a Python file, etc.

[0126] As an optional implementation manner, after the user finishes drawing the logical nodes and establishing the association relationships, the user can click the generate button on the second drawing interface to trigger the computer device to generate a logical file of the human-computer interaction interface.

[0127] The following describes the process of obtaining multiple optional logical nodes and displaying a list of multiple optional logical nodes in the foregoing step S401.

[0128] Optionally, in response to the user's triggering operation on the first node in the above second drawing interface, a preset model file is read. This model file is used to record the information of multiple interfaces corresponding to each control in the above first drawing interface. Further, a logical node list display box is displayed on the above second drawing interface, and each interface in the above model file is respectively displayed as a logical node in the above logical node list display box to form the above list of multiple optional logical nodes.

[0129] Optionally, the above model file can be defined by the developer of the software system applied by the human-computer interaction interface and saved in the form of a structured file. Exemplarily, the model file can be saved in the form of the Extensible Markup Language (XML for short). When the user clicks the first node, the computer device can read the XML file and successively read out information such as the name and description of each interface from the XML file according to the tags of the interfaces. Correspondingly, when displaying the information of each interface in the above logical node list display box, the name, description, etc. of each interface can be displayed at the same time for the user to quickly and accurately know various information of the interfaces.

[0130] In addition, optionally, in the foregoing step S402, when the second node is displayed on the second drawing interface, the parameter name of the second node can also be read from the above model file and displayed in the box of the second node.

[0131] As an optional way, for each human-computer interaction interface, the same model file can be used to record the interface information that all human-computer interaction interfaces may use. In this way, for each human-computer interaction interface, the information of the complete and comprehensive interfaces will be displayed in the logical node list display box for the user to select.

[0132] The above describes the process in which a user designs the logic of a human - computer interaction interface using the second drawing interface and a computer device generates a logic file. As another alternative implementation, the user can also choose not to use the aforementioned visual logic editing method and instead directly write logic code for the drawn human - computer interaction interface. The user can set it through the logic editing method on the first drawing interface. If it is set to the visual logic editing method, then when the user clicks the "Edit Logic" button in the Figure 2 interface shown in the example, the computer device will correspondingly display the second drawing interface and complete the editing of the logic and the generation of the logic file according to the aforementioned method. If it is set to the editing method of directly writing logic code, then when the user clicks the "Edit Logic" button in the Figure 2 interface shown in the example, the computer device will pop up a code editing box for the user to directly write logic code in the code editing box. After the user finishes writing and confirms, the computer device saves the code written by the user as the logic file of the human - computer interaction interface.

[0133] Next, an optional method for the user to design the interface of the interaction interface using the first drawing interface and for the computer device to generate an interface file in the aforementioned step S101 will be described.

[0134] Figure 10 This is another schematic diagram of the logic generation process for the human - computer interaction interface generation method provided by the embodiments of this application. As Figure 10 shown, an optional method for the above - mentioned step S101 includes:

[0135] S1001. Display a plurality of candidate controls on the above - mentioned first drawing interface.

[0136] Optionally, the above - mentioned plurality of candidate controls can be various controls that can be provided during the development of the software system applied by the human - computer interaction interface. These controls can include, for example, button - type controls, input - type controls, operator - type controls, display - type controls, etc.

[0137] Continuing to refer to the aforementioned Figure 2 , when displaying the plurality of candidate controls on the first drawing interface, these controls can be displayed in a list form according to the type of the controls.

[0138] As an optional method, these candidate controls can be controls in a preset control library. Correspondingly, before executing this step, the computer device can first obtain the above - mentioned plurality of candidate controls from the preset control library.

[0139] Among them, the preset control library can be a control library developed and accumulated by the software system developer. For example, the developer can form a control library with all the controls that the locomotive software system may use. When a developer needs to develop the human-machine interface of the locomotive software system, the computer device can display the controls in the control library in the first drawing interface according to their categories for the developer to use, so that the developer can design a human-machine interface with better interaction effects.

[0140] S1002. In response to the user's selection operation and property setting operation on at least one candidate control, generate an interface file for the human-machine interface. The information of each control in the interface file includes the property information set by the user.

[0141] Continue to refer to Figure 2 , when the user needs to design a "fault information" button in the main interface of the locomotive system, the user can select a button-type control from the list of candidate controls and drag it to the drawing area in the middle of the first drawing interface. Furthermore, the user can set the properties and object structure information for the "fault information" button in the property addition information setting area and the object structure setting area on the right side of the first drawing interface. The property setting area includes a property name and a property value, and the user can modify the corresponding property value according to the property name that needs to be adjusted. The object structure setting area includes an object name and a type, and the user can set the object structure for the control according to needs.

[0142] When the user completes the design of the human-machine interface, the computer device generates an interface file for the human-machine interface according to various property information of various controls in the current first drawing interface, etc. Exemplarily, the interface file records that there is a control of type C with a size of B at position A on the interface. Then, when this interface file is installed on the locomotive device and the user starts the locomotive software, the locomotive software will display a control of type C with a size of B at position A on the locomotive screen.

[0143] Based on the same inventive concept, an apparatus for generating a human-machine interface corresponding to the method for generating a human-machine interface is further provided in an embodiment of the present application. Since the principle of solving problems by the apparatus in the embodiment of the present application is similar to that of the method for generating a human-machine interface in the embodiment of the present application, the implementation of the apparatus can refer to the implementation of the method, and the repeated parts will not be described again.

[0144] Figure 11 is a module structure diagram of the apparatus for generating a human-machine interface provided in an embodiment of the present application. As Figure 11 shown, the apparatus includes:

[0145] The first generation module 1101 is configured to generate an interface file of the human-computer interaction interface in response to an operation of the user on the first drawing interface, where the interface file of the human-computer interaction interface includes information of at least one control drawn by the user on the first drawing interface.

[0146] The display module 1102 is configured to display a second drawing interface in response to an indication of the user to edit the logic for the human-computer interaction interface, where the second drawing interface includes at least one initial logic node, and one of the initial logic nodes is used to identify an interface provided by the human-computer interaction interface.

[0147] The second generation module 1103 is configured to generate a logic file of the human-computer interaction interface in response to an operation of the user on the initial logic node on the second drawing interface.

[0148] As an optional implementation manner, the second generation module 1103 is specifically configured to:

[0149] In response to a trigger operation of the user on the first node on the second drawing interface, obtain a plurality of optional logic nodes, and display a list of the plurality of optional logic nodes on the second drawing interface, where the first node is the initial logic node or a logic node other than the initial logic node on the second drawing interface.

[0150] In response to an operation of the user to select a second node from the list of the plurality of optional logic nodes, establish a first association relationship between the first node and the second node, and display the second node and a first mark on the second drawing interface, where the first mark is used to identify the first association relationship, and the first association relationship is used to represent that the second node is executed after the first node is executed.

[0151] Generate a logic file of the human-computer interaction interface according to the first node, the second node, and the first association relationship displayed on the second drawing interface.

[0152] As an optional implementation manner, the second generation module 1103 is specifically configured to:

[0153] In response to an association operation of the user on the target node and the third node, establish a second association relationship between the target node and the third node, and display a second mark on the second drawing interface, where the second mark is used to identify the second association relationship, and the second association relationship is used to represent that information of the third node is used when the target node is executed, where the target node is the first node or the second node, and the third node is any logic node other than the target node on the second drawing interface.

[0154] Generate a logic file for the human - machine interaction interface according to the first node, the second node, the third node, the first association relationship, and the second association relationship displayed on the second drawing interface.

[0155] As an alternative implementation, the second generation module 1103 is specifically configured to:

[0156] Generate code statements respectively according to the first node, the second node, and the third node.

[0157] Generate a parameter usage information statement and a flow - through information statement respectively according to the first association relationship and the second association relationship.

[0158] Combine the code statements, the parameter usage information statement, and the flow - through information statement to form the logic file of the human - machine interaction interface.

[0159] As an alternative implementation, the second generation module 1103 is specifically configured to:

[0160] In response to a user's trigger operation on the first node in the second drawing interface, read a preset model file, where the model file is used to record information of multiple interfaces corresponding to each control in the first drawing interface.

[0161] Display a logical node list display box in the second drawing interface, and use each interface in the model file as a logical node and display it in the logical node list display box to form a list of the multiple selectable logical nodes.

[0162] As an alternative implementation, the first generation module 1101 is specifically configured to:

[0163] Display multiple candidate controls in the first drawing interface.

[0164] In response to a user's selection operation and attribute setting operation on at least one candidate control, generate an interface file for the human - machine interaction interface, where the information of each control in the interface file includes the attribute information set by the user.

[0165] As an alternative implementation, the first generation module 1101 is further configured to:

[0166] Obtain the multiple candidate controls from a preset control library.

[0167] The embodiments of the present application further provide a computer device 120, such as Figure 12As shown in the figure, it is a schematic structural diagram of a computer device 120 provided by an embodiment of the present application, including: a processor 121, a memory 122, and a bus 123. The memory 122 stores machine-readable instructions executable by the processor 121 (for example, Figure 11 execution instructions corresponding to the first generation module, the display module, and the second generation module in the device in etc.), when the computer device 120 runs, the processor 121 communicates with the memory 122 through the bus 123, and the machine-readable instructions are executed by the processor 121 to perform the method steps in the foregoing method embodiments.

[0168] An embodiment of the present application further provides a computer-readable storage medium, on which a computer program is stored, and when the computer program is run by a processor, it executes the steps of the above method for generating a human-computer interaction interface.

[0169] Those skilled in the art can clearly understand that for the convenience and simplicity of description, the specific working processes of the above-described systems and devices can refer to the corresponding processes in the method embodiments, and will not be repeated in this application. In the several embodiments provided in this application, it should be understood that the disclosed systems, devices, and methods can be implemented in other ways. The device embodiments described above are only illustrative. For example, the division of the modules is only a logical function division, and there may be other division methods in actual implementation. For another example, multiple modules or components can be combined or integrated into another system, or some features can be ignored or not executed. Another point is that the displayed or discussed couplings or direct couplings or communication connections to each other can be through some communication interfaces, and the indirect couplings or communication connections of the devices or modules can be in electrical, mechanical or other forms.

[0170] In addition, each functional unit in various embodiments of the present application may be integrated into one processing unit, may exist physically alone for each unit, or two or more units may be integrated into one unit. If the function is implemented in the form of a software functional unit and sold or used as an independent product, it may be stored in a computer-readable storage medium. Based on such an understanding, the technical solution of the present invention, in essence, or the part that contributes to the prior art or a part of the technical solution may be embodied in the form of a software product. The computer software product is stored in a storage medium and includes several instructions for causing a computer device (which may be a personal computer, a server, or a network device, etc.) to execute all or part of the steps of the methods described in various embodiments of the present invention. The foregoing storage medium includes: various media such as a USB flash drive, a mobile hard disk, a read-only memory (ROM), a random access memory (RAM), a magnetic disk, or an optical disc that can store program codes.

[0171] The above are only specific embodiments of the present application, but the protection scope of the present application is not limited thereto. Any person skilled in the art within the technical scope disclosed by the present application can easily think of changes or substitutions, which should all be covered by the protection scope of the present application.

Claims

1. A method for generating a human-computer interaction interface, characterized in that, it includes: responding to an operation of a user on a first drawing interface to generate an interface file of the human-computer interaction interface, where the interface file of the human-computer interaction interface includes information of at least one control drawn by the user in the first drawing interface; responding to an indication of the user to edit the logic for the human-computer interaction interface to display a second drawing interface, where the second drawing interface includes at least one initial logic node, and where one of the initial logic nodes is used to identify an interface provided by the human-computer interaction interface; responding to an operation of the user on the initial logic node in the second drawing interface to generate a logic file of the human-computer interaction interface; The step of responding to an operation of the user on the initial logic node in the second drawing interface to generate a logic file of the human-computer interaction interface includes: responding to a triggering operation of the user on a first node in the second drawing interface to obtain a plurality of optional logic nodes and display a list of the plurality of optional logic nodes in the second drawing interface, where the first node is the initial logic node or a logic node other than the initial logic node in the second drawing interface; responding to an operation of the user selecting a second node from the list of the plurality of optional logic nodes to establish a first association relationship between the first node and the second node, and display the second node and a first marker in the second drawing interface, where the first marker is used to identify the first association relationship, and the first association relationship is used to represent that the second node is executed after the first node is executed; generating a logic file of the human-computer interaction interface according to the first node, the second node, and the first association relationship displayed in the second drawing interface.

2. The method according to claim 1, characterized in that, the step of generating a logic file of the human-computer interaction interface according to the first node, the second node, and the first association relationship displayed in the second drawing interface includes: responding to an association operation of the user on a target node and a third node to establish a second association relationship between the target node and the third node, and display a second marker in the second drawing interface, where the second marker is used to identify the second association relationship, and the second association relationship is used to represent that information of the third node is used when the target node is executed, where the target node is the first node or the second node, and the third node is any logic node other than the target node in the second drawing interface; generating a logic file of the human-computer interaction interface according to the first node, the second node, the third node, the first association relationship, and the second association relationship displayed in the second drawing interface.

3. The method according to claim 2, characterized in that, the step of generating a logic file of the human-computer interaction interface according to the first node, the second node, the third node, the first association relationship, and the second association relationship displayed in the second drawing interface includes: Generate code statements according to the first node, the second node, and the third node respectively; Generate parameter usage information statements and flow information statements according to the first association relationship and the second association relationship respectively; Combine the code statements, the parameter usage information statements, and the flow information statements to form the logic file of the human-computer interaction interface.

4. The method according to any one of claims 1-3, wherein, the responding to the user's triggering operation on the first node in the second drawing interface, obtaining a plurality of optional logic nodes, and displaying a list of the plurality of optional logic nodes in the second drawing interface includes: responding to the user's triggering operation on the first node in the second drawing interface, reading a preset model file, where the model file is used to record information of a plurality of interfaces corresponding to each control in the first drawing interface; displaying a logic node list display box in the second drawing interface, and respectively using each interface in the model file as a logic node and displaying it in the logic node list display box to form the list of the plurality of optional logic nodes.

5. The method according to claim 1, wherein, the responding to the user's operation on the first drawing interface and generating an interface file of the human-computer interaction interface includes: displaying a plurality of candidate controls in the first drawing interface; responding to the user's selection operation and attribute setting operation on at least one candidate control, and generating the interface file of the human-computer interaction interface, where the information of each control in the interface file includes the attribute information set by the user.

6. The method according to claim 5, wherein, before displaying the plurality of candidate controls in the first drawing interface, further includes: obtaining the plurality of candidate controls from a preset control library.

7. A human-computer interaction interface generation device, wherein, comprises: a first generation module, configured to respond to the user's operation on the first drawing interface and generate an interface file of the human-computer interaction interface, where the interface file of the human-computer interaction interface includes information of at least one control drawn by the user in the first drawing interface; a display module, configured to respond to the user's instruction to edit the logic for the human-computer interaction interface and display a second drawing interface, where the second drawing interface includes at least one initial logic node, and one of the initial logic nodes is used to identify an interface provided by the human-computer interaction interface; a second generation module, configured to respond to the user's operation on the initial logic node in the second drawing interface and generate the logic file of the human-computer interaction interface; specifically, the second generation module is configured to: respond to the user's triggering operation on the first node in the second drawing interface, obtain a plurality of optional logic nodes, and display a list of the plurality of optional logic nodes in the second drawing interface, where the first node is the initial logic node or a logic node other than the initial logic node in the second drawing interface; In response to the user's operation of selecting a second node from the list of the multiple optional logic nodes, establish a first association relationship between the first node and the second node, and display the second node and a first marker on the second drawing interface, where the first marker is used to identify the first association relationship, and the first association relationship is used to represent that the second node is executed after the first node is executed; Generate a logic file of the human-computer interaction interface according to the first node, the second node, and the first association relationship displayed on the second drawing interface.

8. A computer device, characterized in that, comprising: a processor, a storage medium, and a bus, where the storage medium stores machine-readable instructions executable by the processor. When the computer device runs, the processor communicates with the storage medium through the bus, and the processor executes the machine-readable instructions to perform the steps of the human-computer interaction interface generation method according to any one of claims 1 to 6 when executed.

9. A computer-readable storage medium, characterized in that, a computer program is stored on the computer-readable storage medium, and when the computer program is run by a processor, it performs the steps of the human-computer interaction interface generation method according to any one of claims 1 to 6.

Images