Method and apparatus for integrated development environment, and device and storage medium

Abstract

According to the embodiments of the present disclosure, provided are a method and apparatus for an integrated development environment, and a device and a storage medium. The method comprises: presenting an editing interface of an integrated development environment; in the editing interface, presenting a plurality of editing components associated with a plurality of objects, wherein the plurality of editing components correspond to different areas in the editing interface; in response to receiving an interaction operation in a first editing component among the plurality of editing components, creating a target event; and on the basis of monitoring the target event which is performed by a second editing component among the plurality of editing components, updating content displayed by the second editing component. The embodiments of the present disclosure can improve the efficiency of an integrated development environment, and can improve the convenience and maintainability of the integrated development environment.

Description

Method, apparatus, device and storage medium for integrated development environment Technical Field

[0001] Example embodiments of the present disclosure generally relate to the field of computers, and more particularly, to methods, apparatuses, devices, and computer-readable storage media for an integrated development environment. Background Art

[0002] The development of integrated development environments (IDEs) is closely tied to programming languages, compiler technology, software engineering principles, and user interface design. Furthermore, as software development becomes increasingly complex, IDEs are increasingly integrating advanced features to better serve users. Improving the efficiency of IDEs is a key concern.

[0003] Summary of the Invention

[0004] In a first aspect of the present disclosure, a method for an integrated development environment is provided. The method includes: presenting an editing interface of an integrated development environment; presenting multiple editing components associated with multiple objects in the editing interface, wherein the multiple editing components correspond to different areas in the editing interface; creating a target event in response to receiving an interactive operation in a first editing component of the multiple editing components; and updating content displayed by a second editing component of the multiple editing components based on monitoring of the target event by the second editing component.

[0005] In a second aspect of the present disclosure, a device for an integrated development environment is provided. The device includes: a first presentation module configured to present an editing interface of the integrated development environment; a second presentation module configured to present multiple editing components associated with multiple objects in the editing interface, wherein the multiple editing components correspond to different areas in the editing interface; a creation module configured to create a target event in response to receiving an interactive operation in a first editing component of the multiple editing components; and an update module configured to update content displayed by a second editing component of the multiple editing components based on the second editing component's monitoring of the target event.

[0006] In a third aspect of the present disclosure, an electronic device is provided. The device includes at least one processing unit; and at least one memory coupled to the at least one processing unit and storing instructions for execution by the at least one processing unit. When executed by the at least one processing unit, the instructions cause the device to perform the method of the first aspect.

[0007] In a fourth aspect of the present disclosure, a computer-readable storage medium is provided, wherein a computer program is stored on the computer-readable storage medium, and the computer program can be executed by a processor to implement the method of the first aspect.

[0008] In a fifth aspect of the present disclosure, a computer program product is provided, which includes computer-executable instructions, and when the computer-executable instructions are executed by a processor, the method of the first aspect is implemented.

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

[0010] The above and other features, advantages and aspects of the embodiments of the present disclosure will become more apparent with reference to the following detailed description in conjunction with the accompanying drawings. In the accompanying drawings, the same or similar reference numerals represent the same or similar elements, wherein:

[0011] FIG1 shows a schematic diagram of an example environment in which embodiments of the present disclosure can be implemented;

[0012] 2A to 2F illustrate schematic diagrams of example interfaces according to some embodiments of the present disclosure;

[0013] FIG3 illustrates a flow chart of a process for integrating a development environment according to some embodiments of the present disclosure;

[0014] FIG4 shows a schematic structural block diagram of an apparatus for an integrated development environment according to certain embodiments of the present disclosure;

[0015] FIG5 shows a block diagram of an electronic device capable of implementing various embodiments of the present disclosure. DETAILED DESCRIPTION

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

[0017] It should be noted that the titles of any section / subsection provided herein are not limiting. Various embodiments are described throughout this document, and any type of embodiment may be included under any section / subsection. Furthermore, the embodiments described in any section / subsection may be combined in any manner with any other embodiments described in the same section / subsection and / or in different sections / subsections.

[0018] In the description of the embodiments of the present disclosure, the term "including" and similar terms should be understood as open inclusion, that is, "including but not limited to". The term "based on" should be understood as "based at least in part on". The term "one embodiment" or "the embodiment" should be understood as "at least one embodiment". The term "some embodiments" should be understood as "at least some embodiments". Other explicit and implicit definitions may be included below. The terms "first", "second", etc. may refer to different or the same objects. Other explicit and implicit definitions may be included below.

