Method and system for realizing low-code framework based on flow chart mode

Abstract

The invention provides a method and system for realizing a low-code framework based on a flow chart mode, and the method comprises the steps: carrying out the configuration of the low-code framework through a graphical user interface by adopting a flow chart low-code configuration method, and dragging a component required by an interface element into a specified container in a visual dragging mode; using configuration items of a container, configuring parameter settings of a container operation environment and behaviors, using configuration items of components, defining parameter settings of functions and options of each component, and developing a graphical user interface; and component functions and options of the low-code framework are displayed through a visual graphical user interface, and configuration and management are performed through clicking and dragging operations. According to the method, the overall research and development cost and the trial and error cost of software development are reduced, the controllability of the overall research and development cost and the trial and error cost is guaranteed, the problem that the deviation between the landing function and the actual demand in the traditional software platform development process is large is solved, and the rapid landing efficiency in the software platform development process is effectively improved.

Description

Technical Field

[0001] The present invention relates to the technical field of low-code software development; specifically, to a method and system for implementing a low-code framework based on a flowchart. Background Art

[0002] With the rapid development of modern society, enterprises have an increasingly higher demand for informatization. The accompanying business scenarios are becoming more and more complex. The construction cost of business informatization systems is also increasing, and the cost of trial and error is also increasing. The deviation between actual demand and implementation functions is getting bigger and bigger.

[0003] Flowcharts play a key role in fully understanding the business process. First, flowcharts can express business processes simply and clearly. Flowcharts are more intuitive than text descriptions, and are easier to understand and remember. Secondly, flowcharts are usually attached to product documentation to provide readers with a reference for business understanding. In addition, software flowcharts are used to clarify the business process of a project. Its symbols such as circles, diamonds, and rectangles represent the beginning, judgment or branch, and process, respectively, which helps to clearly show the direction of the business.

[0004] Prototype design plays a vital role in software development. It is not only a diagram that dynamically simulates the final form of the software, but also an effective communication tool. The prototype connects product managers and UI designers, and conveys product requirements to designers and developers in a graphical form. With the development of prototyping tool technology, prototypes have gradually transitioned from the relatively simple and rough wireframe stage in the past to the medium and high fidelity stage today. From independent single interfaces to multiple forms of interaction, they can all be presented on prototypes, which are more realistic and detailed than the original wireframes.

[0005] The traditional software development process usually involves multiple customer demand surveys, which eventually form detailed demand documents, prototype design based on the detailed demand documents, confirmation with customers after the prototype design is completed, and modification again. This process is repeated many times to form feasible development requirements, which results in a large development workload. Moreover, in the final development process, there will still be a large deviation between the actual demand and the implemented functions, which often overturns the previously designed framework for reconstruction, resulting in high overall development costs and trial and error costs. Summary of the invention

[0006] In view of this, the purpose of the present invention is to improve the efficiency of rapid implementation in the process of software platform development, realize rapid prototyping through flowcharts, quickly realize business function requirements through a low-code framework, and reduce the overall R&D cost and trial-and-error cost of software platform development, reduce the workload of repeated development, ensure the controllability of the overall R&D cost and trial-and-error cost, and effectively solve the problem of large deviation between the implemented functions and actual needs in the traditional software platform development process.

[0007] The present invention provides a method for implementing a low-code framework based on a flowchart, comprising: Adopt the flowchart low-code configuration method, configure the low-code framework through the graphical user interface, and use the visual drag-and-drop method to drag the components required by the interface elements into the specified container; Preferably, the components required for the interface elements include: input box, drop-down box, selector, tab page, tree component, time selector, etc.; Use container configuration items to configure the parameter settings of the container's operating environment and behavior, use component configuration items to define the parameter settings of the functions and options of each component, and develop a graphical user interface; The component functions and options of the low-code framework are presented through an intuitive graphical user interface, which can be configured and managed through click and drag operations.

