Low-code development method and system based on dynamic form

Abstract

The embodiment of the invention provides a low-code development method and system based on a dynamic form, and the system employs a micro-service architecture design, and comprises a configuration environment module, an operation environment module, and a database module. The database module is used for storing the generated codes, menus and business data; the configuration environment module is used for designing a business scene through a form, binding a data source and storing generated codes into the database module; and the operation environment module comprises various business application scenes designed by the configuration environment, namely, system application function pages, addresses for entering the pages are provided by the navigation menu, page analysis codes are provided, and a specific rendering effect is presented.

Description

Technical Field

[0001] The present application relates to the field of information technology, and in particular to a low-code development method and system based on dynamic forms. Background Art

[0002] With the urgent need for my country's enterprises to transform to intelligent manufacturing and build digital factories, more and more manufacturing companies are adopting MES / MOM systems to improve the company's internal management level. Since the business characteristics of the industry are highly customized, manufacturing companies hope to be able to combine their own business application scenarios according to business needs. A large amount of development work is concentrated on the web front-end page, and the company itself does not have advanced developers, so low-code development based on dynamic forms becomes very important. The existing low-code development is still limited to conventional business scenarios such as adding, deleting, modifying, and checking, and it is difficult to support the combination of complex business scenarios. Summary of the invention

[0003] In order to reduce the difficulty of web front-end page development, the present application provides a low-code development system and method based on dynamic forms.

[0004] In order to achieve the above-mentioned purpose, the embodiment of the present application proposes a low-code development system based on dynamic forms, which adopts a microservice architecture design, including: a configuration environment module, an operating environment module, and a database module; wherein,

[0005] Database module, used to store generated codes, menus and business data;

[0006] The configuration environment module is used to design business scenarios through forms, bind data sources, and store the generated codes in the database module;

[0007] The operating environment module includes various business application scenarios designed by the configuration environment, that is, the system application function page. The navigation menu provides the address to enter the page. The page parses the code and presents the specific rendering effect for the operator to use;

[0008] The form design of the configuration environment module generates the overall layout of the function page based on the drag-and-drop method, obtains the interface list and description through the interface discovery service, selects the interface according to the business scenario, binds it with the controls in the page, processes the data, and makes the controls into a dynamic display form; the design effect can be viewed through the preview method so that the user can further adjust the form; the designed form generates code and submits it to the code storage service, which is stored in the database for use in the operating environment;

[0009] The operating environment module requests the business application according to the configured menu. The business application obtains and parses the code, and then calls the interface to complete the display of the application scenario.

[0010] Among them, the configuration environment module includes the following submodules:

[0011] A submodule for implementing interface discovery services. It uses swagger to manage business interfaces and provides interface lists, interface descriptions, and other information for form design. Interfaces are identified through swagger annotations and added to the interface list.

[0012] A submodule for implementing code storage service, which is used to store the code generated by the form design module (generator) and encode it in base64 to avoid special characters and other reasons affecting the code storage;

[0013] A submodule for form design, used to design pages based on dragging. The designer supports common controls such as input boxes, text boxes, tree controls, list controls, menu controls, date controls, and custom controls; it supports template functions, and can store designed pages in the form of templates to improve the reuse of pages; it supports data source binding, all controls can be bound to data sources, supports mouse events, keyboard events, and supports code customization, and flexibly handles the linkage and display effects between controls; it supports CSS styles.

[0014] The submodule used for preview uses a designed page. By clicking the preview button, you can view the actual running effect and adjust the design page according to the situation.

[0015] The submodule for saving is used to generate code for the designed page when the user clicks the Save button, submit it to the code storage service, and save it in the database. Each page is a business scenario with a unique identifier, called a business identifier.

[0016] Among them, the operating environment module includes the following sub-modules:

[0017] A submodule for providing business interfaces. This submodule is developed in Java and adds swagger annotations. The interface discovery service can automatically identify and add it to the interface list. The annotations include the interface address, interface name, and parameter meanings. The business interface service provides business data services for business applications.

[0018] A submodule for providing code query services, which is used to receive requests from business applications and return the code of the business scenario. The request parameter is the unique identifier of the business scenario.

[0019] The navigation menu submodule is used to read the navigation menu configured in the database, wherein the key parameter of the navigation menu is the business identifier, which is the only condition for code query, and each menu corresponds to a business identifier, that is, a business application scenario.