[0019] The embodiments of the present disclosure may involve user data, data acquisition and / or use, etc. These aspects shall comply with the corresponding laws, regulations and relevant provisions. In the embodiments of the present disclosure, all data collection, acquisition, processing, processing, forwarding, use, etc. are carried out on the premise that the user is aware of and confirms them. Accordingly, when implementing the various embodiments of the present disclosure, the types, scope of use, and usage scenarios of the data or information that may be involved should be informed to the user and the user's authorization should be obtained in an appropriate manner in accordance with the relevant laws and regulations. The specific notification and / or authorization method may vary according to the actual situation and application scenario, and the scope of the present disclosure is not limited in this respect.

[0020] If this specification and the solutions in the examples involve the processing of personal information, such processing will be done only with a legitimate basis (such as with the consent of the subject of personal information or as necessary for the performance of a contract) and only within the prescribed or agreed scope. A user's refusal to process personal information other than that required for basic functions will not affect the user's use of basic functions.

[0021] Traditional process orchestration usually requires editing a process in a single browser interface. If multiple processes need to be orchestrated or viewed simultaneously, users need to constantly click to switch between processes. Even with interface cache optimization, there are still user operation costs.

[0022] In visual process orchestration, it is difficult to display multi-resource information on a single interface, perform cross-resource editing, and implement split-screen interaction within a single interface.

[0023] Embodiments of the present disclosure provide a solution for an integrated development environment. According to the solution, an editing interface of the integrated development environment is presented; multiple editing components associated with multiple objects are presented in the editing interface, where the multiple editing components correspond to different areas in the editing interface; in response to receiving an interactive operation in a first editing component of the multiple editing components, a target event is created; and based on the monitoring of the target event by a second editing component in the multiple editing components, the content displayed by the second editing component is updated.

[0024] The embodiments of the present disclosure can realize the same-screen display and editing of multiple editing components, and can also update the content displayed by the second editing component when receiving an interactive operation in the first editing component among the multiple editing components, thereby improving the efficiency of the integrated development environment and enhancing the convenience and maintainability of the integrated development environment.

[0025] Sample Environment

[0026] FIG1 shows a schematic diagram of an example environment 100 in which embodiments of the present disclosure can be implemented. As shown in FIG1 , the example environment 100 may include an electronic device 110 .

[0027] In this example environment 100, electronic device 110 may run an application 120 that supports interface interaction. Application 120 may be any suitable type of application for interface interaction, including, but not limited to, an application for an integrated development environment (IDE). This IDE application may provide a set of tools and interfaces that allow users to orchestrate and edit processes within an integrated environment. In some embodiments, the IDE application may be used to create, modify, test, and debug processes.

[0028] A user 140 may interact with the application 120 via the electronic device 110 and / or its attached devices.

[0029] In the environment 100 of Figure 1 , if the application 120 is active, the electronic device 110 may present an interface 150 for supporting interface interaction through the application 120. The interface 150 may be an editing interface of an integrated development environment, and the editing interface may be used to display editing components.

[0030] In some embodiments, the electronic device 110 communicates with the server 130 to enable the provision of services for the application 120. The electronic device 110 can be any type of mobile terminal, fixed terminal or portable terminal, including a mobile phone, a desktop computer, a laptop computer, a notebook computer, a netbook computer, a tablet computer, a media computer, a multimedia tablet, a handheld computer, a portable game terminal, a VR / AR device, a personal communication system (PCS) device, a personal navigation device, a personal digital assistant (PDA), an audio / video player, a digital camera / camcorder, a positioning device, a television receiver, a radio broadcast receiver, an e-book device, a gaming device or any combination thereof, including accessories and peripherals of these devices or any combination thereof. In some embodiments, the electronic device 110 can also support any type of interface for the target user (such as a "wearable" circuit, etc.).

[0031] The server 130 may be a standalone physical server, a server cluster or distributed system consisting of multiple physical servers, or a cloud server that provides basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communications, middleware services, domain name services, security services, content distribution networks, and big data and artificial intelligence platforms. For example, the server 130 may include a computing system / server such as a mainframe, an edge computing node, a computing device in a cloud environment, and the like. The server 130 may provide background services for the application 120 that supports interface interaction in the electronic device 110.

[0032] A communication connection may be established between the server 130 and the electronic device 110. The communication connection may be established in a wired or wireless manner. The communication connection may include, but is not limited to, a Bluetooth connection, a mobile network connection, a Universal Serial Bus (USB) connection, a Wireless Fidelity (WiFi) connection, etc., and the embodiments of the present disclosure are not limited in this respect. In the embodiments of the present disclosure, the server 130 and the electronic device 110 may implement signaling interaction through the communication connection between the two.