[0008] Furthermore, the method for defining parameter settings of functions and options of each component includes: loading already defined function nodes (preferably on the left side of the interface), displaying process assembly (preferably in the middle canvas area of ​​the interface), and connecting the defined functions according to actual needs. Each function corresponds to a configuration interface (preferably on the right side of the interface), and the parameter settings of each link can be configured through the configuration interface.

[0009] Furthermore, the method for configuring the low-code framework through a graphical user interface includes: building the logical flow of the application by dragging predefined process nodes (such as data input, logical judgment, data processing, data output, UI components, etc.), and the data flow and logical order are represented by connecting lines between the process nodes to intuitively display the program structure of the application.

[0010] Furthermore, the predefined method of the process node includes: configuring a rich node library, covering multiple types such as database operations, API calls, conditional logic, loop control, user interface components, etc., and supporting user-defined node development to meet the needs of different industries and application scenarios.

[0011] Furthermore, the method of building the logical flow of an application by dragging predefined process nodes includes: easily designing the interface layout and interaction logic of the application by configuring the UI nodes in the flowchart, automatically generating a responsive front-end page based on user input, and supporting multiple devices and browsers.

[0012] Furthermore, the method of implementing a low-code framework based on a flowchart also includes: integrating multiple data sources including relational databases, NoSQL databases, and cloud services, automatically processing data conversion and verification, and realizing automated execution of business processes through scheduled tasks or event triggering mechanisms.

[0013] Furthermore, the method of implementing a low-code framework based on a flowchart also includes: completing on-site function implementation in real time according to business needs through the platform configuration function of the development platform.

[0014] The present invention also provides a system for implementing a low-code framework based on a flowchart, and executes the method for implementing a low-code framework based on a flowchart as described above, including: Component drag module: used to configure the low-code framework through a graphical user interface using a flowchart low-code configuration method, and to drag the components required by the interface elements into the specified container using a visual drag-and-drop method; Configuration parameter module: used to use the configuration items of the container, configure the parameter settings of the container operating environment and behavior, use the configuration items of the components, define the parameter settings of the functions and options of each component, and develop the graphical user interface; Function option display module: used to display the component functions and options of the low-code framework through an intuitive graphical user interface, and configure and manage them through click and drag operations.

[0015] The method and system for implementing a low-code framework based on a flowchart in the present invention can publish system functions configured and implemented by dragging and dropping as public services. Other similar projects can reuse this system function as a template, reducing the workload of repeated development; it can not only meet the user's current known needs, but also allow the user to meet some potential needs in the future through a visual drag-and-drop method; the development platform supports code generation, and users can perform secondary development on the generated local code to complete the development of business functions for more complex scenarios.

[0016] The present invention also provides a computer-readable storage medium having a computer program stored thereon, which, when executed by a processor, implements the steps of the method for implementing a low-code framework based on a flowchart as described above.

[0017] The present invention also provides a computer device, which includes a memory, a processor, and a computer program stored in the memory and executable on the processor. When the processor executes the program, the steps of the method for implementing a low-code framework based on the flowchart as described above are implemented.

[0018] Compared with the prior art, the present invention has the following beneficial effects: The method and system for implementing a low-code framework based on a flowchart provided by the present invention can not only meet the current known needs of users, but also meet future potential needs by users themselves through a visual drag-and-drop method; for existing system functions configured and implemented by dragging and dropping, they can be published as public services, and other similar projects can reuse this function as a template, effectively reducing the workload of repetitive development; the development platform supports code generation, and through secondary development on the generated local code, it can complete the development of business functions for more complex scenarios, reducing the overall R&D cost and trial-and-error cost of software platform development, ensuring the controllability of the overall R&D cost and trial-and-error cost, and solving the problem of large deviations between the implemented functions and actual needs in the traditional software platform development process, effectively improving the efficiency of rapid implementation in the software platform development process. BRIEF DESCRIPTION OF THE DRAWINGS

[0019] Various other advantages and benefits will become apparent to those of ordinary skill in the art by reading the following detailed description of the preferred embodiment.The drawings are only for the purpose of illustrating the preferred embodiments and are not to be construed as limiting the invention.

