Method for constructing system based on visual double-engine collaborative development architecture

Abstract

The invention discloses a method for constructing a system based on a visual double-engine collaborative development architecture, and relates to the technical field of software development and enterprise digital transformation. Comprising the steps that 1, a low-code platform system is constructed based on an open source framework, the system comprises a low-code development module and a visual workflow module, and 2, a visual interface design tool is provided through the low-code development module by means of a low-code development engine, interface construction and business logic writing of an application system are completed, and the visual workflow module provides a visual interface design tool. And step 3, providing a graphical workflow design interface by utilizing a visual workflow engine through a visual workflow module, and defining steps, sequence, conditions and flow direction of a business process by dragging active nodes and connecting line elements. And 4, establishing a mapping relationship between the interface elements in the low-code development engine and the workflow nodes in the visual workflow engine in a configuration manner through the low-code development module, automatically generating a flow triggering rule, triggering the workflow according to the flow triggering rule, and automatically generating the workflow according to the flow triggering rule. And dynamic updating of the interface is driven in real time in a workflow running state.

Description

Technical Field

[0001] This invention discloses a method for building a system based on a visual dual-engine collaborative development architecture, which relates to the fields of software development and enterprise digital transformation technology. Background Technology

[0002] In the current context of digital transformation, enterprises and organizations are increasingly demanding various applications. Traditional application development methods, such as pure code programming, suffer from long development cycles, high costs, high technical requirements for developers, and difficulties in later maintenance. With rapid business changes and development, traditional development methods struggle to quickly respond to new business needs and process changes. While some low-code development platforms have emerged that can reduce development difficulty and shorten development cycles to some extent, existing low-code platforms and workflow management systems are mostly independent. In actual application development, developers need to complete interface design and business logic development separately on the low-code platform, design business processes in the workflow management system, and then manually establish the connection between the two. Therefore, low-code development platforms lacking workflow support struggle to automate and standardize complex business processes, resulting in insufficient efficiency and flexibility in end-user applications. Summary of the Invention

[0003] This invention addresses the problems of existing technologies by providing a method for building a system based on a visual dual-engine collaborative development architecture. Through an innovative metadata sharing mechanism and visual linkage design, it enables the integrated and rapid construction of terminal application interfaces, business logic, and process automation. It can be widely applied to enterprise-level digital system development, business process reengineering, and cross-system collaboration scenarios, effectively improving software development efficiency and business adaptability flexibility.

[0004] The specific solution proposed in this invention is as follows:

[0005] This invention provides a method for building a system based on a visual dual-engine collaborative development architecture, comprising:

[0006] Step 1: Build a low-code platform system based on an open-source framework. The system includes a low-code development module and a visual workflow module.

[0007] Step 2: Utilize the low-code development module and the visual interface design tools provided by the low-code development engine to complete the application system's interface construction and business logic writing.

[0008] Step 3: Utilize the visual workflow module. The visual workflow engine provides a graphical workflow design interface. By dragging and dropping activity nodes and connecting lines, define the steps, sequence, conditions, and flow of the business process. Set corresponding attributes for each activity node.

[0009] Step 4: Through the low-code development module, the interface elements in the low-code development engine and the workflow nodes in the visual workflow engine are configured to establish a mapping relationship, automatically generate process triggering rules, trigger the workflow according to the process triggering rules, and drive the interface to update dynamically in real time when the workflow is running.

[0010] Furthermore, in step 2 of the method for building a system based on a visual dual-engine collaborative development architecture, a low-code development module is used to manage data through a low-code development engine, supporting multi-source heterogeneous data access and adapting to different types of data sources. In terms of business logic development, a hybrid programming model is adopted. For lightweight business scenarios, data processing is achieved by writing SQL statements; when facing complex business requirements, Java scripts are combined for in-depth development.

[0011] Furthermore, in step 4 of the method for building a system based on a visual dual-engine collaborative development architecture, the automatic generation of process triggering rules includes: adding a submit approval button to the interface of the low-code development engine, associating the button with the approval process node designed in the visual workflow engine through workflow configuration operations, and automatically generating rules that trigger the approval process when the user clicks the submit approval button.

