Process visualization arrangement engine and method based on large model technology

Abstract

The invention discloses a process visualization orchestration engine and method based on a large model technology, and relates to the technical field of software process orchestration, and the process visualization orchestration engine based on the large model technology comprises a bidirectional editing core module which is used for supporting canvas editing and code editing of a workflow; the intelligent difference analysis rendering module is used for driving bidirectional change synchronization of code editing and canvas editing based on a response type mapping relation between the bidirectional editing core module and bottom layer node configuration data, and deciding an optimal rendering strategy to realize updating; the mixed checking module comprises static type checking and dynamic checking, and the dynamic checking automatically verifies the compatibility of node interfaces in the configuration process, prompts logic errors in real time and guarantees the executable performance of the process; millisecond-level synchronization of editing operation and rendering updating is realized; invalid redrawing operation is reduced; the error detection accuracy is improved; and the arrangement efficiency of the complex process is improved.

Description

TECHNICAL FIELD

[0001] The present application relates to the technical field of software process orchestration, in particular to a process visualization orchestration engine and method based on large model technology. BACKGROUND

[0002] In the prior art, due to the lack of visualization development tools and standardized component libraries, the development process is highly dependent on manual experience, resulting in poor code logic reusability. In addition, error checking can only be done by line-by-line debugging, further reducing development efficiency. For example: process solidification is difficult to adjust: in the traditional development mode, if a "user information change automatically triggers permission re-verification" process is added to the existing system, the core code needs to be modified and recompiled and deployed, the whole process is time-consuming and long, and may affect the stability of the existing system; therefore, based on this status quo, there is an urgent need to develop a process visualization orchestration engine and method based on large model technology to meet the actual needs. SUMMARY

[0003] Therefore, the present application aims to solve the problems in the prior art, and the main purpose is to provide a process visualization orchestration engine and method based on large model technology, which realizes millisecond-level synchronization of editing operation and rendering update, reduces invalid redrawing operation, improves error detection accuracy, and improves the efficiency of complex process orchestration.

[0004] To achieve the above purpose, the technical scheme adopted by the present application is as follows: A process visualization orchestration engine based on large model technology, comprising: A bidirectional editing core module for supporting canvas editing and code editing of the workflow; An intelligent difference analysis rendering module based on the responsive mapping relationship between the bidirectional editing core module and the underlying node configuration data, driving the bidirectional change synchronization of code editing and canvas editing, and deciding the optimal rendering strategy to realize updating; A hybrid verification module including static type checking and dynamic checking, which automatically verifies node interface compatibility, real-time prompts logical errors and ensures the executability of the process during configuration.

[0005] As a preferred scheme: the bidirectional editing core module includes a canvas editing mode and a code editing mode, which supports dragging pre-configured components from the node library, building business processes through canvas connection in the canvas editing mode, and directly editing structured data of the process to define node logical relationship and data flow rules in the code editing mode.

[0006] As a preferred solution: the canvas editing mode and the code editing mode are synchronized and support seamless switching, and the synchronization of the canvas editing mode and the code editing mode includes a conversion process of canvas operation to data update and a synchronization process of code editing to canvas rendering.

[0007] As a preferred solution: the conversion process of canvas operation to data update includes that the system establishes an accurate mapping relationship between the canvas operation of the canvas editing mode and the underlying data, and synchronizes node movement processing and attribute modification.

[0008] As a preferred solution: the synchronization process of code editing to canvas rendering specifically includes change detection, difference analysis and directional update rendering by using an intelligent difference analysis rendering module.

[0009] As a preferred solution: the dynamic verification includes interface compatibility verification and real-time error feedback, and the interface compatibility verification includes multi-dimensional type system verification, protocol compliance verification and data flow checking.

[0010] As a preferred solution: the real-time error feedback includes multi-level visual marker feedback, intelligent feedback and positioning navigation function feedback.

[0011] As a preferred solution: the intelligent difference analysis rendering module uses a Proxy-based responsive data binding mechanism.

[0012] As a preferred solution: the Proxy-based responsive data binding mechanism specifically includes establishing a deep proxy of a configuration object, triggering accurate update notification for attribute modification, and minimizing delivery of change sets.