[0020] In the attached picture: Figure 1 An actual interface diagram of configuring a low-code framework through a graphical user interface according to an embodiment of the present invention; Figure 2 A flowchart of a method for implementing a low-code framework based on a flowchart method of the present invention; Figure 3 The figure is a schematic diagram of the structure of a computer device according to an embodiment of the present invention. DETAILED DESCRIPTION

[0021] Exemplary embodiments will be described in detail herein, examples of which are shown in the accompanying drawings. When the following description refers to the drawings, the same numbers in different drawings represent the same or similar elements unless otherwise indicated. The implementations described in the following exemplary embodiments do not represent all implementations consistent with the present disclosure. Instead, they are merely examples of systems and products consistent with some aspects of the present disclosure as detailed in the appended claims.

[0022] The terms used in this disclosure are for the purpose of describing specific embodiments only and are not intended to limit the disclosure. The singular forms of "a", "said" and "the" used in this disclosure and the appended claims are also intended to include plural forms unless the context clearly indicates otherwise. It should also be understood that the term "and / or" used herein refers to and includes any or all possible combinations of one or more associated listed items.

[0023] It should be understood that although the terms first, second, third, etc. may be used in the present disclosure to describe various information, such information should not be limited to these terms. These terms are only used to distinguish the same type of information from each other. For example, without departing from the scope of the present disclosure, the first information may also be referred to as the second information, and similarly, the second information may also be referred to as the first information. Depending on the context, the word "if" as used herein may be interpreted as "at the time of" or "when" or "in response to determining".

[0024] The embodiments of the present invention are described in further detail below.

[0025] The embodiment of the present invention provides a method for implementing a low-code framework based on a flowchart, see Figure 2 As shown, the following steps are included: S1. Use the flowchart low-code configuration method to configure the low-code framework through the graphical user interface, and use the visual drag-and-drop method to drag the components required by the interface elements into the specified container; The components required for interface elements include: input box, drop-down box, selector, tab, tree component, time selector, etc. S2. Use the configuration items of the container to configure the parameter settings of the container operating environment and behavior, use the configuration items of the components to define the parameter settings of the functions and options of each component, and develop the graphical user interface; S3. The component functions and options of the low-code framework are displayed through an intuitive graphical user interface, and configured and managed through click and drag operations.

[0026] like Figure 1 As shown, the defined function nodes are loaded on the left side of the interface, and the process assembly is displayed in the middle canvas area of ​​the interface. The functions defined on the left side of the interface are connected according to actual needs. The right side of the interface is the configuration interface corresponding to each function, and the parameter settings of each link are configured through the configuration interface.

[0027] By dragging and dropping predefined process nodes, including data input, logical judgment, data processing, data output, UI components, etc., the logical flow of the application is constructed. The flow nodes are connected by connecting lines to represent the data flow and logical order, intuitively displaying the program structure of the application.

[0028] A rich node library is configured, covering database operations, API calls, conditional logic, loop control, user interface components and other types, supporting user-defined node development to meet the needs of different industries and application scenarios.

[0029] By configuring the UI nodes in the flowchart, you can easily design the interface layout and interaction logic of the application. Responsive front-end pages can be automatically generated based on user input, and support multiple devices and browsers.

[0030] This embodiment integrates multiple data sources (including relational databases, NoSQL databases, and cloud services), automatically handles data conversion and verification, and realizes automated execution of business processes through scheduled tasks or event triggering mechanisms.

[0031] This embodiment can complete the on-site function implementation in real time according to business needs through the platform configuration function of the development platform.

[0032] An embodiment of the present invention further provides a system for implementing a low-code framework based on a flowchart, and executes the method for implementing a low-code framework based on a flowchart as described above, including: Component drag module: used to configure the low-code framework through a graphical user interface using a flowchart low-code configuration method, and to drag the components required by the interface elements into the specified container using a visual drag-and-drop method; Configuration parameter module: used to use the configuration items of the container, configure the parameter settings of the container operating environment and behavior, use the configuration items of the components, define the parameter settings of the functions and options of each component, and develop the graphical user interface; Function option display module: used to display the component functions and options of the low-code framework through an intuitive graphical user interface, and configure and manage them through click and drag operations.