[0033] It should be understood that the structure and function of the various elements in the environment 100 are described for illustrative purposes only and do not imply any limitation on the scope of the present disclosure.

[0034] Some example embodiments of the present disclosure will be described below with continued reference to the accompanying drawings.

[0035] Example Interaction

[0036] 2A to 2F illustrate example interfaces 200A to 200F according to some embodiments of the present disclosure, which may be provided by the electronic device 110 shown in FIG1 .

[0037] In some embodiments, the electronic device can present an editing interface of an integrated development environment, which can support users to arrange and edit processes in an integrated environment. In some embodiments, multiple editing components associated with multiple objects can be presented in the editing interface. The object can be an object of any appropriate type, such as a workflow, resources corresponding to a database, code resources, etc., which are not described here. The editing component can be a control or interface element on the editing interface, allowing the user to operate on a specific object, such as editing, viewing or configuring, etc. The electronic device can present multiple editing components corresponding to objects of the same type in the editing interface, and can also present multiple editing components corresponding to objects of different types, which are not described here.

[0038] As shown in Figure 2A, electronic device 110 may present, for example, interface 200A. In interface 200A, electronic device 110 may present an editing component 211 associated with workflow 210 and an editing component 221 associated with workflow 220 associated with workflow 210. Editing component 211 is used to edit workflow 210, and editing component 221 is used to edit workflow 220.

[0039] 2B , the electronic device 110 may present, for example, an interface 200B in which the electronic device may present an editing component 231 associated with the workflow 230 and an editing component 241 associated with the resource 240 corresponding to the database.

[0040] Taking FIG2C as an example, the interface 200C can be divided into multiple areas, including a top bar area 291, an activity bar area 292, a status bar area 293, a primary sidebar area 294, a main panel area 295, a secondary sidebar area 296, and a bottom bar area 297. The properties of these multiple areas can be set as needed, including position, width, height, color, etc., which will not be detailed here.

[0041] As an example, the electronic device can set the width and height of the topbar, activitybar, and statusbar to be fixed, and set the primarySidebar, mainPanel, secondarySidebar, and bottombar to be freely resizable, for example, by dragging the area edge with the mouse to achieve width and height resizing.

[0042] In some embodiments, the electronic device may display corresponding elements in these areas, where the elements may be any form of elements such as controls, icons, texts, etc.

[0043] In some embodiments, for ease of display, multiple editing components associated with multiple objects presented in the editing interface may correspond to different areas in the editing interface, and specific area information of these multiple editing components in the editing interface may be set as needed.

[0044] Taking FIG. 2A as an example, the editing component 211 and the editing component 221 may be located at the left and right sides of the interface 200A, respectively.

[0045] As an example, the electronic device may present quick access to the editing components corresponding to each object in the main sidebar area 294. Taking FIG2A as an example, the main sidebar area 294 may present a quick access 251 to the editing component corresponding to object aaa, a quick access 252 to the editing component corresponding to object bbb, a quick access 253 to the editing component corresponding to object ccc, and so on.

[0046] As another example, the electronic device may present multiple editing components associated with multiple objects in the main panel area 295, and the positions of the multiple editing components in the main panel area 295 may be set as needed. For example, the user may adjust the position of the editing component corresponding to a certain object in the main panel area 295 by sliding the editing component corresponding to the object.

[0047] In some embodiments, multiple editing components presented in the editing interface may be triggered to appear in the editing interface by resource identifiers. A resource identifier is identification information used to uniquely identify an editing component and may be any suitable identifier that uniquely identifies the editing component. In some embodiments, the resource identifier may be a name or a string. In other embodiments, the resource identifier may be a Uniform Resource Identifier (URI).

[0048] As an example, multiple editing components presented in the editing interface can be triggered to be presented in the editing interface by accessing corresponding uniform resource addresses.

[0049] In some embodiments, the URI may include multiple types, for example, may include at least a first type of URI, a second type of URI, and a third type of URI.

[0050] In some embodiments, the first type of URI may be a constant fixed URI. After receiving the predetermined operation performed on the component corresponding to the constant fixed URI, the electronic device may present unique element information. Taking FIG2C as an example, the electronic device may present a sidebar associated with a control in the activity bar in response to receiving a selection of the control, and the sidebar is unique and may include elements associated with the control. As an example, the constant fixed URI may be "abcde: / / / panel / workflow-sidebar".

