Configuration editing system, display method and related device

Abstract

The invention provides a configuration editing system, a display method and a related device, and relates to the technical field of software. The configuration editing system may comprise: a plurality of editors, the plurality of editors comprising a 2D editor and a 3D editor; the middle layer is packaged with a software interface, and the software interface is used for calling the 2D editor and the 3D editor; and the user interface calls the plurality of editors through a software interface in the middle layer and performs related display, and the plurality of editors share the user interface. According to the technical scheme provided by the invention, the problems of high cost and human resource waste in development and maintenance of two sets of configuration editing software of a 2D editor and a 3D editor in the prior art can be solved.

Description

Technical Field

[0001] This application relates to the field of software technology, and more specifically, to a configuration editing system, a display method, and related devices. Background Art

[0002] With the growing demand for visualization in fields such as industrial automation and the Internet of Things, configuration systems have emerged as important visualization tools.

[0003] Among them, the 2D editor and the 3D editor, as the core tools for developing configuration systems, are responsible for functions such as planar graphic design and three-dimensional model construction respectively. In the prior art, the 2D editor and the 3D editor are usually developed and maintained as independent software systems, and there are problems such as high costs and waste of human resources in developing and maintaining two software systems. Summary of the Invention

[0004] Based on the above-mentioned defects and deficiencies of the prior art, this application proposes a configuration editing system, a display method, and related devices, which can solve the problems of high costs and waste of human resources in developing and maintaining two sets of configuration editing software, namely the 2D editor and the 3D editor, in the prior art.

[0005] According to the first aspect of this application, a configuration editing system is provided, and the system includes:

[0006] Multiple editors, including a 2D editor and a 3D editor;

[0007] An intermediate layer, which encapsulates a software interface for calling the 2D editor and the 3D editor;

[0008] A user interface, which calls the multiple editors through the software interface in the intermediate layer for related display, and the multiple editors share the user interface.

[0009] According to the second aspect of this application, a display method is provided, which is applied to the configuration editing system as described in the first aspect, and the method includes

[0010] Sending the request information triggered by the user interface to the intermediate layer, so that the intermediate layer obtains the required information from the target editor through the encapsulated target software interface based on the request information; where the target editor is one of the multiple editors;

[0011] Controlling the user interface to perform interface display according to the feedback information sent by the intermediate layer; where the feedback information is the feedback from the target editor based on the request information.

[0012] According to a third aspect of the present application, a display device is provided, which is applied to the configuration editing system as described in the first aspect. The device includes:

[0013] A request module, configured to send the request information triggered by the user interface to the middle layer, so that the middle layer obtains the required information from the target editor through the encapsulated target software interface based on the request information; wherein, the target editor is one of the multiple editors;

[0014] A display module, configured to control the user interface to perform interface display according to the feedback information sent by the middle layer; wherein, the feedback information is the feedback based on the request information by the target editor.

[0015] According to a fourth aspect of the present application, an electronic device is provided, including: a memory and a processor;

[0016] The memory is connected to the processor and is used for storing programs;

[0017] The processor is configured to implement the display method as described in the second aspect by running the programs in the memory.

[0018] According to a fifth aspect of the present application, a storage medium is provided. A computer program is stored on the storage medium, and when the computer program is run by a processor, the display method as described in the second aspect is implemented.

[0019] According to a sixth aspect of the present application, a computer program product or a computer program is provided. The computer program product includes the computer program, and when a processor executes the computer program, the steps in the display method as described in the second aspect are implemented. Optionally, the computer program can be stored in a readable storage medium or the cloud of a computer device; the processor of the computer device reads the computer program from the readable storage medium or the cloud.

[0020] In the technical solution provided by the present application, based on the similarities or similarities between 2D graphic editing and 3D scene editing in terms of the user interface, the user interface and the editor are decoupled by designing a middle layer, so that a set of user interfaces can be shared by 2D editors and 3D editors. That is, for different types of editors, only one set of UI architectures needs to be developed and maintained, realizing the efficient reuse of design codes, reducing the workload of development and maintenance, improving the development and maintenance efficiency, and being conducive to saving development and maintenance costs and human resources. Description of the Drawings

[0021] To more clearly illustrate the technical solutions in the embodiments of the present application or the prior art, the following will briefly introduce the drawings required for the description of the embodiments or the prior art. Obviously, the drawings in the following description are only the embodiments of the present application. For those of ordinary skill in the art, without creative efforts, other drawings can also be obtained based on the provided drawings.

[0022] Figure 1 One of the block diagrams of a configuration editing system provided by an embodiment of the present application;