[0020] A submodule used to provide business applications. The submodule is used to call the business code query service. The code query service queries the code according to the business identifier and returns it to the business application. The parser in the business application parses the code and presents the rendered page.

[0021] The database module is used to store codes, menu configurations and business data.

[0022] In order to achieve a low-code development method based on a dynamic form using a low-code development system based on a dynamic form as described in any one of claims 1 to 4, it is characterized by comprising:

[0023] Using the form design of the configuration environment module, the overall layout of the function page is generated based on the drag-and-drop method;

[0024] Obtain the interface list and description through the interface discovery service, select the interface according to the business scenario, bind it to the controls on the page, process the data, and make the controls display dynamically;

[0025] The design effect can be viewed through preview, so that users can further adjust the form; the designed form generates code and submits it to the code storage service, which is stored in the database for use in the runtime environment;

[0026] The operating environment module requests the business application according to the configured menu. The business application obtains and parses the code, and then calls the interface to complete the display of the application scenario.

[0027] The beneficial effects of the above-mentioned technical solution of the present application are as follows: The low-code development method and system based on dynamic forms proposed in the above-mentioned technical solution are not only limited to the use of conventional business, but also focus on the combination of business and the automated deployment of what is seen and what is gained. BRIEF DESCRIPTION OF THE DRAWINGS

[0028] Figure 1 This is a principle block diagram of an embodiment of the present application. DETAILED DESCRIPTION

[0029] In order to make the technical problems, technical solutions and advantages to be solved by the present application clearer, a detailed description will be given below with reference to the accompanying drawings and specific embodiments.

[0030] The embodiment of the present application proposes a low-code development method and system based on dynamic forms, which is not limited to the use of conventional business, but focuses more on the combination of business and the automated deployment of what you see and what you get. The low-code development method and system based on dynamic forms proposed in the technical solution of this application are divided into a configuration environment and an operating environment. The configuration environment designs pages by dragging and dropping, binds data sources, generates visual pages, and publishes them to the operating environment. The operating environment can browse and operate the designed pages through menu navigation.

[0031] The low-code development principle based on dynamic forms proposed in the embodiment of this application is as follows Figure 1 The form design module generates the overall layout of the functional page based on the drag-and-drop method, obtains the interface list and description through the interface discovery service, selects the interface according to the business scenario, binds it to the controls in the page, processes the data, and makes the controls into a dynamic display form; the design effect can be viewed through the preview method, and the form can be further adjusted; the designed form generates code and submits it to the code storage service, which is stored in the database for use by the operating environment; the operating environment requests the business application according to the configured menu, the business application obtains the code and parses it, and then calls the interface to complete the display of the application scenario.

[0032] like Figure 1 As shown, the low-code development system based on dynamic forms proposed in the embodiment of the present application adopts a microservice architecture design as a whole; its principle is as follows Figure 1 As shown, it includes: configuration environment, operating environment and database:

[0033] Among them, the configuration environment module is used to design business scenarios through forms, bind data sources, and store the generated code in the database module;

[0034] The operating environment module includes various business application scenarios designed by the configuration environment, that is, the system application function page. The navigation menu provides the address to enter the page. The page parses the code and presents the specific rendering effect for the operator to use;

[0035] Database module, used to store generated codes, menus and business data.

[0036] Specifically, the database module is used to store code and menu configuration and business data.

[0037] Specifically, the configuration environment module includes the following submodules:

[0038] A submodule for implementing interface discovery services. It uses swagger to manage business interfaces and provides interface lists, interface descriptions, and other information for form design. Interfaces are identified through swagger annotations and added to the interface list.

[0039] A submodule for implementing code storage service, which is used to store the code generated by the form design module (generator) and encode it in base64 to avoid special characters and other reasons affecting the code storage;

[0040] A submodule for form design, used to design pages based on dragging. The designer supports common controls such as input boxes, text boxes, tree controls, list controls, menu controls, date controls, and custom controls; it supports template functions, and can store designed pages in the form of templates to improve the reuse of pages; it supports data source binding, all controls can be bound to data sources, supports mouse events, keyboard events, and supports code customization, and flexibly handles the linkage and display effects between controls; it supports CSS styles.