[0051] In some embodiments, the second type of URI can have a built-in match method, which can be used for route matching in a react-router-like manner. It is often used for canHandle method matching and editing component rendering. It can only be used as a rule and can only be called through a matching rule template. Taking Figures 2A and 2B as examples, the workflow 220 and the tab interface corresponding to the resources in the database can be opened based on this second type of URI. As an example, the third type of URI can be "abcde: / / / project / :projectId / flow / :flowId".

[0052] In some embodiments, the third type of URI is used for unique URI matching. Multiple clicks will only open the page once. If the page is already open, the current tab interface will be selected. As an example, the third type of URI can be "abcde: / / / project / :projectId / panel / workflow-sidebar".

[0053] In some embodiments, abcde can be a fixed protocol (scheme) used to specify the access method of the resource. Project is a string corresponding to the project. Project_id represents the project identifier. Panel is a panel. Workflow-sidebar is a workflow-sidebar.

[0054] In some embodiments, all shortcut keys, panels, etc. can be obtained through URI matching.

[0055] In some embodiments, the electronic device can present an information panel in the editing interface. In response to the target editing component in multiple logical components being activated, the electronic device can display reference information associated with the target editing component in the information panel. The target editing component can be activated in any appropriate manner, such as a user can switch the focus to a specific editing component in multiple editing components by clicking or using a shortcut key, thereby activating the specific editing component. The information panel can be located in any appropriate position in the editing interface for displaying information. As an example, the information panel can be the bottom bar 297.

[0056] In some embodiments, the electronic device may display reference information corresponding to the type of the target editing component in the information panel, the reference information including status information or log information. The reference information displayed in the information panel may also be different for different editing component types. Of course, the reference information associated with the target editing component may also include error and warning information, property information, debugging information, etc., which will not be described in detail here.

[0057] The electronic device can obtain the currently activated target editing component based on the application framework (ApplicationShell) and select whether to render and what reference information to render based on the type of the target editing component. As an example, the electronic device can display the log information of the corresponding process in the information panel in response to the target editing component being a process editing component.

[0058] Taking Figure 2E as an example, if the type of the target editing component is a process editing component, and this process editing component is the editing component corresponding to process 270, the electronic device can render the log information 281 corresponding to this target editing component, that is, display the log information 281 of this process 270 in a predetermined manner in the bottom bar area 297 of the interface 200E.

[0059] In some embodiments, the electronic device may create a target event in response to receiving an interactive operation in a first editing component of multiple editing components. An interactive operation is any appropriate interaction performed by a user with the first editing component through an interface, which may include but is not limited to: a drag operation, a click operation, a pointer movement operation, a keyboard input operation, a context menu operation, and the like. Drag operations may include but are not limited to: dragenter (triggered when the drag action enters a valid drag area), dragover (triggered when an element is dragged over another element), dragleave (triggered when the drag action leaves a valid drag area), and drop (triggered when the drag action is released within the valid area). Click operations include but are not limited to: pointerdown (triggered when the mouse is pressed) and pointerup (usually triggered when the mouse is released). Pointer movement operations include but are not limited to: pointermove (triggered when a pointing device such as a mouse or stylus moves on a touch surface). Keyboard input operations include but are not limited to keydown (triggered when a key on the keyboard is pressed). Context menu operations include but are not limited to: contextmenu (triggered when the user attempts to open a context menu). A target event can be a software signal that contains detailed information about the interaction, such as the event type, timestamp, data that triggered the interaction, and so on.

[0060] In some embodiments, the electronic device can update the content displayed by the second editing component based on the second editing component's monitoring of the target event. This content is associated with the target event. For example, if the target event indicates that the target parameter in editing component a is changed from A to B, the electronic device can update the target parameter displayed by editing component a from A to B based on the editing component a's monitoring of the target event.

[0061] In some embodiments, the electronic device can set whether the editing control has monitoring permissions. Specifically, the electronic device can set the monitoring permissions corresponding to the editing control by displaying and hiding the editing component.

[0062] In some embodiments, the electronic device may, in response to receiving a request to close the second editing component, stop presenting the second component in the editing interface. The electronic device may disable the first listening service of the second editing component, which is a listening service for events. That is, the electronic device may disable the listening permission of the second editing component by hiding the second editing component in the editing interface.

[0063] Taking Figure 2A as an example, the electronic device can stop presenting the editing control 221 in the interface 200A in response to receiving a selection of the close control 222 corresponding to the editing component 221. At this time, the editing control 221 cannot monitor the events created by the editing control 211 based on the interactive operation.

[0064] In other embodiments, the electronic device may enable a second monitoring service for the third editing component in response to the third editing component being triggered and presented in the editing interface, where the second monitoring service is a monitoring service for events. That is, the electronic device may enable the monitoring permission of the third editing component by presenting the third editing component in the editing interface.