[0023] Figure 2 A schematic diagram of the architecture of a user interface provided by an embodiment of the present application;

[0024] Figure 3 The second block diagram of the configuration editing system provided by an embodiment of the present application;

[0025] Figure 4 A schematic flowchart of a display method provided by an embodiment of the present application;

[0026] Figure 5 A block diagram of a display device provided by an embodiment of the present application;

[0027] Figure 6 A schematic diagram of the structure of an electronic device provided by an embodiment of the present application. Detailed implementation manners

[0028] The following will clearly and completely describe the technical solutions in the embodiments of the present application with reference to the drawings in the embodiments of the present application. Obviously, the described embodiments are only a part of the embodiments of the present application, rather than all the embodiments. Based on the embodiments of the present application, all other embodiments obtained by those of ordinary skill in the art without creative efforts belong to the scope of protection of the present application.

[0029] Application Overview

[0030] The 2D editor is a 2D graphic editing tool. By using this editing tool for configuration, various 2D function display pages can be developed, which are used in fields such as intelligent factory large screen display, process monitoring, and information collection and summary. Through the 2D editor, a rich graphic configuration page program can be realized.

[0031] The 3D editor is a 3D scene editing tool. By using this editing tool for configuration, a scene display page similar to the real world can be developed, which is used to simulate and display the real scene, providing a more intuitive and real visual experience and achieving an immersive effect. In some application scenarios, it is beneficial to help on-site operation and maintenance personnel monitor plant area information and emergencies, etc.

[0032] As the core tools for visual program development, the 2D editor and the 3D editor are respectively responsible for functions such as planar graphic design and three-dimensional model construction. In the prior art, the 2D editor and the 3D editor are usually developed as independent software systems, and the costs required for developing and maintaining the two software systems are relatively high.

[0033] However, from the perspective of practical applications, there are many similarities between graphic editing and scene editing, especially in terms of the user interface (UI), such as the UI structure and UI functions. Specifically, for example, the UI structures of the 2D editor and the 3D editor both include a toolbar, a property bar, a development bar, an editing area, etc.; for another example, they include UI components with the same or similar functions, such as UI components for functions like adding, deleting, and modifying resources; for yet another example, in terms of resource attribute editing, the input boxes, color pickers, etc. for some attributes have the same functions. Thus, there is repetitive work in developing and maintaining the two software systems, that is, different staff members complete the same or similar development or maintenance work, resulting in a problem of waste of human resources.

[0034] Therefore, the embodiments of the present application provide a configuration editing technology to solve the above technical problems. For the configuration editing technology provided by the embodiments of the present application, details can be seen below.

[0035] Exemplary System

[0036] As Figure 1 shown, the embodiments of the present application provide a configuration editing system, which may include: a plurality of editors (such as editor 1 to editor n, where n is an integer greater than or equal to 2), an intermediate layer, and a user interface.

[0037] The number of editors in the configuration editing system is at least two, and includes at least one 2D editor and at least one 3D editor.

[0038] The intermediate layer in the configuration editing system encapsulates software interfaces (such as software interface 1 to software interface m, where m is an integer greater than or equal to 1), and is used to dock with a plurality of editors through the software interfaces, such as calling the functions, data, etc. of the editors.

[0039] In the embodiments of the present application, a plurality of editors share the user interface, and the user interface can call the functions, data, etc. of the plurality of editors through the software interfaces in the intermediate layer to achieve corresponding displays on the user interface, such as displaying the resource data in the called editor, or refreshing the display of the editing process, editing effects, etc. when calling the functions of the editor to perform editing processing on the target editing object.

[0040] Among them, the middle layer and the user interface can be understood as a general upper-layer software architecture, which can be docked with multiple editors to enable multiple editors to work together. It should be noted that the configuration editing system can support the integration of multiple types of 2D editors, multiple types of 3D editors, and other types of editors. Among them, the characteristics of the editors that can be integrated at least include having the same or similar aspects in terms of the user interface.

[0041] In 2D editors, 3D editors, etc., their user interfaces have great similarities. For example, the UI structures and functions are similar. Therefore, using a unified UI architecture helps with the reuse of functions, while ensuring the unity of the UI style and the consistency of functions. For example, the resource management of 2D and 3D editors can share a set of UI components, and these UI components have consistent functions. For example, they have functions such as adding, deleting, modifying, and querying for both 2D resources (such as 2D pictures, icons, drawings, etc.) and 3D resources (such as 3D pictures, models, drawings, etc.). Another example is that in the editing of 2D graphics and 3D model attributes, some input boxes, selection boxes, color pickers, property value switches, etc. have the same functions. Using the same set of UI architecture reduces the development workload and ensures the consistency of functions.