[0041] The submodule used for preview uses a designed page. By clicking the preview button, you can view the actual running effect and adjust the design page according to the situation.

[0042] The submodule for saving is used to generate code for the designed page when the user clicks the Save button, submit it to the code storage service, and save it in the database. Each page is a business scenario with a unique identifier, called a business identifier.

[0043] The operating environment module includes the following submodules:

[0044] A submodule for providing business interfaces. This submodule is developed in Java and adds swagger annotations. The interface discovery service can automatically identify and add it to the interface list. The annotations include the interface address, interface name, and parameter meanings. The business interface service provides business data services for business applications.

[0045] A submodule for providing code query services, which is used to receive requests from business applications and return the code of the business scenario. The request parameter is the unique identifier of the business scenario.

[0046] The navigation menu submodule is used to read the navigation menu configured in the database, wherein the key parameter of the navigation menu is the business identifier, which is the only condition for code query, and each menu corresponds to a business identifier, that is, a business application scenario.

[0047] A submodule used to provide business applications. The submodule is used to call the business code query service. The code query service queries the code according to the business identifier and returns it to the business application. The parser in the business application parses the code and presents the rendered page.

[0048] In the above embodiments, it can be implemented in whole or in part by software, hardware, firmware or any combination thereof. When implemented using software, it can be implemented in whole or in part in the form of a computer program product. The computer program product includes one or more computer programs. When the computer program is loaded and executed on a computer, the process or function described in the embodiment of the present application is generated in whole or in part. The computer may be a general-purpose computer, a special-purpose computer, a computer network, or other programmable device. The computer program may be stored in a computer-readable storage medium, or transmitted from one computer-readable storage medium to another computer-readable storage medium, for example, the computer program may be transmitted from a website site, computer, server or data center by wired (e.g., coaxial cable, optical fiber, digital subscriber line (digital subscriber line, DSL)) or wireless (e.g., infrared, wireless, microwave, etc.) mode to another website site, computer, server or data center. The computer-readable storage medium may be any available medium that a computer can access or a data storage medium such as a server or data center that includes one or more available media integrated. The available medium may be a magnetic medium (eg, a floppy disk, a hard disk, a magnetic tape), an optical medium (eg, a high-density digital video disc (DVD)), or a semiconductor medium (eg, a solid state disk (SSD)).

[0049] A person skilled in the art may understand that the various numerical numbers such as first and second involved in the present application are only used for the convenience of description and are not used to limit the scope of the embodiments of the present application, and also indicate the order of precedence.

[0050] At least one in the present application can also be described as one or more, and a plurality can be two, three, four or more, which is not limited in the present application. In the embodiments of the present application, for a technical feature, the technical features in the technical feature are distinguished by "first", "second", "third", "A", "B", "C" and "D", etc., and there is no order of precedence or size between the technical features described by the "first", "second", "third", "A", "B", "C" and "D".

[0051] The corresponding relationships shown in each table in the present application can be configured or predefined. The values ​​of the information in each table are only examples and can be configured as other values, which are not limited by the present application. When configuring the corresponding relationship between the information and each parameter, it is not necessarily required to configure all the corresponding relationships illustrated in each table. For example, in the table in the present application, the corresponding relationships shown in some rows may not be configured. For another example, appropriate deformation adjustments can be made based on the above table, such as splitting, merging, etc. The names of the parameters shown in the titles of the above tables can also use other names that can be understood by the communication device, and the values ​​or representations of the parameters can also be other values ​​or representations that can be understood by the communication device. When implementing the above tables, other data structures can also be used, such as arrays, queues, containers, stacks, linear lists, pointers, linked lists, trees, graphs, structures, classes, heaps, hash tables or hash tables.

[0052] The predefined in the present application may be understood as defined, predefined, stored, pre-stored, pre-negotiated, pre-configured, solidified, or pre-burned.

[0053] Those of ordinary skill in the art will appreciate that the units and algorithm steps of each example described in conjunction with the embodiments disclosed herein can be implemented in electronic hardware, or a combination of computer software and electronic hardware. Whether these functions are performed in hardware or software depends on the specific application and design constraints of the technical solution. Professional and technical personnel can use different methods to implement the described functions for each specific application, but such implementation should not be considered to be beyond the scope of this application.