[0033] The method and system for implementing a low-code framework based on a flowchart in an embodiment of the present invention achieves rapid prototyping through a flowchart, and what you see is what you get, which can quickly realize business function requirements. The system functions configured and implemented by dragging and dropping can be published as public services, and other similar projects can reuse this system function as a template, reducing the workload of repeated development; it can not only meet the user's current known needs, but also allow the user to meet some potential needs in the future through a visual drag-and-drop method; the development platform supports code generation, and users can perform secondary development on the generated local code to complete the development of business functions for more complex scenarios.

[0034] An embodiment of the present invention further provides a computer device, Figure 3 is a schematic diagram of the structure of a computer device provided by an embodiment of the present invention; see the accompanying drawings Figure 3As shown, the computer device includes: an input system 23, an output system 24, a memory 22 and a processor 21; the memory 22 is used to store one or more programs; when the one or more programs are executed by the one or more processors 21, the one or more processors 21 implement the method for implementing a low-code framework based on a flowchart as provided in the above embodiment; wherein the input system 23, the output system 24, the memory 22 and the processor 21 can be connected via a bus or other means, Figure 3 The example of connecting through bus is taken in the following.

[0035] The memory 22 is a readable and writable storage medium of a computing device, which can be used to store software programs, computer executable programs, such as the program instructions corresponding to the method for implementing a low-code framework based on a flowchart as described in an embodiment of the present invention; the memory 22 may mainly include a program storage area and a data storage area, wherein the program storage area may store an operating system and at least one application required for a function; the data storage area may store data created according to the use of the device, etc.; in addition, the memory 22 may include a high-speed random access memory, and may also include a non-volatile memory, such as at least one disk storage device, a flash memory device, or other non-volatile solid-state storage device; in some instances, the memory 22 may further include a memory remotely arranged relative to the processor 21, and these remote memories may be connected to the device via a network. Examples of the above-mentioned network include, but are not limited to, the Internet, an intranet, a local area network, a mobile communication network, and combinations thereof.

[0036] The input system 23 may be used to receive input digital or character information, and to generate key signal input related to user settings and function control of the device; the output system 24 may include display devices such as display screens.

[0037] The processor 21 executes various functional applications and data processing of the device by running software programs, instructions and modules stored in the memory 22, that is, implements the above-mentioned method of implementing a low-code framework based on a flowchart.

[0038] The computer device provided above can be used to execute the method for implementing a low-code framework based on a flowchart provided in the above embodiment, and has corresponding functions and beneficial effects.

[0039] The embodiment of the present invention also provides a storage medium containing computer executable instructions, which are used to execute the method of implementing a low-code framework based on a flowchart as provided in the above embodiment when executed by a computer processor. The storage medium is any of various types of memory devices or storage devices, and the storage medium includes: installation media, such as CD-ROM, floppy disk or tape system; computer system memory or random access memory, such as DRAM, DDRRAM, SRAM, EDO RAM, Rambus RAM, etc.; non-volatile memory, such as flash memory, magnetic media (such as hard disk or optical storage); registers or other similar types of memory elements, etc.; the storage medium may also include other types of memory or a combination thereof; in addition, the storage medium may be located in a first computer system in which the program is executed, or may be located in a different second computer system, which is connected to the first computer system via a network (such as the Internet); the second computer system may provide program instructions to the first computer for execution. The storage medium includes two or more storage media that can reside in different locations (for example, in different computer systems connected via a network). The storage medium can store program instructions (for example, specifically implemented as a computer program) that can be executed by one or more processors.