[0013] A use method of the process visualization and orchestration engine based on large model technology includes the following steps: First, the bidirectional editing core module uses canvas editing and code editing to perform graphical orchestration and structured definition of the workflow; the bidirectional editing core module supports dragging pre-configured components from a node library, building a business process through canvas connection by using a canvas editing mode; a code editing mode directly edits structured data of the process, defines node logical relationship and data flow rule; Second, the intelligent difference analysis rendering module performs real-time listening to configuration change events according to the responsive mapping relationship between the bidirectional editing core module and the underlying node configuration data, executes deep difference analysis and influence domain evaluation, drives bidirectional change synchronization of the code editing and the canvas editing, and decides an optimal rendering strategy to realize update; Third, static type checking and dynamic verification in the hybrid verification module are used for verification together, the dynamic verification automatically verifies node interface compatibility, real-time prompts logical errors and guarantees the executability of the process during the configuration process.

[0014] The present application has obvious advantages and beneficial effects compared with the prior art. Specifically, from the above technical solution, it can be known that: First, by adopting the canvas editing mode and code editing mode in the bidirectional editing core module, millisecond-level synchronization of editing operation and rendering update is realized. Second, by adopting the bidirectional editing core module, invalid redrawing operations are reduced. Third, by adopting the intelligent difference analysis rendering module and the hybrid verification module, the error detection accuracy is improved. Fourth, by adopting the process visualization arrangement engine based on large model technology provided by the present application, the arrangement efficiency of complex processes is improved.

[0015] To make the structure characteristics and effects of the present application clearer, specific embodiments will be described in detail below with reference to the accompanying drawings. BRIEF DESCRIPTION OF DRAWINGS

[0016] Fig. 1 A module block diagram of the process visualization arrangement engine based on large model technology of the present application; Fig. 2 A flowchart of the use method of the process visualization arrangement engine based on large model technology of the present application. DETAILED DESCRIPTION

[0017] As shown in the present application, Figs. 1-2 A process visualization arrangement engine based on large model technology, comprising: A bidirectional editing core module for supporting canvas editing and code editing of a workflow; An intelligent difference analysis rendering module based on the responsive mapping relationship between the bidirectional editing core module and the underlying node configuration data, driving the bidirectional change synchronization of code editing and canvas editing, and deciding the optimal rendering strategy to realize updating; A hybrid verification module including static type checking and dynamic verification, which automatically verifies node interface compatibility, real-time prompts logical errors and ensures the executability of the process during the configuration process.

[0018] The bidirectional editing core module includes a canvas editing mode and a code editing mode. The bidirectional editing core module supports dragging pre-configured components from a node library, building a business process through canvas connection in the canvas editing mode; and directly editing structured data of the process, defining node logical relationship and data flow rule in the code editing mode.

[0019] The canvas editing mode and the code editing mode are synchronized and support seamless switching. The synchronization of the canvas editing mode and the code editing mode includes a conversion process from canvas operation to data update and a synchronization process from code editing to canvas rendering.

[0020] The conversion process of the canvas operation to data update includes: the system establishes the accurate mapping relationship between the canvas editing mode of the canvas operation and the underlying data, node movement processing, and attribute modification synchronization.

[0021] Bidirectional editing synchronization: modifying the canvas connection automatically updates the underlying data structure, adjusting the code logic triggers the canvas re-rendering, and ensuring the consistency of the process logic and visual display.

[0022] The system establishes the accurate mapping relationship between the canvas operation and the underlying data: connection operation conversion: converts graphical connection to standard connection description object, including source node identifier, target node identifier, and data transmission type, etc. core attributes; node movement processing: real-time capture node coordinate changes, update the corresponding layout data, and maintain spatial index structure; attribute modification synchronization: directly map the visual editing attribute adjustment to the corresponding field of the configuration data.

[0023] The synchronization process from code editing to canvas rendering is as follows: using intelligent difference analysis rendering module for change detection, difference analysis and directional update rendering.

[0024] Change detection: identify data structure changes through deep comparison algorithm, build change impact range model; difference analysis: determine the redraw strategy according to the change type (node topology / style attribute / connection relationship); directional update: based on the change impact analysis results, select the rendering mode of full layout or local redraw.

[0025] The dynamic verification includes interface compatibility verification and real-time error feedback, which includes multi-dimensional type system verification, protocol compliance verification and data flow checking.

[0026] Type system verification: perform strict data type matching check, including basic type compatibility and composite type structure consistency.