[0012] Furthermore, in step 4 of the method for building a system based on a visual dual-engine collaborative development architecture, the interface is dynamically updated in real time during workflow execution. This includes: when a process node in the workflow changes, such as the approval process transitioning from the submission node to the review node, the interface content is automatically updated based on a low-code platform according to a pre-defined mapping relationship, displaying the corresponding handler information and approval opinion entry on the interface.

[0013] Meanwhile, the workflow execution is affected in real time by the interface operation. After modifying the form content on the interface and submitting it, the workflow continues to execute the subsequent process based on the new form data.

[0014] The advantages of this invention are:

[0015] 1. Improved Development Efficiency: Low-code development platforms eliminate the need for users to write extensive code. Users can complete interface design, data model building, and business logic definition for terminal applications simply through visual operations. Compared to traditional development methods, the development cycle is shortened by nearly 50%, and manual labor input is reduced by 60%.

[0016] 2. Enhanced Collaboration Efficiency: The introduction of the workflow engine enables automated orchestration, execution, and monitoring of business processes, allowing terminal applications to better adapt to complex business processes and improving the standardization and efficiency of collaborative processing between different departments.

[0017] 3. Enhanced System Flexibility and Scalability: The combination of a low-code platform and a workflow engine enables the system to quickly respond to changes in business needs. Users can easily modify the application interface, data model, business logic, and business processes, achieving flexible system expansion and upgrades. The system performs exceptionally well in terms of delivery speed, user experience, and ease of maintenance, exceeding customer expectations.

[0018] 4. Improve user interaction efficiency: It can simplify menus, significantly shorten the user information retrieval path, reduce user attention distraction, shorten the time for identifying target options, and effectively improve user operation efficiency and interaction experience.

[0019] 5. Multi-Terminal Adaptation: The meticulously designed multi-terminal adaptation module enables the system to run seamlessly on various terminal devices. This not only greatly expands the system's application scenarios, allowing it to flexibly adapt to diverse environments from mobile travel to fixed offices, but also successfully breaks down device limitations, attracting a wider user base. Simultaneously, this module significantly improves system compatibility, ensuring stable operation on different devices and providing users with a highly consistent and smooth high-quality experience. Both the user interface and functional response meet the user's needs on various devices. Attached Figure Description

[0020] Figure 1 This is a schematic diagram of the application process of the method of the present invention.

[0021] Figure 2 This is a schematic diagram of the system functional framework of the present invention. Detailed Implementation

[0022] The present invention will be further described below with reference to the accompanying drawings and specific embodiments, so that those skilled in the art can better understand and implement the present invention. However, the embodiments described are not intended to limit the present invention.

[0023] Example 1

[0024] This invention provides a method for building a system based on a visual dual-engine collaborative development architecture, comprising: Step 1: Building a low-code platform system based on an open-source framework, wherein the system includes a low-code development module and a visual workflow module.

[0025] Step 2: Utilize the low-code development module and the visual interface design tools provided by the low-code development engine to complete the interface construction and business logic writing of the application system. This allows for efficient completion of the application system's interface construction, enabling flexible customization of page styles and easy definition of interactive effects, achieving a WYSIWYG development experience.

[0026] Data management can also be achieved through a low-code development module using a low-code development engine. This supports multi-source heterogeneous data access and adapts to different types of data sources. For business logic development, a hybrid programming model is adopted. For lightweight business scenarios, data processing is achieved by writing SQL statements; for complex business requirements, in-depth development is combined with JavaScript. This allows for free expansion and customization of business logic, significantly improving development efficiency and system flexibility.

[0027] Step 3: Utilize the visual workflow module. The visual workflow engine provides a graphical workflow design interface. By dragging and dropping activity nodes and connecting lines, define the steps, sequence, conditions, and flow of the business process. Set corresponding attributes for each activity node, such as task owner, input / output parameters, etc.

[0028] Step 4: Through the low-code development module, the interface elements in the low-code development engine and the workflow nodes in the visual workflow engine are configured to establish a mapping relationship, automatically generate process triggering rules, trigger the workflow according to the process triggering rules, and drive the interface to update dynamically in real time when the workflow is running.