[0042] In the embodiments of this application, based on the same or similar aspects of the graphic editing and scene editing in terms of the user interface, the user interface and the editor are decoupled by designing the middle layer, so that the 2D editor and the 3D editor can share a set of user interfaces. That is, for different types of editors, only one set of UI architecture needs to be developed and maintained, realizing the efficient reuse of design code, facilitating unified management, development, and maintenance, improving the development and maintenance efficiency, and being conducive to saving development and maintenance costs as well as human resources. In addition, this can also unify the UI style and improve the user experience.

[0043] Moreover, integrating the 2D editor and the 3D editor in the same configuration editing system helps to combine the two-dimensional and three-dimensional design capabilities. For example, in the configuration preview (i.e., the preview state), it is more convenient to integrate 2D drawings and 3D scenes for page function display. For example, the 3D scene can be used as the background of the 2D drawing for rendering to achieve a more rich display effect, thus meeting the configuration requirements of different business scenarios and providing a more rich and flexible design experience for users. Further, during the preview process, business logic code reuse can also be achieved. For example, a graphic element in 2D configuration and a model in 3D configuration represent the same device, and both can make the same changes based on a business instruction sent by the server. At this time, they can reuse the same business logic code, which can reduce the development and maintenance costs. In the prior art, however, business logic codes need to be set separately for 2D configuration and 3D configuration, resulting in high development and maintenance costs.

[0044] In some alternative embodiments, the user interface in the configuration editing system may include, but is not limited to, at least one of the following: a resource bar, a toolbar, an attribute bar, a status bar, and an editing area. The user interface can implement the display and hiding of the resource bar, toolbar, attribute bar, status bar, editing area, etc. according to configuration and page layout requirements.

[0045] Among them, resource data of multiple editors can be displayed through the resource bar. Tool data of multiple editors can be displayed through the toolbar. Attribute data of resources can be displayed through the attribute bar. Status data can be displayed through the status bar. Editing object list data, configuration effects, editing processes, etc. can be displayed through the editing area. Optionally, each editor can correspond to an editor tab, and the corresponding editor can be used for configuration editing in the editor tab. The editor tab is displayed in the editing area of the user interface. Whichever editor tab is displayed in the editing area indicates that the corresponding editor is in the active state. Among them, the editor tabs corresponding to different editors can be switched.

[0046] Optionally, as Figure 2 shown, the structure of the user interface in the embodiments of the present application may include: a toolbar, an attribute bar, a resource bar, a status bar, and an editing area. Among them, the toolbar may further include a left toolbar and a right toolbar, and the specific tools included in the two toolbars can be set according to actual needs. The embodiments of the present application do not specifically limit this. The resource bar may include drawing items, graphic symbol items, resource items, etc. The status bar may include an outline and some related data.

[0047] The displayable data included in each of the resource bar, toolbar, attribute bar, status bar, and editing area described herein can be provided by each editor. The displayable data refers to the data that may be displayed in the user interface. Specifically, when the user interface displays the data in a certain item, it can call the required data from the corresponding editor through the software interface in the middle layer for display. Optionally, the data displayed in the resource bar, toolbar, attribute bar, and status bar can be determined according to the active editor tab, that is: if the active editor tab is a 2D editor, the relevant data of the 2D editor is displayed in the resource bar, toolbar, attribute bar, and status bar; if the active editor tab is a 3D editor, the relevant data of the 3D editor is displayed in the resource bar, toolbar, attribute bar, and status bar.

[0048] Optionally, in order to display data more quickly, in the embodiments of the present application, the display data included in each of the foregoing items can also be encapsulated in the middle layer, so that the user interface can directly obtain the required display data from the middle layer according to display requirements, etc., so as to achieve the purpose of fast data display.

[0049] In some alternative embodiments, communication between the user interface and the middle layer, and between the middle layer and the editor can be based on events. The user interface can trigger an event to the middle layer and listen for events. The middle layer determines whether it can directly respond to the event. If not, it throws the event to the corresponding editor.

[0050] Communication based on events means implementing communication between modules through the publication (triggering) and subscription (listening) of events. The event communication method can decouple the publisher and subscriber of the event. The two parties do not need to directly depend on each other's specific implementations, but only depend on the definition of the event. Therefore, in the embodiments of the present application, when developing the configuration editing system, in order to isolate the user interface from the editor, the event communication method is used to implement the interaction between various parts. Specifically, when implementing, the types of events that the user interface may trigger can be predefined in the middle layer and the editor layer, and the user interface layer can perform corresponding UI changes based on the listened events. In addition, since the user interface, the middle layer, and the editor communicate through events, this can make the code logic clearer, the responsibilities more clearly separated, and it is convenient for debugging and maintenance. Further, through communication based on events, complex interaction logic can be decomposed into multiple independent event processing units, reducing the overall complexity of the configuration editing system.