[0065] Taking Figure 2A as an example, the electronic device can respond to receiving the selection of the shortcut entry 223 of the editing component corresponding to the object eee by presenting the editing control corresponding to the object eee in the interface 200A. At this time, the editing control 223 can monitor the event created by the editing control 211 based on the interactive operation.

[0066] In some embodiments, multiple objects may include process objects. In response to receiving a preset operation, the electronic device may switch the editing interface to display only the editing components corresponding to the process object, that is, the electronic device may switch the display mode of the editing interface. The display mode may include a first display mode and a second display mode, wherein the first display mode may also be referred to as a full-screen display mode, that is, only the editing components corresponding to the process object are displayed without displaying other elements, and the second display mode may be referred to as a non-full-screen display mode, that is, not only the editing components corresponding to the process are displayed, but also other elements other than the editing components corresponding to the process object can be displayed. The predetermined operation may be any appropriate operation, such as a predetermined shortcut key being clicked, double-clicking the Tab of the process object, and so on. Taking Figure 2D as an example, an interface 200D is shown when the display mode of the electronic device is in the first display mode. Taking Figure 2E as an example, an interface 200E is shown when the display mode of the electronic device is in the second display mode.

[0067] In some embodiments, the electronic device can quickly switch between the first display mode and the second display mode based on the received predetermined operation, so that the user can focus on the arrangement of process resources and open other information panels for debugging at any time, greatly improving the efficiency of the editing workflow.

[0068] In some embodiments, the electronic device may provide a trigger control in the editing interface, where the trigger control is determined based on the activated editing component. The trigger control may be any appropriate element in the editing interface, such as a button, icon, menu item, etc., through which the user can trigger certain operations or functions. In some examples, the electronic device may provide different types of trigger controls when different editing components are activated.

[0069] In response to receiving a selection of the trigger control, the electronic device may present an additional panel associated with the activated editing component at a predetermined location on the editing interface. The predetermined location may be any suitable location, for example, the additional panel may be displayed at a specific predetermined location on the editing interface, such as a sidebar, a toolbar, a pop-up window, or the like.

[0070] As an example, toolbar controls (ToolbarItems) can be bound to a custom tab bar (CustomTabbar) by rewiring, so that users can automatically update the additional panels associated with the activated editing component displayed in the editing interface (update the operation items displayed in the toolbar) by switching the tab page corresponding to the editing component.

[0071] Taking FIG. 2F as an example, interface 200F may present multiple location links (such as link 280 and link 281) associated with various resources (which may include processes, database resources, code, etc.). These location links may be used to indicate links to resources where errors or warnings have occurred. In response to selecting link 280 in interface 200F, electronic device 110 may highlight the resource corresponding to link 280 in the node graph to indicate that an error or warning has occurred in the resource corresponding to link 280.

[0072] In some embodiments, the electronic device may highlight the resource corresponding to the link 280 in any appropriate display manner. In some embodiments, the electronic device may display the resource corresponding to the link 280 in a predetermined position on the interface 200F. The predetermined position may be any appropriate position, such as a central position. In other embodiments, the electronic device may highlight the resource corresponding to the link 280 on the interface 200F.

[0073] The embodiments of the present disclosure can realize the same-screen display and editing of multiple editing components, and can also update the content displayed by the second editing component when receiving an interactive operation in the first editing component among the multiple editing components, thereby improving the efficiency of the integrated development environment and enhancing the convenience and maintainability of the integrated development environment.

[0074] Example Process

[0075] FIG3 shows a flow chart of a process 300 for an integrated development environment according to some embodiments of the present disclosure. The process 300 may be implemented at the electronic device 110. The process 300 is described below with reference to FIG1.

[0076] In block 310 , the electronic device 110 presents an editing interface of an integrated development environment.

[0077] In block 320 , the electronic device 110 presents a plurality of editing components associated with the plurality of objects in the editing interface, where the plurality of editing components correspond to different areas in the editing interface.

[0078] In block 330 , the electronic device 110 creates a target event in response to receiving an interaction operation in a first editing component of the plurality of editing components.

[0079] In block 340 , the electronic device updates the content displayed by the second editing component based on the monitoring of the target event by the second editing component among the plurality of editing components.

[0080] In some embodiments, process 300 further includes: in response to receiving a close request for the second editing component, stopping presenting the second editing component in the editing interface; and disabling the first listening service of the second editing component.

[0081] In some embodiments, the process 300 further includes: in response to the third editing component being triggered to be presented in the editing interface, enabling a second listening service of the third editing component.