[0027] Protocol compliance verification: verify whether the node interface conforms to the predefined communication protocol specification.

[0028] Data flow checking: ensure that the connection direction is consistent with the input and output direction defined by the interface.

[0029] The real-time error feedback includes multi-level visual marker feedback, intelligent feedback and positioning navigation function feedback.

[0030] Visual marker system: use hierarchical warning marks (serious errors / warning prompts) to mark abnormal elements; Intelligent prompt mechanism: show detailed error description and repair suggestions through the floating panel; Positioning navigation function: support fast positioning from visual elements to corresponding code location.

[0031] The intelligent difference analysis rendering module adopts a Proxy-based responsive data binding mechanism.

[0032] The Proxy-based responsive data binding mechanism specifically includes establishing a deep proxy of a configuration object, triggering accurate update notifications for attribute modifications, and minimizing the transmission of changes (only transmitting the different parts).

[0033] Architecture design: Integrate canvas editing and code editing dual-core modules to support graphical arrangement and structured definition of workflows. In visual mode, developers can drag pre-configured components from the node library and build business processes through canvas wiring. In code mode, developers can directly edit the structured data of the process, define node logic relationships and data flow rules, and seamlessly switch between the two modes.

[0034] Synchronization process: Configuration changes → generate difference package → rendering engine receives → local DOM update; Millisecond-level synchronization guarantee: Characteristics of pure front-end implementation scheme: (1) No network transmission link (eliminate network delay) (2) Memory-level data sharing (in-process communication) (3) Use micro-task queue scheduling (ensure UI thread priority) Performance indicators: (1) Simple property update: <5ms (2) Structure change processing: <20ms Exception handling design Error isolation mechanism: (1) Fall back to the last valid state when rendering fails; (2) Yellow border warning for error components; (3) Console output detailed error stack.

[0035] Data consistency guarantee: (1) Generate operation snapshot before each change; (2) Use atomic update strategy; (3) Key operations support undo / redo.