[0054] Those skilled in the art can clearly understand that, for the convenience and brevity of description, the specific working processes of the systems, devices and units described above can refer to the corresponding processes in the aforementioned method embodiments and will not be repeated here.

[0055] The above is only a specific implementation of the present application, but the protection scope of the present application is not limited thereto. Any person skilled in the art who is familiar with the present technical field can easily think of changes or substitutions within the technical scope disclosed in the present application, which should be included in the protection scope of the present application. Therefore, the protection scope of the present application should be based on the protection scope of the claims.

Claims

1. A low-code development system based on dynamic forms, characterized in that: The microservice architecture design is adopted, including: configuration environment module, operation environment module, and database module; among them, Database module, used to store generated codes, menus and business data; The configuration environment module is used to design business scenarios through forms, bind data sources, and store the generated codes in the database module; The operating environment module includes various business application scenarios designed by the configuration environment, that is, the system application function page. The navigation menu provides the address to enter the page. The page parses the code and presents the specific rendering effect for the operator to use; The form design of the configuration environment module generates the overall layout of the function page based on the drag-and-drop method, obtains the interface list and description through the interface discovery service, selects the interface according to the business scenario, binds it with the controls in the page, processes the data, and makes the controls into a dynamic display form; the design effect can be viewed through the preview method so that the user can further adjust the form; the designed form generates code and submits it to the code storage service, which is stored in the database for use in the operating environment; The operating environment module requests the business application according to the configured menu. The business application obtains and parses the code, and then calls the interface to complete the display of the application scenario.

2. The low-code development system based on dynamic forms according to claim 1, wherein: The configuration environment module includes the following submodules: A submodule for implementing interface discovery services. It uses swagger to manage business interfaces and provides interface lists, interface descriptions, and other information for form design. It identifies interfaces through swagger annotations and adds them to the interface list. A submodule for implementing code storage service, which is used to store the code generated by the form design module (generator) and encode it in base64 to avoid special characters and other reasons affecting the code storage; A submodule for form design, used to design pages based on dragging. The designer supports common controls such as input boxes, text boxes, tree controls, list controls, menu controls, date controls, and custom controls; it supports the template function, and can store the designed pages in the form of templates to improve the page reuse capability; Support data source binding. All controls can be bound to data sources. Support mouse events, keyboard events, and code customization. Flexible processing of linkage and display effects between controls. Support CSS styles. The submodule for preview uses a designed page. By clicking the preview button, you can view the actual running effect and adjust the design page according to the situation. The submodule for saving is used to generate code for the designed page when the user clicks the Save button, submit it to the code storage service, and save it in the database; each page is a business scenario with a unique identifier, called the business identifier.

3. The low-code development system based on dynamic forms according to claim 1, wherein: The operating environment module includes the following submodules: A submodule for providing business interfaces. This submodule is developed in Java and adds swagger annotations. The interface discovery service can automatically identify and add it to the interface list. The annotations include the interface address, interface name, and parameter meanings. The business interface service provides business data services for business applications. A submodule for providing code query services, which is used to receive requests from business applications and return the code of the business scenario. The request parameter is the unique identifier of the business scenario. The navigation menu submodule is used to read the navigation menu configured in the database, wherein the key parameter of the navigation menu is the business identifier, which is the only condition for code query. Each menu corresponds to a business identifier, that is, a business application scenario; A submodule used to provide business applications. The submodule is used to call the business code query service. The code query service queries the code according to the business identifier and returns it to the business application. The parser in the business application parses the code and presents the rendered page.

4. The low-code development system based on dynamic forms according to claim 1, wherein: The database module is used to store codes, menu configurations and business data.

5. A low-code development method based on a dynamic form using the low-code development system based on a dynamic form as described in any one of claims 1 to 4, characterized in that: include: Using the form design of the configuration environment module, the overall layout of the function page is generated based on the drag-and-drop method; Obtain the interface list and description through the interface discovery service, select the interface according to the business scenario, bind it to the controls on the page, process the data, and make the controls display dynamically; The design effect can be viewed through preview, so that users can further adjust the form; the designed form generates code and submits it to the code storage service, which is stored in the database for use in the runtime environment; The operating environment module requests the business application according to the configured menu. The business application obtains and parses the code, and then calls the interface to complete the display of the application scenario.

Images