[0082] In some embodiments, the interactive operation includes at least one of the following: a drag operation, a click operation, a pointer movement operation, a keyboard input operation, and a context menu operation.

[0083] In some embodiments, the editing interface further includes an information panel, and the process 300 further includes: in response to a target editing component among the plurality of editing components being activated, displaying reference information associated with the target editing component in the information panel.

[0084] In some embodiments, displaying reference information associated with the target editing component in the information panel includes: based on the type of the target editing component, displaying reference information corresponding to the type in the information panel, the reference information including status information or log information.

[0085] In some embodiments, based on the type of the target editing component, displaying reference information corresponding to the type in the information panel includes: in response to the target editing component being a process editing component, displaying log information of the corresponding process in the information panel.

[0086] In some embodiments, process 300 also includes: providing a trigger control in the editing interface, wherein the trigger control is determined based on the activated editing component; and in response to receiving a selection of the trigger control, presenting an additional panel associated with the activated editing component at a preset position in the editing interface.

[0087] In some embodiments, the first editing component is used to edit a first process, and the second editing component is used to edit a second process associated with the first process.

[0088] In some embodiments, multiple editing components are triggered to be presented in the editing interface by accessing corresponding uniform resource addresses.

[0089] In some embodiments, the plurality of objects include a process object, and the process 300 further includes: in response to receiving a preset operation, switching the editing interface to display only editing components corresponding to the process object.

[0090] Example devices and equipment

[0091] Embodiments of the present disclosure also provide corresponding apparatuses for implementing the above-described methods or processes. FIG4 shows a schematic block diagram of an apparatus 400 for an integrated development environment according to certain embodiments of the present disclosure. Apparatus 400 may be implemented as or included in electronic device 110 as discussed above. The various modules / components in apparatus 400 may be implemented by hardware, software, firmware, or any combination thereof.

[0092] As shown in Figure 4, the device 400 includes a first presentation module 410, which is configured to present an editing interface of an integrated development environment; a second presentation module 420, which is configured to present multiple editing components associated with multiple objects in the editing interface, and the multiple editing components correspond to different areas in the editing interface; a creation module 430 is configured to create a target event in response to receiving an interactive operation in a first editing component of the multiple editing components; and an update module 440 is configured to update the content displayed by the second editing component among the multiple editing components based on the second editing component's monitoring of the target event.

[0093] In some embodiments, the device 400 also includes a stop module, configured to: stop presenting the second editing component in the editing interface in response to receiving a close request for the second editing component; and a disable module, configured to: disable the first listening service of the second editing component.

[0094] In some embodiments, the apparatus 400 further includes an enabling module configured to: in response to the third editing component being triggered to be presented in the editing interface, enable the second listening service of the third editing component.

[0095] In some embodiments, the interactive operation includes at least one of the following: a drag operation, a click operation, a pointer movement operation, a keyboard input operation, and a context menu operation.

[0096] In some embodiments, the editing interface further includes an information panel, and the apparatus 400 further includes a display module configured to: in response to activation of a target editing component among the multiple editing components, display reference information associated with the target editing component in the information panel.

[0097] In some embodiments, the display module is further configured to: based on the type of the target editing component, display reference information corresponding to the type in the information panel, where the reference information includes status information or log information.

[0098] In some embodiments, the display module is further configured to: in response to the target editing component being a process editing component, display log information of the corresponding process in the information panel.

[0099] In some embodiments, the device 400 also includes a providing module configured to: provide a trigger control in the editing interface, wherein the trigger control is determined based on the activated editing component; and a third presentation module configured to: in response to receiving a selection of the trigger control, present an additional panel associated with the activated editing component at a preset position of the editing interface.

[0100] In some embodiments, the first editing component is used to edit a first process, and the second editing component is used to edit a second process associated with the first process.

[0101] In some embodiments, multiple editing components are triggered to be presented in the editing interface by accessing corresponding uniform resource addresses.

[0102] In some embodiments, the multiple objects include a process object, and the apparatus 400 further includes: a switching module configured to: in response to receiving a preset operation, switch the editing interface to display only the editing components corresponding to the process object.

[0103] The units included in the device 400 can be implemented in various ways, including software, hardware, firmware, or any combination thereof. In some embodiments, one or more units can be implemented using software and / or firmware, such as machine executable instructions stored on a storage medium. In addition to or as an alternative to machine executable instructions, some or all of the units in the device 400 can be implemented at least in part by one or more hardware logic components. By way of example and not limitation, exemplary types of hardware logic components that can be used include field programmable gate arrays (FPGAs), application specific integrated circuits (ASICs), application specific standard products (ASSPs), systems on chip (SOCs), complex programmable logic devices (CPLDs), and the like.