[0036] JSON code → data model: (1) Use fault-tolerant parsing strategy (allow missing non-key fields); (2) Type coercion (string "true" → boolean true); (3) Automatically fill in default values (use type default icon if icon field is not provided.

[0037] Bidirectional editing core module: used to support canvas editing and code editing for workflow.

[0038] Beneficial effects: meet the usage habits and professional backgrounds of different users. For users who are more skilled in graphical operation, canvas editing can intuitively build workflows; for users familiar with code, code editing can more accurately and efficiently define complex logical relationships and rules, widening the tool's scope of application and improving user efficiency.

[0039] The use of pre-configured components improves the speed of process construction, and users do not need to create each node from scratch, reducing repetitive labor. At the same time, the two editing modes meet the needs of business process construction and logic rule definition from the perspectives of graphics and code, respectively, making the design of workflows more comprehensive and in-depth.

[0040] The seamless switching function allows users to flexibly switch between different editing modes and choose the most suitable way to operate according to actual needs, improving the convenience of operation. The bidirectional synchronization mechanism ensures that the data remains consistent regardless of which editing mode the user uses, avoiding errors and repetitive work caused by inconsistent data.

[0041] Precise mapping relationship ensures that operations on the canvas accurately reflect in the underlying data, and node movement processing and attribute modification synchronization ensure the real-time and accuracy of data. This makes any operation performed by the user on the canvas updated to the system in a timely manner, avoiding problems caused by data lag.

[0042] Intelligent difference analysis rendering module: based on the responsive mapping relationship between the bidirectional editing core module and the underlying node configuration data, it drives the bidirectional change synchronization of code editing and canvas editing, and decides the optimal rendering strategy to realize updating. The responsive mapping relationship ensures the close connection between code editing and canvas editing, the bidirectional change synchronization makes the modifications under the two editing modes synchronized in a timely manner, improving the efficiency of editing and the consistency of data. The optimal rendering strategy ensures that the rendering is done in the fastest and most accurate way when updating, improving the user experience.

[0043] Through change detection and differential analysis, the system can accurately identify changes in code editing and render updates accordingly, avoiding unnecessary global rendering and improving rendering efficiency. Directional update rendering ensures that only the changed parts are updated, reducing rendering time and improving system response speed. The Proxy-based responsive data binding mechanism can monitor data changes in real time and automatically trigger corresponding update operations. This allows the system to respond to user editing operations in a timely manner, ensuring data and view consistency and improving system stability and reliability. Deep proxy can comprehensively monitor configuration object changes, and attribute modification triggers accurate update notifications to ensure only relevant parts are updated, reducing unnecessary operations. Change set minimization reduces data transmission costs and improves system performance.

[0044] Hybrid verification module: including static type checking and dynamic verification, which automatically verifies node interface compatibility, real-time prompts logical errors and ensures the executability of the process during configuration. Static type checking and dynamic verification verify the process from different angles. Dynamic verification checks in real-time during configuration, which can quickly find node interface compatibility problems and logical errors, avoiding problems found during process execution, improving process executability and reliability. Multi-dimensional interface compatibility verification can comprehensively check the type, protocol and data flow of node interface, ensuring normal communication and cooperation between nodes. Real-time error feedback allows users to quickly understand the problem so that they can correct it as soon as possible, improving configuration accuracy and efficiency. Multi-level feedback provides users with more comprehensive and intuitive error information. Visual marker feedback allows users to quickly locate the problem, intelligent feedback provides detailed error causes and solutions, and positioning navigation feedback helps users quickly find problem nodes, improving problem-solving efficiency.

[0045] Two-way editing advantage: The two-way editing core module provides canvas editing mode and code editing mode to meet the usage habits of different users. Users familiar with graphical operations can use the canvas editing mode to drag pre-configured components from the node library and intuitively build business processes through canvas wiring; while users familiar with code can directly edit the structured data of the process through the code editing mode, quickly define node logical relationships and data flow rules, improving editing flexibility and efficiency.

[0046] Editor synchronization advantage: The intelligent difference analysis rendering module realizes the bidirectional change synchronization of code editing and canvas editing based on responsive mapping relationship. The canvas editing mode and code editing mode are synchronized and support seamless switching. Whether it is the conversion process from canvas operation to data update or the synchronization process from code editing to canvas rendering, the data consistency and real-time performance in both editing modes are ensured. At the same time, the responsive data binding mechanism based on Proxy is adopted to accurately trigger update notifications and minimize change set transmission, improving rendering efficiency and accuracy.

[0047] Verification advantage: The dynamic verification function in the hybrid verification module is powerful. It automatically verifies node interface compatibility during configuration, verifies through multi-dimensional type system, protocol compliance verification and data flow checking to ensure the correctness of node interface; real-time error feedback, multi-level visual marking feedback, intelligent feedback and positioning navigation feedback to help users find and solve problems in time, ensuring the executability and stability of the process.

[0048] Users can choose canvas editing mode or code editing mode for process arrangement according to their needs. During editing, the intelligent difference analysis rendering module will monitor editing operations in real time to realize bidirectional change synchronization of code editing and canvas editing. The hybrid verification module will automatically verify during configuration. When users configure nodes, dynamic verification will automatically verify node interface compatibility. If there is a logical error, it will prompt the user in time through real-time error feedback.

[0049] The bidirectional editing core module provides flexible editing methods to meet the needs of different users; the intelligent difference analysis rendering module ensures the real-time performance and accuracy of editing; the hybrid verification module ensures the executability and stability of the process. These innovations and advantages make this arrangement engine have significant competitiveness in the field of process visualization arrangement.

[0050] A method for using a process visualization arrangement engine based on large model technology, comprising the following steps: First, the bidirectional editing core module uses canvas editing and code editing for graphical arrangement and structured definition of workflow; the bidirectional editing core module supports dragging pre-configured components from the node library, building business processes through canvas connection in canvas editing mode; code editing mode directly edits structured data of the process, defines node logic relationship and data flow rule; Second, the intelligent difference analysis rendering module performs real-time listening to configuration change events based on the responsive mapping relationship between the bidirectional editing core module and the underlying node configuration data, executes deep difference analysis and impact domain evaluation, drives bidirectional change synchronization of code editing and canvas editing, and decides the optimal rendering strategy to realize updating; Third, the verification is performed by combining static type checking and dynamic verification in the hybrid verification module. During the configuration process, dynamic verification automatically verifies the compatibility of node interfaces, provides real-time prompts for logical errors, and ensures the executability of the process.

[0051] The key design focus of this invention is: First, by adopting the canvas editing mode and code editing mode in the bidirectional editing core module, millisecond-level synchronization between editing operations and rendering updates is achieved; Second, the adoption of a two-way editing core module reduces unnecessary redrawing operations; Third, the accuracy of error detection was improved by adopting an intelligent difference analysis rendering module and a hybrid verification module; Fourth, the process visualization orchestration engine based on large model technology provided in this application improves the orchestration efficiency of complex processes.

[0052] The above description is merely a preferred embodiment of the present invention and does not constitute any limitation on the technical scope of the present invention. Therefore, any minor modifications, equivalent changes, and alterations made to the above embodiments based on the technical essence of the present invention shall still fall within the scope of the technical solution of the present invention.

Claims

1. A process visualization orchestration engine based on large model technology, characterized in that: include: The bidirectional editing core module supports both canvas editing and code editing in the workflow. Intelligent Difference Analysis Rendering Module: Based on the responsive mapping relationship between the bidirectional editing core module and the underlying node configuration data, it drives the bidirectional change synchronization of code editing and canvas editing, and decides the optimal rendering strategy to implement updates; Hybrid verification module: Includes static type checking and dynamic verification. The dynamic verification automatically verifies node interface compatibility, provides real-time prompts for logical errors, and ensures the executability of the process during the configuration process.

2. The process visualization orchestration engine based on large model technology according to claim 1, characterized in that: The bidirectional editing core module includes a canvas editing mode and a code editing mode. This bidirectional editing core module supports dragging pre-configured components from the node library and building business processes by connecting canvas lines through the canvas editing mode; the code editing mode directly edits the structured data of the process and defines the logical relationships between nodes and data flow rules.

3. The process visualization orchestration engine based on large model technology according to claim 2, characterized in that: The canvas editing mode and code editing mode are synchronized and support seamless switching. The synchronization of canvas editing mode and code editing mode includes the conversion process from canvas operation to data update and the synchronization process from code editing to canvas rendering.

4. The process visualization orchestration engine based on large model technology according to claim 3, characterized in that: The conversion process from canvas operation to data update includes: the system establishing a precise mapping relationship between canvas operations in canvas editing mode and underlying data, node movement processing, and attribute modification synchronization.

5. The process visualization orchestration engine based on large model technology according to claim 3, characterized in that: The synchronization process from code editing to canvas rendering specifically involves using an intelligent difference analysis rendering module for change detection, difference analysis, and targeted update rendering.

6. The process visualization orchestration engine based on large model technology according to claim 1, characterized in that: The dynamic verification includes interface compatibility verification and real-time error feedback. The interface compatibility verification includes multi-dimensional type system verification, protocol compliance verification, and data flow inspection.

7. The process visualization orchestration engine based on large model technology according to claim 6, characterized in that: The real-time error feedback includes multi-level visual marker feedback, intelligent feedback, and positioning and navigation function feedback.

8. The process visualization orchestration engine based on large model technology according to claim 1, characterized in that: The intelligent difference analysis rendering module adopts a proxy-based reactive data binding mechanism.

9. The process visualization orchestration engine based on large model technology according to claim 8, characterized in that: The proxy-based reactive data binding mechanism specifically includes: establishing a deep proxy for configuration objects, triggering precise update notifications when attributes are modified, and minimizing the propagation of change sets.

10. A method of using the process visualization orchestration engine based on large model technology as described in any one of claims 1-9, characterized in that: Includes the following steps: First, the bidirectional editing core module uses canvas editing and code editing for graphical arrangement and structured definition of workflows; this bidirectional editing core module supports dragging pre-configured components from the node library, building business processes by connecting canvas lines through canvas editing mode; and directly editing the structured data of the process in code editing mode, defining node logical relationships and data flow rules. Second, the intelligent difference analysis and rendering module, based on the responsive mapping relationship between the bidirectional editing core module and the underlying node configuration data, performs in-depth difference analysis and impact domain assessment by listening to configuration change events in real time, drives the bidirectional change synchronization of code editing and canvas editing, and decides the optimal rendering strategy to implement the update. Third, the verification is performed by combining static type checking and dynamic verification in the hybrid verification module. During the configuration process, dynamic verification automatically verifies the compatibility of node interfaces, provides real-time prompts for logical errors, and ensures the executability of the process.

Images