[0051] To better understand the above embodiments, the following Figure 3 is taken as an example for illustrative description.

[0052] As Figure 3 shown, the user interface triggers an event to the middle layer, and the middle layer throws the event triggered by the user interface to the corresponding executor through the currently active tab (i.e., Tap) program, such as Figure 2 the graphic Edito (graphic editing function), 2DEditor (2D editing function), 3D Editor (3D editing function) in

[0053] Then, the executor responds to the event and processes the editor-related logic. After triggering the event, the user interface can listen for events. After listening for the response event, it performs corresponding UI changes.

[0054] In some alternative embodiments, the multiple software interfaces of the middle layer include: the first type of software interface and the second type of software interface. Among them, each software interface in the first type of software interface is used to call the same or similar editing functions of multiple editors; each software interface in the second type of software interface is used to call an editing function of an editor that is different from other editors.

[0055] In the embodiments of the present application, based on the common characteristics of multiple editors, corresponding software interfaces can be respectively abstracted and encapsulated, and docked with multiple editors through these software interfaces, that is: for one of the same or similar functions among multiple editors, a software interface can be encapsulated in the middle layer, and the corresponding function of the currently activated editor can be called through this software interface.

[0056] Among them, for the different functions among multiple editors, a software interface can be respectively encapsulated in the middle layer for each function to facilitate interface call.

[0057] In some alternative embodiments, the middle layer may further include at least one of the following: a tab management module (tab-manager), a client socket module (socket-client), a hotkey management module (hotkey-manager), a copy management module (copy-manager), and a right-click menu module (context-menu). Through these modules, the work of the UI layer can be better supported.

[0058] Among them, multiple editors are mounted on the tab management module, and the tab management module manages the displayed editor tabs.

[0059] Among them, the client socket module is used to implement communication between the configuration editing system and external devices, such as communication with a target server. The target server described here can be used to store various resources, such as pictures, icons, models, materials, etc.; and to store 2D drawing and 3D scene data, etc.

[0060] Among them, the hotkey management module is used to manage editor hotkeys, and different editors can register hotkeys with it and obtain hotkey events.

[0061] Among them, the copy management module can be understood as a cross-tab management program, which is used to implement copy operations between different editor tabs and allows copy and paste between different editor tabs.

[0062] Among them, the right-click menu module is used to manage the right-click menu of the configuration editing system.

[0063] In some alternative embodiments, the middle layer is the root node main entry of the entire editor layer. The middle layer can interface with different editors through some software interfaces (hereinafter referred to as IEditor, where "Editor" represents the middle layer and "I" represents Interface).

[0064] IEditor provides services for the UI layer by implementing interface functions such as the attribute management interface (IAttrManager), tool management interface (IToolManager), node management interface (INodeManager), selection management interface (ISelectionManager), and hotkey management interface (IHotkeyManager). At the same time, these interfaces handle different UI layer display logics.

[0065] Among them, the attribute management interface is used to manage the attributes of the drawings, scenes, and nodes (such as 2D primitives, 3D models, etc.) of each editor tab, specifically including attribute refresh, attribute acquisition, and attribute setting, etc.

[0066] Among them, the tool management interface is used to manage the editor operation tools attached to each editor tab.

[0067] Among them, the node management interface is used to collect node information in the editor drawings or scenes.

[0068] Among them, the selection management interface is used to manage the state of the selected nodes in the drawings or scenes.

[0069] Among them, the hotkey management interface is used to manage the hotkey events of the drawings or scenes.

[0070] In summary, the configuration editing system provided by the embodiments of the present application decouples the user interface from the editor by designing the middle layer, so that the 2D editor and the 3D editor can share a set of user interfaces, realizing the efficient reuse of design code, reducing the workload of development and maintenance, and being beneficial to saving development and maintenance costs and human resources.

[0071] Exemplary Method

[0072] The embodiments of the present application provide a display method, which is applied to an electronic device installed with the configuration editing system described in the above embodiments.

[0073] The following details this method through some embodiments. The following several embodiments can be combined with each other, and the same or similar concepts or processes may not be repeated in some embodiments.

[0074] As Figure 4 shown, the method may include steps 401 to 402, as described below:

[0075] Step 401: Send the request information triggered by the user interface to the middle layer, so that the middle layer can obtain the required information from the target editor through the encapsulated target software interface based on the request information.

[0076] The target editor described here is one of multiple editors in the configuration editing system. The target software interface described here is one of the software interfaces encapsulated by the middle layer, and the target software interface is determined based on the request information triggered by the user interface. The request information described here may include, but is not limited to: opening of editor tabs, creation of resources, selection of drawing nodes, refreshing of attributes, and modification, addition, deletion, etc. of drawing nodes.

[0077] When the user interface needs to call data, functions, etc. in the editor, it can be implemented through the software interface encapsulated by the middle layer, that is, the user interface sends the request information to the middle layer, and the middle layer then calls the target editor through the target software interface based on the request information.

[0078] Optionally, communication between the user interface and the middle layer, and between the middle layer and the editor can be based on an event method, that is, the above request information can be event information triggered by the user interface. The user interface can trigger an event to the middle layer and perform event listening, and the middle layer then throws the event to the corresponding editor through the target software interface.

[0079] Step 402: Control the user interface to perform interface display according to the feedback information sent by the middle layer.

[0080] Among them, the feedback information described here is the feedback from the target editor based on the request information triggered by the user interface.

[0081] The user interface can perform interface display according to the feedback information sent by the middle layer.

[0082] In the embodiments of the present application, by designing the middle layer to decouple the user interface from the editor, so as to realize that multiple editors share a set of user interfaces, the interaction between the user interface and the editor is implemented by the middle layer, and the user interface can perform interface display based on the feedback information of the middle layer.

[0083] In some optional embodiments, the user interface in the configuration editing system may include, but is not limited to, at least one of the following: a resource bar, a toolbar, an attribute bar, a status bar, and an editing area. The displayable data included in each of the resource bar, toolbar, attribute bar, status bar, and editing area, etc. can be provided by each editor, and the displayable data refers to the data that may be displayed on the user interface.

[0084] Among them, when the user interface displays the data in a certain item, it can call the required data from the corresponding editor through the software interface in the middle layer for display. Preferably, in order to display the data more quickly, in the embodiment of the present application, the displayable data included in each of the foregoing items can also be encapsulated in the middle layer, so that the user interface can directly obtain the required display data from the middle layer according to the display requirements, etc., so as to achieve the purpose of quickly displaying the data.

[0085] Therefore, the display method may further include: sending the data display request sent by the user interface to the middle layer; the middle layer obtaining the target data corresponding to the data display request from the data stored in itself and feeding it back to the user interface; controlling the user interface to perform interface display based on the target data.

[0086] In some alternative embodiments, when the configuration results are obtained based on the 2D editor and the 3D editor respectively, the display method may further include:

[0087] When the configuration editing system is in the preview state, the 3D configuration result is displayed as the background of the 2D configuration result.

[0088] In the embodiment of the present application, integrating the 2D editor and the 3D editor in the same configuration editing system helps to combine the two-dimensional and three-dimensional design capabilities. For example, during configuration preview (i.e., the preview state), it is more convenient to fuse the 2D drawing and the 3D scene together for page function display. For example, the 3D scene can be rendered as the background of the 2D drawing to achieve a richer display effect, so as to meet the configuration requirements of different business scenarios and provide users with a more rich and flexible design experience.

[0089] Optionally, during the preview process, business logic code reuse can also be achieved. For example, a graphic element in the 2D configuration and a model in the 3D configuration represent the same device, and both can change in the same way based on a business instruction sent by the server. At this time, the same business logic code can be reused for both, while in the prior art, business logic codes need to be set separately for the 2D configuration and the 3D configuration.

[0090] Therefore, during the preview process, the dynamic changes of the elements representing the same object in the 3D configuration result and the 2D configuration result are realized by reusing the same business logic code.

[0091] In summary, the display method provided by the embodiment of the present application can decouple the user interface from the editor, so as to realize multiple editors sharing a set of user interfaces, and can also realize business logic code reuse, thereby saving development and maintenance costs as well as human resources.

[0092] Exemplary Device

[0093] Accordingly, an embodiment of the present application further provides a display device, which is applied to an electronic device installed with the configuration editing system described in the above embodiment.

[0094] As Figure 5 shown, the device may include:

[0095] A request module 501, configured to send the request information triggered by the user interface to the middle layer, so that the middle layer obtains the required information from the target editor through the encapsulated target software interface based on the request information.

[0096] Wherein, the target editor is one of the multiple editors.