[0104] FIG5 shows a block diagram of an electronic device 500 in which one or more embodiments of the present disclosure may be implemented. It should be understood that the electronic device 500 shown in FIG5 is merely exemplary and should not be construed as limiting the functionality and scope of the embodiments described herein. The electronic device 500 shown in FIG5 can be used to implement the electronic device 110 shown in FIG1 .

[0105] As shown in FIG5 , electronic device 500 is a general-purpose electronic device. Components of electronic device 500 may include, but are not limited to, one or more processors or processing units 510, memory 520, storage device 530, one or more communication units 540, one or more input devices 550, and one or more output devices 560. Processing unit 510 may be a real or virtual processor and is capable of performing various processes according to programs stored in memory 520. In a multi-processor system, multiple processing units execute computer-executable instructions in parallel to enhance the parallel processing capabilities of electronic device 500.

[0106] The electronic device 500 typically includes a plurality of computer storage media. Such media can be any accessible media that can be obtained by the electronic device 500, including but not limited to volatile and non-volatile media, removable and non-removable media. The memory 520 can be a volatile memory (e.g., a register, a cache, a random access memory (RAM)), a non-volatile memory (e.g., a read-only memory (ROM), an electrically erasable programmable read-only memory (EEPROM), flash memory), or some combination thereof. The storage device 530 can be a removable or non-removable medium and can include a machine-readable medium, such as a flash drive, a disk, or any other medium that can be used to store information and / or data (e.g., training data for training) and can be accessed within the electronic device 500.

[0107] The electronic device 500 may further include additional removable / non-removable, volatile / non-volatile storage media. Although not shown in FIG. 5 , a disk drive for reading from or writing to a removable, non-volatile disk (e.g., a “floppy disk”) and an optical drive for reading from or writing to a removable, non-volatile optical disk may be provided. In these cases, each drive may be connected to a bus (not shown) by one or more data media interfaces. The memory 520 may include a computer program product 525 having one or more program modules configured to perform various methods or actions of various embodiments of the present disclosure.

[0108] The communication unit 540 enables communication with other electronic devices via a communication medium. Additionally, the functions of the components of the electronic device 500 can be implemented in a single computing cluster or multiple computing machines that can communicate via a communication connection. Thus, the electronic device 500 can operate in a networked environment using a logical connection with one or more other servers, a network personal computer (PC), or another network node.

[0109] Input device 550 may be one or more input devices, such as a mouse, keyboard, or trackball. Output device 560 may be one or more output devices, such as a display, a speaker, or a printer. Electronic device 500 may also communicate with one or more external devices (not shown) via communication unit 540 as needed, such as a storage device, a display device, or the like, with one or more devices that allow a user to interact with electronic device 500, or with any device that allows electronic device 500 to communicate with one or more other electronic devices (e.g., a network card, a modem, etc.). Such communication may be performed via an input / output (I / O) interface (not shown).

[0110] According to an exemplary implementation of the present disclosure, a computer-readable storage medium is provided, on which computer-executable instructions are stored, wherein the computer-executable instructions are executed by a processor to implement the method described above. According to an exemplary implementation of the present disclosure, a computer program product is also provided, which is tangibly stored on a non-transitory computer-readable medium and includes computer-executable instructions, and the computer-executable instructions are executed by a processor to implement the method described above.

[0111] Various aspects of the present disclosure are described herein with reference to flowcharts and / or block diagrams of methods, apparatuses, devices, and computer program products implemented according to the present disclosure. It should be understood that each block of the flowcharts and / or block diagrams, and combinations of blocks in the flowcharts and / or block diagrams, can be implemented by computer-readable program instructions.

[0112] These computer-readable program instructions can be provided to a processing unit of a general-purpose computer, a special-purpose computer, or other programmable data processing device, thereby producing a machine, such that when these instructions are executed by the processing unit of the computer or other programmable data processing device, a device is generated that implements the functions / actions specified in one or more blocks in the flowchart and / or block diagram. These computer-readable program instructions can also be stored in a computer-readable storage medium, where these instructions cause the computer, programmable data processing device, and / or other device to operate in a specific manner. Thus, the computer-readable medium storing the instructions comprises an article of manufacture that includes instructions for implementing various aspects of the functions / actions specified in one or more blocks in the flowchart and / or block diagram.