[0040] Of course, the storage medium containing computer executable instructions provided by an embodiment of the present invention, whose computer executable instructions are not limited to the method for implementing a low-code framework based on a flowchart as described in the above embodiment, can also execute related operations in the method for implementing a low-code framework based on a flowchart provided in any embodiment of the present invention. So far, the technical solutions of the present invention have been described in conjunction with the preferred embodiments shown in the accompanying drawings. However, it is easy for those skilled in the art to understand that the protection scope of the present invention is obviously not limited to these specific embodiments. Without departing from the principle of the present invention, those skilled in the art can make equivalent changes or substitutions to the relevant technical features, and the technical solutions after these changes or substitutions will fall within the protection scope of the present invention.

[0041] The above description is only a preferred embodiment of the present invention and is not intended to limit the present invention. For those skilled in the art, the present invention may have various modifications and variations. Any modification, equivalent replacement, improvement, etc. made within the spirit and principle of the present invention shall be included in the protection scope of the present invention.

Claims

1. A method for implementing a low-code framework based on a flowchart, characterized in that: include: Adopt the flowchart low-code configuration method, configure the low-code framework through the graphical user interface, and use the visual drag-and-drop method to drag the components required by the interface elements into the specified container; Use container configuration items to configure the parameter settings of the container's operating environment and behavior, use component configuration items to define the parameter settings of the functions and options of each component, and develop a graphical user interface; The component functions and options of the low-code framework are presented through an intuitive graphical user interface, which can be configured and managed through click and drag operations.

2. According to the method for implementing a low-code framework based on a flowchart method according to claim 1, it is characterized in that: The method for defining the parameter settings of the functions and options of each component includes: loading the defined function nodes, displaying the process assembly, connecting the defined functions according to actual needs, each function corresponds to a configuration interface, and configuring the parameter settings of each link through the configuration interface.

3. The method for implementing a low-code framework based on a flowchart according to claim 2 is characterized in that: The method for configuring a low-code framework through a graphical user interface includes: building a logical process of an application by dragging predefined process nodes, and connecting lines between the process nodes to represent data flow and logical order, intuitively displaying the program structure of the application.

4. The method for implementing a low-code framework based on a flowchart according to claim 3 is characterized in that: The predefined methods of the process nodes include: configuring a rich node library, covering multiple types of database operations, API calls, conditional logic, loop control, and user interface components, and supporting user-defined node development to meet the needs of different industries and application scenarios.

5. The method for implementing a low-code framework based on a flowchart according to claim 3 is characterized in that: The method of constructing the logical flow of an application by dragging predefined flow nodes includes: configuring UI nodes in a flow chart, designing the interface layout and interaction logic of the application, and automatically generating a responsive front-end page according to user input.

6. The method for implementing a low-code framework based on a flowchart according to claim 1 is characterized in that: Also includes: Integrate multiple data sources including relational databases, NoSQL databases, and cloud services, automatically handle data conversion and verification, and realize automated execution of business processes through scheduled tasks or event triggering mechanisms.

7. The method for implementing a low-code framework based on a flowchart according to claim 1 is characterized in that: Also includes: Through the platform configuration function of the development platform, on-site functions can be realized in real time according to business needs.

8. A system for implementing a low-code framework based on a flowchart, executing the method for implementing a low-code framework based on a flowchart as described in any one of claims 1 to 7, characterized in that: include: Component drag module: used to configure the low-code framework through a graphical user interface using a flowchart low-code configuration method, and to drag the components required by the interface elements into the specified container using a visual drag-and-drop method; Configuration parameter module: used to use the configuration items of the container, configure the parameter settings of the container operating environment and behavior, use the configuration items of the components, define the parameter settings of the functions and options of each component, and develop the graphical user interface; Function option display module: used to display the component functions and options of the low-code framework through an intuitive graphical user interface, and configure and manage them through click and drag operations.

9. A computer-readable storage medium having a computer program stored thereon, characterized in that: When the program is executed by the processor, the steps of the method for implementing a low-code framework based on a flowchart are implemented as described in any one of claims 1-7.

10. A computer device, comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, characterized in that: When the processor executes the program, it implements the steps of the method for implementing a low-code framework based on a flowchart as described in any one of claims 1-7.

Images