[0097] A display module 502, configured to control the user interface to perform interface display according to the feedback information sent by the middle layer.

[0098] Wherein, the feedback information is feedback by the target editor based on the request information.

[0099] Optionally, in the case where the configuration results are obtained based on the 2D editor and the 3D editor respectively,

[0100] The display module 502 is further configured to: when the configuration editing system is in the preview state, display the 3D configuration result as the background of the 2D configuration result.

[0101] Optionally, during the preview process, the dynamic changes of the elements representing the same object in the 3D configuration result and the 2D configuration result are implemented by reusing the same business logic code.

[0102] The display device provided in this embodiment belongs to the same inventive concept as the display method provided in the above embodiment of the present application, and can execute the display method provided in any of the above embodiments of the present application, and has the corresponding functional modules and beneficial effects of the execution method. For the technical details not described in detail in this embodiment, reference may be made to the specific processing content of the display method provided in the above embodiment of the present application, which will not be elaborated here.

[0103] It should be understood that the modules in the above display device can be implemented in the form of a processor calling software. For example, the device includes a processor, which is connected to a memory. Instructions are stored in the memory, and the processor calls the instructions stored in the memory to implement any of the above methods or the functions of each unit of the device. The processor can be a general-purpose processor, such as a CPU or a microprocessor, etc., and the memory can be a memory inside the device or a memory outside the device. Alternatively, the units in the device can be implemented in the form of hardware circuits. By designing the hardware circuits, the functions of some or all of the units can be realized. The hardware circuits can be understood as one or more processors. For example, in one implementation, the hardware circuit is an ASIC, and the functions of some or all of the above units are realized by designing the logical relationships of the components in the circuit. Again, for example, in another implementation, the hardware circuit can be implemented by a PLD. Taking an FPGA as an example, it can include a large number of logic gate circuits, and the connection relationships between the logic gate circuits are configured through a configuration file, so as to realize the functions of some or all of the above units. All the units of the above device can be all implemented in the form of a processor calling software, or all implemented in the form of hardware circuits, or some implemented in the form of a processor calling software, and the remaining part implemented in the form of hardware circuits.

[0104] In the embodiments of the present application, the processor is a circuit with the ability to process signals. In one implementation, the processor can be a circuit with the ability to read and run instructions, such as a CPU, a microprocessor, a GPU, or a DSP, etc. In another implementation, the processor can realize certain functions through the logical relationships of hardware circuits, and the logical relationships of the hardware circuits are fixed or can be reconfigured. For example, the processor is a hardware circuit implemented by an ASIC or a PLD, such as an FPGA, etc. In a reconfigurable hardware circuit, the process of the processor loading a configuration document to implement the configuration of the hardware circuit can be understood as the process of the processor loading instructions to realize the functions of some or all of the above units. In addition, it can also be a hardware circuit designed for artificial intelligence, which can be understood as a kind of ASIC, such as an NPU, a TPU, a DPU, etc.

[0105] It can be seen that each unit in the above device can be one or more processors (or processing circuits) configured to implement the above method, such as: a CPU, a GPU, an NPU, a TPU, a DPU, a microprocessor, a DSP, an ASIC, an FPGA, or a combination of at least two of these processor forms.

[0106] In addition, all or part of the units in the above device can be integrated together or can be implemented independently. In one implementation, these units are integrated together and implemented in the form of an SOC. The SOC may include at least one processor for implementing any of the above methods or implementing the functions of the units of the device. The types of the at least one processor can be different, for example, including a CPU and an FPGA, a CPU and an artificial intelligence processor, a CPU and a GPU, etc.

[0107] Exemplary Electronic Device

[0108] An embodiment of the present application also provides an electronic device, such as Figure 6 shown, the electronic device includes: a memory 600 and a processor 610.

[0109] The memory 600 is connected to the processor 610 and is used to store programs.

[0110] The processor 610 is used to implement the display method in the above embodiment by running the program stored in the memory 600.

[0111] Specifically, the above electronic device may further include: a communication interface 620, an input device 630, an output device 640, and a bus 650.

[0112] The processor 610, the memory 600, the communication interface 620, the input device 630, and the output device 640 are interconnected through the bus. Among them:

[0113] The bus 650 may include a path for transmitting information between various components of the computer system.

[0114] The processor 610 may be a general-purpose processor, such as a general-purpose central processing unit (CPU), a microprocessor, etc., or may be an application-specific integrated circuit (ASIC), or one or more integrated circuits for controlling the execution of the program of the present invention. It may also be a digital signal processor (DSP), an application-specific integrated circuit (ASIC), a field-programmable gate array (FPGA) or other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components.