[0113] Computer-readable program instructions can be loaded onto a computer, other programmable data processing apparatus, or other device so that a series of operational steps are performed on the computer, other programmable data processing apparatus, or other device to produce a computer-implemented process, thereby causing the instructions executed on the computer, other programmable data processing apparatus, or other device to implement the functions / actions specified in one or more boxes in the flowchart and / or block diagram.

[0114] The flow charts and block diagrams in the accompanying drawings show the possible architecture, functions and operations of the systems, methods and computer program products according to multiple implementations of the present disclosure. In this regard, each box in the flow chart or block diagram can represent a part for a module, program segment or instruction, and a part for a module, program segment or instruction comprises one or more executable instructions for realizing the logical function of the specification. In some alternative implementations, the functions marked in the box can also occur in a sequence different from that marked in the accompanying drawings. For example, two continuous boxes can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each box in the block diagram and / or flow chart, and the combination of the boxes in the block diagram and / or flow chart can be realized by a special hardware-based system that performs the function or action of the specification, or can be realized by a combination of special hardware and computer instructions.

[0115] While various implementations of the present disclosure have been described above, the foregoing description is intended to be illustrative, not exhaustive, and not limited to the disclosed implementations. Many modifications and variations will be apparent to those skilled in the art without departing from the scope and spirit of the described implementations. The terminology used herein is selected to best explain the principles of the implementations, their practical applications, or improvements to existing technologies, or to enable others skilled in the art to understand the various implementations disclosed herein.

Claims

1. A method for an integrated development environment, comprising: Presenting an editing interface of the integrated development environment; Presenting a plurality of editing components associated with a plurality of objects in the editing interface, the plurality of editing components corresponding to different regions in the editing interface; Creating a target event in response to receiving an interaction operation in a first editing component of the plurality of editing components; And Updating the content displayed by the second editing component based on the listening of the target event by a second editing component among the plurality of editing components.

2. The method according to claim 1, further comprising: Stopping presenting the second editing component in the editing interface in response to receiving a close request for the second editing component; And Disabling a first listening service of the second editing component.

3. The method according to claim 1, further comprising: Enabling a second listening service of a third editing component in response to the third editing component being triggered to be presented in the editing interface.

4. The method according to claim 1, wherein the interaction operation comprises at least one of the following: a drag operation, a click operation, a pointer movement operation, a keyboard input operation, a context menu operation.

5. The method according to claim 1, wherein the editing interface further comprises an information panel, and the method further comprises: Displaying reference information associated with a target editing component in the information panel in response to the target editing component among the plurality of editing components being activated.

6. The method according to claim 5, wherein displaying the reference information associated with the target editing component in the information panel comprises: Based on the type of the target editing component, displaying the reference information corresponding to the type in the information panel, the reference information comprising status information or log information.

7. The method according to claim 6, wherein based on the type of the target editing component, displaying the reference information corresponding to the type in the information panel comprises: In response to the target editing component being a process editing component, displaying the log information of the corresponding process in the information panel.

8. The method according to claim 1, further comprising: Providing a trigger control in the editing interface, wherein the trigger control is determined based on the activated editing component; And Presenting an additional panel associated with the activated editing component at a preset position in the editing interface in response to receiving a selection of the trigger control.

9. The method according to claim 1, wherein the first editing component is used to edit a first process, and the second editing component is used to edit a second process associated with the first process.

10. The method according to claim 1, wherein the plurality of editing components are triggered to be presented in the editing interface by accessing corresponding uniform resource addresses.

11. The method according to claim 1, wherein the plurality of objects comprise process objects, and the method further comprises: Switching the editing interface to only display the editing components corresponding to the process objects in response to receiving a preset operation.

12. An apparatus for an integrated development environment, comprising: A first rendering module, configured to render an editing interface of an integrated development environment; A second rendering module, configured to render a plurality of editing components associated with a plurality of objects in the editing interface, the plurality of editing components corresponding to different regions in the editing interface; A creation module, configured to create a target event in response to receiving an interaction operation in a first editing component of the plurality of editing components; And An update module, configured to update the content displayed by the second editing component based on the monitoring of the target event by the second editing component among the plurality of editing components.

13. An electronic device, comprising: At least one processing unit; And At least one memory, the at least one memory being coupled to the at least one processing unit and storing instructions for execution by the at least one processing unit, the instructions, when executed by the at least one processing unit, causing the electronic device to perform the method according to any one of claims 1 to 11.

14. A computer-readable storage medium, having stored thereon a computer program, the computer program being executable by a processor to implement the method according to any one of claims 1 to 11.

15. A computer program product, comprising computer-executable instructions, wherein the computer-executable instructions, when executed by a processor, implement the method according to any one of claims 1 to 11. ​

Images