[0029] Step 4, which involves automatically generating process triggering rules, includes: adding a submit approval button to the interface of the low-code development engine, associating the button with the approval process node designed in the visual workflow engine through workflow configuration operations, and automatically generating rules that trigger the approval process when the user clicks the submit approval button.

[0030] Furthermore, during workflow execution, the interface is dynamically updated in real time. This includes: when a process node in the workflow changes, such as when the approval process transitions from the submission node to the review node, the interface content is automatically updated based on the low-code platform according to the pre-defined mapping relationship, displaying the corresponding handler information and approval comment entry on the interface.

[0031] Meanwhile, the workflow execution is affected in real time by the interface operation. After modifying the form content on the interface and submitting it, the workflow continues to execute the subsequent process based on the new form data.

[0032] This invention features an intelligent responsive layout engine that accurately identifies differences in screen size, operating system characteristics, and hardware configuration across mobile phones, tablets, computers, and various smart terminals. Based on these device parameters, the platform automatically triggers a dynamic adaptation mechanism, from intelligent scaling and layout reconstruction of interface elements to compatibility optimization of functional modules, comprehensively ensuring the smooth operation of terminal applications across different devices. Whether it's convenient one-handed operation on a small-screen phone, efficient multitasking on a large-screen computer, or the invocation of unique functions on a smart terminal, it ensures that the application is presented in its best form, providing users with a consistent and high-quality cross-terminal user experience while maintaining functional integrity.

[0033] It should be noted that not all steps and modules in the above processes and system structures are mandatory; some steps or modules can be omitted as needed. The execution order of the steps is not fixed and can be adjusted as required. The system structures described in the above embodiments can be physical or logical structures. That is, some modules may be implemented by the same physical entity, or some modules may be implemented by multiple physical entities, or they may be implemented by certain components in multiple independent devices.

[0034] The above-described embodiments are merely preferred embodiments provided to fully illustrate the present invention, and the scope of protection of the present invention is not limited thereto. Equivalent substitutions or modifications made by those skilled in the art based on the present invention are all within the scope of protection of the present invention. The scope of protection of the present invention is defined by the claims.

Claims

1. A method for building a system based on a visual dual-engine collaborative development architecture, characterized by: include: Step 1: Build a low-code platform system based on an open-source framework. The system includes a low-code development module and a visual workflow module. Step 2: Utilize the low-code development module and the visual interface design tools provided by the low-code development engine to complete the application system's interface construction and business logic writing. Step 3: Utilize the visual workflow module. The visual workflow engine provides a graphical workflow design interface. By dragging and dropping activity nodes and connecting lines, define the steps, sequence, conditions, and flow of the business process. Set corresponding attributes for each activity node. Step 4: Through the low-code development module, the interface elements in the low-code development engine and the workflow nodes in the visual workflow engine are configured to establish a mapping relationship, automatically generate process triggering rules, trigger the workflow according to the process triggering rules, and drive the interface to update dynamically in real time when the workflow is running.

2. The method for building a system based on a visual dual-engine collaborative development architecture according to claim 1, characterized in that: In step 2, data management is carried out using a low-code development engine through a low-code development module. It supports access to multi-source heterogeneous data and adapts to different types of data sources. In terms of business logic development, a hybrid programming model is adopted. For lightweight business scenarios, data processing is achieved by writing SQL statements. When facing complex business requirements, Java scripts are combined for in-depth development.

3. The method for building a system based on a visual dual-engine collaborative development architecture according to claim 1, characterized in that: Step 4 automatically generates process triggering rules, including: adding a submit approval button to the interface of the low-code development engine, associating the button with the approval process node designed in the visual workflow engine through workflow configuration operations, and automatically generating rules to trigger the approval process when the user clicks the submit approval button.

4. The method for building a system based on a visual dual-engine collaborative development architecture according to claim 1, characterized in that: Step 4 involves real-time dynamic updates to the interface during workflow execution. This includes: when a process node in the workflow changes, such as the approval process transitioning from the submission node to the review node, the interface content is automatically updated based on the low-code platform and pre-defined mapping relationships. This includes displaying the corresponding handler information and approval comment entry on the interface. Meanwhile, the workflow execution is affected in real time by the interface operation. After modifying the form content on the interface and submitting it, the workflow continues to execute the subsequent process based on the new form data.

Images