[0115] The processor 610 may include a main processor and may also include a baseband chip, a modem, etc.

[0116] The program for implementing the technical solution of the present invention is stored in the memory 600, and the operating system and other key services may also be stored. Specifically, the program may include program code, and the program code includes computer operation instructions. More specifically, the memory 600 may include a read-only memory (ROM), other types of static storage devices that can store static information and instructions, a random access memory (RAM), other types of dynamic storage devices that can store information and instructions, a disk memory, a flash memory, and so on.

[0117] The input device 630 may include devices for receiving data and information input by a user, such as a keyboard, a mouse, a camera, a scanner, a light pen, a voice input device, a touch screen, a pedometer, or a gravity sensor, etc.

[0118] The output device 640 may include devices for allowing information to be output to a user, such as a display screen, a printer, a speaker, etc.

[0119] The communication interface 620 may include devices of any transceiver type for communicating with other devices or communication networks, such as an Ethernet, a radio access network (RAN), a wireless local area network (WLAN), etc.

[0120] The processor 610 executes the program stored in the memory 600 and calls other devices, and can be used to implement each step of the display method provided in the above embodiments of the present application.

[0121] Exemplary Computer Program Product and Storage Medium

[0122] In addition to the above methods and devices, the embodiments of the present application may also be a computer program product, which includes computer program instructions, and when the computer program instructions are run by a processor, the processor is caused to execute the steps in the display method described in the embodiments of the present application.

[0123] The above computer program product may be specifically implemented in a manner of hardware, software, or a combination thereof. In an alternative embodiment, the computer program product is specifically embodied as a computer storage medium. In another alternative embodiment, the computer program product is specifically embodied as a software product, such as a Software Development Kit (SDK), etc.

[0124] The computer program product can be written in any combination of one or more programming languages for executing the program code of the operations of the embodiments of the present application. The programming languages include object-oriented programming languages such as Java, C++, etc., and also include conventional procedural programming languages such as the "C" language or similar programming languages. The program code can be executed entirely on the user's computing device, partially on the user's device, executed as an independent software package, partially on the user's computing device and partially on a remote computing device, or entirely on a remote computing device or server.

[0125] In addition, an embodiment of the present application can also be a storage medium, on which a computer program is stored, and the computer program is executed by a processor to perform the steps in the display method described in the embodiments of the present application.

[0126] In addition, an embodiment of the present application can also be a chip, which includes a processor and a data interface. The processor reads the instructions stored on the memory through the data interface to perform the steps in the display method described in the embodiments of the present application.

[0127] For the foregoing method embodiments, for the sake of simple description, they are all expressed as a series of action combinations. However, those skilled in the art should know that the present application is not limited by the described action sequence, because according to the present application, certain steps can be in other sequences or performed simultaneously. Secondly, those skilled in the art should also know that the embodiments described in the specification are all preferred embodiments, and the actions and modules involved are not necessarily essential to the present application.

[0128] It should be noted that the embodiments in this specification are all described in a progressive manner. Each embodiment focuses on the differences from other embodiments. The same or similar parts among the embodiments can be referred to each other. For the device embodiments, since they are basically similar to the method embodiments, the description is relatively simple, and the relevant parts can be referred to the partial description of the method embodiments.

[0129] The steps in the methods of the embodiments of the present application can be adjusted, combined, and deleted according to actual needs. The technical features recorded in each embodiment can be replaced or combined.

[0130] The modules and sub-modules in the devices and terminals in the embodiments of the present application can be combined, divided, and deleted according to actual needs.

[0131] In several embodiments provided by the present application, it should be understood that the disclosed terminals, devices, and methods can be implemented in other ways. For example, the terminal embodiments described above are merely illustrative. For example, the division of modules or sub-modules is only a logical function division. In actual implementation, there may be other division methods. For example, multiple sub-modules or modules can be combined or integrated into another module, or some features can be ignored or not executed. Another point is that the displayed or discussed coupling, direct coupling, or communication connection to each other can be an indirect coupling or communication connection through some interfaces, devices, or modules, and can be in electrical, mechanical, or other forms.

[0132] The modules or sub-modules described as separate components may or may not be physically separated. The components as modules or sub-modules may or may not be physical modules or sub-modules, that is, they can be located in one place, or can be distributed to multiple network modules or sub-modules. Some or all of the modules or sub-modules can be selected according to actual needs to achieve the purpose of the solution of this embodiment.

[0133] In addition, in each embodiment of the present application, the functional modules or sub-modules can be integrated in a processing module, or each module or sub-module can exist physically alone, or two or more modules or sub-modules can be integrated in one module. The above-mentioned integrated modules or sub-modules can be implemented in the form of hardware, or can be implemented in the form of software functional modules or sub-modules.

[0134] Those skilled in the art can further realize that the units and algorithm steps of each example described in combination with the embodiments disclosed in this article can be implemented by electronic hardware, computer software, or a combination of the two. To clearly illustrate the interchangeability of hardware and software, the composition and steps of each example have been generally described according to functions in the above description. Whether these functions are executed in hardware or software depends on the specific application and design constraints of the technical solution. Those skilled in the art can use different methods to implement the described functions for each specific application, but such implementation should not be considered to exceed the scope of the present application.

[0135] The steps of the method or algorithm described in combination with the embodiments disclosed in this article can be directly implemented by hardware, software units executed by a processor, or a combination of the two. The software units can be placed in a random access memory (RAM), memory, read-only memory (ROM), electrically programmable ROM, electrically erasable programmable ROM, registers, hard disk, removable disk, CD-ROM, or any other form of storage medium well-known in the technical field.

[0136] Finally, it should also be noted that in this article, relational terms such as first and second are only used to distinguish one entity or operation from another entity or operation, and do not necessarily require or imply any actual relationship or order between these entities or operations. Moreover, the term "comprising", "including" or any other variant thereof is intended to cover non-exclusive inclusion, so that a process, method, article or device comprising a series of elements not only includes those elements, but also includes other elements not expressly listed, or also includes elements inherent to such process, method, article or device. Without further limitation, an element defined by the statement "comprising an..." does not exclude the presence of additional identical elements in the process, method, article or device comprising said element.

Claims

1. A configuration editing system, characterized in that Comprising: A plurality of editors, said plurality of editors including a 2D editor and a 3D editor; An intermediate layer, said intermediate layer encapsulating a software interface, said software interface being used to invoke the 2D editor and the 3D editor; A user interface, said user interface invoking said plurality of editors through the software interface in said intermediate layer and performing relevant display, said plurality of editors sharing said user interface.

2. The configuration editing system according to claim 1, wherein Said user interface includes at least one of the following: a resource bar, a toolbar, an attribute bar, a status bar, and an editing area, and the displayable data included in each item is encapsulated in said intermediate layer.

3. The configuration editing system according to claim 1 or 2, characterized in that Communication is carried out between said user interface and said intermediate layer, and between said intermediate layer and said plurality of editors in an event-based manner.

4. The configuration editing system according to claim 1, wherein The plurality of software interfaces of said intermediate layer includes: a first type of software interface and a second type of software interface; Wherein, each software interface in said first type of software interface is used to invoke a same or similar editing function of said plurality of editors; each software interface in said second type of software interface is used to invoke an editing function of one editor that is different from other editors.

5. The configuration editing system according to claim 1, wherein Said intermediate layer further includes at least one of the following: a tab management module, a client socket module, a hotkey management module, a copy management module, a right-click menu module; Wherein, said tab management module is used to manage the editor tabs displayed in said user interface; said client socket module is used to implement communication between said configuration editing system and external devices; said hotkey management module is used to manage editor hotkeys; said copy management module is used to implement copy operations between different editor tabs; said right-click menu module is used to manage the right-click menu of said configuration editing system.

6. A display method, characterized in that, Applied to the configuration editing system according to any one of claims 1 to 5, said method includes: Sending the request information triggered by said user interface to said intermediate layer, so that said intermediate layer obtains the required information from the target editor through the encapsulated target software interface based on said request information; wherein, said target editor is one of said plurality of editors; Controlling said user interface to perform interface display according to the feedback information sent by said intermediate layer; wherein, said feedback information is the feedback based on said request information by said target editor.

7. The display method according to claim 6, wherein In the case of obtaining configuration results based on the 2D editor and the 3D editor respectively, said method further includes: When said configuration editing system is in the preview state, displaying the 3D configuration result as the background of the 2D configuration result.

8. The display method according to claim 7, wherein During the preview process, the dynamic changes of the elements representing the same object in said 3D configuration result and said 2D configuration result are implemented by reusing the same business logic code.

9. An electronic device, characterized in that, Comprising: A memory and a processor; Said memory is connected to said processor and is used to store programs; Said processor is used to implement the display method according to any one of claims 6 to 8 by running the programs in said memory.

10. A computer program product, characterized in that, A computer program is stored on said computer program product, and when said computer program is run by a processor, the display method according to any one of claims 6 to 8 is implemented.

Images