Dynamic form generation method and device, storage medium and computer program

Abstract

The invention relates to a dynamic form generation method and device, a storage medium and a computer program. The method comprises the steps that a data model is generated through a data table; performing form page configuration by utilizing the data model to generate page configuration data; inputting and analyzing the page configuration data, and assembling the page configuration data into storage data; and performing page data display based on the page configuration data. According to the method, the problems that an existing enterprise information system is difficult to expand and long in development period are solved, the development threshold is lowered based on drag-and-drop type page configuration, and therefore it is guaranteed that the system can be flexibly, rapidly and conveniently expanded.

Description

Technical Field

[0001] This disclosure relates to the field of dynamic page technology, and in particular to a dynamic form generation method, device, storage medium, and computer program. Background Technology

[0002] With the continuous development of network technology and the intensification of enterprise informatization, more and more companies are investing significant human and material resources in their IT infrastructure development. During this process, business expansion necessitates the modification of existing IT systems, and database-based systems require even greater investment of human, material, and financial resources for such modifications.

[0003] New IT projects, due to the uncertainty of business operations, often require continuous system modifications after development, depending on different business scenarios or inherent uncertainties. Limitations of conventional system development frameworks, difficulties in personnel coordination, increased challenges for new employees modifying existing systems, and longer development cycles all contribute to the impact on the usability of business systems and, consequently, the progress of new business initiatives. Summary of the Invention

[0004] This disclosure provides a dynamic form generation method, device, storage medium, and computer program to solve the problems of difficult expansion and long development cycles in current enterprise information systems. The drag-and-drop page configuration reduces the development threshold, thereby ensuring that the system can be expanded flexibly, quickly, and conveniently.

[0005] Firstly, this disclosure provides a method for generating dynamic forms, including:

[0006] Generate data models using data tables;

[0007] The data model is used to configure the form page to generate page configuration data;

[0008] Enter and parse the page configuration data, and assemble the page configuration data into data to be stored in the database;

[0009] Page data is displayed based on the page configuration data.

[0010] In some embodiments, the data model includes a business data model and a general data model, wherein the business data model is obtained by modeling a business data table, and the general data model is obtained by modeling a general data table.

[0011] In some embodiments, configuring form pages using the data model to generate page configuration data includes:

[0012] Using the business data model and business components, drag-and-drop page editing is performed to generate the field correspondence between the business components and the business data model;

[0013] Using the general data model and general components, drag-and-drop page editing is performed to generate a unique code for the general component and the corresponding auxiliary information, as well as the field correspondence between the general component and the general data model;

[0014] Page configuration data is obtained from the data model generated after the page is edited.

[0015] In some embodiments, the step of recording and parsing the page configuration data, and assembling the page configuration data into database data, includes:

[0016] Load the page configuration data and render the page;

[0017] The business component data and general component data in the page configuration data are parsed separately and the page is rendered.

[0018] The business component data is assembled into inbound data based on the business data model, and the general component data is assembled into inbound data based on the general data model. The inbound data is then added to the business database through the backend interface.

[0019] In some embodiments, displaying page data based on the page configuration data includes:

[0020] Load the page configuration data and render the components to generate the page;

[0021] The business data model and business components, as well as the general data model and general components, are parsed from the business database.

[0022] The basic business logic is displayed on the form page based on the business data model and business components, while the extended fields are displayed on the form page based on the general data model and general components.

[0023] In some embodiments, before configuring the form page using the data model to generate page configuration data, the method further includes: obtaining the business data model and the general data model from the business library of the drag-and-drop page generation platform.

[0024] In some embodiments, the drag-and-drop page generation platform is pre-built based on a low-code platform.

[0025] In a second aspect, this disclosure provides a computer device including a memory, a processor, and a computer program stored in the memory, wherein the processor executes the computer program to implement the steps of the dynamic form generation method described above.

[0026] Thirdly, this disclosure provides a computer-readable storage medium having a computer program stored thereon, which, when executed by a processor, implements the steps of the dynamic form generation method described above.

[0027] Fourthly, this disclosure provides a computer program product, including a computer program / instructions that, when executed by a processor, implement the steps of the dynamic form generation method described above.

[0028] This disclosure provides a dynamic form generation method, device, storage medium, and computer program, namely a data model-driven dynamic form generation method and apparatus, which improves the difficulty of expanding existing systems and the long expansion cycle of new systems. Based on drag-and-drop page configuration, it lowers the development threshold, thereby ensuring that the system can be expanded flexibly, quickly, and conveniently, thus accelerating the information pace of enterprises.

[0029] Compared with existing traditional technical solutions, this technical solution makes it easy to expand and upgrade the business of old systems or expand the business of new systems. Moreover, the operation is done by dragging and dropping, which can lower the development threshold. Even business personnel can quickly complete the business expansion of business forms, which greatly reduces the investment of human, financial and material resources in business expansion. Attached Figure Description

[0030] The present disclosure will be described in more detail below based on embodiments and with reference to the accompanying drawings:

[0031] Figure 1 This is a flowchart of a dynamic form generation method provided in an embodiment of the present disclosure.

[0032] Figure 2 A flowchart illustrating the generation of page configuration data provided in this embodiment of the disclosure.

[0033] Figure 3 This is a flowchart illustrating the assembly of data into a database, as provided in an embodiment of this disclosure.

[0034] Figure 4 A flowchart illustrating the display of page data provided in this embodiment of the disclosure.

[0035] In the accompanying drawings, the same parts are referred to by the same reference numerals, and the drawings are not drawn to scale. Detailed Implementation

[0036] To enable those skilled in the art to better understand the technical solutions of this disclosure, and to fully understand and implement the process of how this disclosure applies technical means to solve technical problems and achieve corresponding technical effects, the technical solutions in the embodiments of this disclosure will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only some embodiments of this disclosure, not all embodiments. The embodiments of this disclosure and the various features within them can be combined with each other without conflict, and the resulting technical solutions are all within the protection scope of this disclosure. All other embodiments obtained by those skilled in the art based on the embodiments of this disclosure without creative effort should fall within the protection scope of this disclosure.

[0037] It should be noted that the terms "first," "second," etc., in the specification, claims, and accompanying drawings of this disclosure are used to distinguish similar objects and are not necessarily used to describe a specific order or sequence. It should be understood that such data can be interchanged where appropriate so that the embodiments of this disclosure described herein can be implemented in orders other than those illustrated or described herein. Furthermore, the terms "comprising" and "having," and any variations thereof, are intended to cover non-exclusive inclusion; for example, a process, method, system, product, or apparatus that comprises a series of steps or units is not necessarily limited to those steps or units explicitly listed, but may include other steps or units not explicitly listed or inherent to such processes, methods, products, or apparatus.

[0038] It should be noted that the steps shown in the flowchart in the accompanying drawings can be executed in a computer system such as a set of computer-executable instructions, and although a logical order is shown in the flowchart, in some cases the steps shown or described may be executed in a different order than that shown here.

[0039] To address the challenges of extending business functionality on form pages in traditional enterprise information systems, including code redundancy, high learning costs, and numerous problems for deployment and maintenance personnel, this disclosure provides a data model-driven, drag-and-drop configured dynamic form generation method. This method includes the following steps:

[0040] (1) The drag-and-drop page generation platform based on low code used in this method is pre-built, hereinafter referred to as "low code platform";

[0041] (2) On the low-code platform, complete the business data modeling based on the business data table and generate the business data model; complete the general data modeling based on the general data table in advance and generate the general data model.

[0042] (3) On the low-code platform, complete the general data modeling based on the general data table, and generate the general data model on the low-code front-end configuration platform;

[0043] (4) When configuring the page on the low-code platform, first select the business data model, then enter the page editor, drag and drop the page business components into the page, and establish the relationship between the components and the fields in the business data model.

[0044] (5) In the page edited in (4), drag and drop the general component into the page, generate the unique code of the component and some auxiliary information of the component, and establish the field correspondence between the general component and the general data model. The general component can be infinitely expanded to meet the needs of business expansion.

[0045] (6) Store the page data generated by the page editor, including business components, custom components, and the page layout of each component, as well as the relationship between components and data models;

[0046] (7) When using it, the parser of the low-code platform will parse the page data generated in (6) and restore it into a page. With the help of the interface, the tree can be entered and displayed.

[0047] The technical solution disclosed herein can quickly develop new form pages or expand business on existing form pages. It is easy to use and can be dragged and dropped, which lowers the development threshold. Even business personnel can quickly complete the business expansion of business forms, greatly reducing the human, financial and material resources required for business expansion. This ensures that the system can be expanded flexibly, quickly and conveniently, thereby accelerating the enterprise's information pace.

[0048] Example 1

[0049] Figure 1 This is a flowchart illustrating a dynamic form generation method provided in an embodiment of this disclosure. Figure 1 As shown, a dynamic form generation method based on a data model includes the following specific steps:

[0050] S1, Use data tables to generate data models;

[0051] Specifically, when configuring a page on a low-code platform, the first step is to maintain the business data table as a data model on the low-code platform.

[0052] S2, Use the data model to configure the form page to generate page configuration data;

[0053] S3, input and parse the page configuration data, and assemble the page configuration data into database data;

[0054] S4, Display page data based on the page configuration data.

[0055] It should be noted that the technical solution disclosed herein is based on a drag-and-drop page generation platform built on a low-code platform. After generating the data model, the platform sequentially completes the form page configuration process, the form data entry process, and the form data display process. These three processes work together to complete a full lifecycle of page generation, data entry, and data display.

[0056] Compared with existing technologies, the technical solution disclosed herein can quickly develop new form pages or expand business on existing form pages. It is easy to use and can be dragged and dropped.

[0057] Example 2

[0058] Based on the above embodiments, the data model includes a business data model and a general data model, wherein the business data model is obtained by modeling the business data table, and the general data model is obtained by modeling the general data table.

[0059] Specifically, a business data model and a general data model are generated based on a drag-and-drop page generation platform. That is, the business data table modeling and the general data table modeling are completed on the drag-and-drop page generation platform to generate the business data model and the general data model respectively.

[0060] Example 3

[0061] Based on the above embodiments, such as Figure 2 As shown, the step of using the data model to configure the form page to generate page configuration data includes:

[0062] S201, using the business data model and business components, perform drag-and-drop page editing to generate the field correspondence between the business components and the business data model;

[0063] S202, using the general data model and general components to perform drag-and-drop page editing, generating the unique code of the general component and the corresponding auxiliary information of the general component, as well as the field correspondence between the general component and the general data model;

[0064] S203, obtain page configuration data based on the data model generated after the page is edited.

[0065] In other words, configuring form pages and generating page configuration data based on the aforementioned business data model and general data model includes the following steps:

[0066] After selecting the business data model, enter the page editor. Drag and drop business components onto the page and establish the field correspondence between the business components and the business data model.

[0067] On the editing page, select the general data model, drag and drop the general components onto the page, generate the unique code of the general components and the corresponding auxiliary information of the general components, and establish the field correspondence between the general components and the general data model;

[0068] The page configuration data generated by the page editor is stored. The page configuration data includes business components, custom components, the page layout of each component, and the field correspondence between each component and the data model.

[0069] It's important to note that business components, based on the business design, only need to meet the minimum data mandatory validation for business operations through drag-and-drop functionality. Other data can be dynamically expanded. General components can be infinitely expanded to meet the ever-increasing demands of form page processing. Page development is completed through drag-and-drop component creation; the effect is immediately visible, significantly lowering the barrier to entry and complexity of page development, thereby improving development efficiency and reducing development costs.

[0070] Example 4

[0071] Based on the above embodiments, such as Figure 3 As shown, the step of inputting and parsing the page configuration data, and assembling the page configuration data into database data, includes:

[0072] S301, Load the page configuration data and render the page;

[0073] S302, parse the business component data and general component data in the page configuration data respectively and render the page;

[0074] S303: Based on the business data model, the business component data is assembled into inbound data, and based on the general data model, the general component data is assembled into inbound data. The inbound data is then added to the business database through the backend interface.

[0075] It should be noted that in the form data entry process, the parser based on the low-code platform parses the page data generated in the form page configuration process, and assembles it into the backend page database data according to the data relationships and the entered data.

[0076] Example 5

[0077] Based on the above embodiments, such as Figure 4As shown, the display of page data based on the form page configuration data includes:

[0078] S401, Load the page configuration data and render the components to generate the page;

[0079] S402, parse the business data model and business components, as well as the general data model and general components from the business database;

[0080] S403, based on the business data model and business components, completes the display style of basic business on the form page, and at the same time, based on the general data model and general components, completes the display style of extended fields on the form page.

[0081] Specifically, the basic business logic is displayed on the form page based on the business data model and business components; the extended fields are displayed on the form page based on the general data model and general components; together, they constitute the complete data display of the entire business form page.

[0082] It should be noted that in the form data display process, the parser based on the low-code platform parses the page data generated in the form page configuration process and parses the data returned by the backend interface. The two together constitute the data page display.

[0083] Example 6

[0084] Based on the above embodiments, before using the data model to configure the form page to generate page configuration data, the method further includes: obtaining the business data model and the general data model from the business library of the drag-and-drop page generation platform.

[0085] Based on the above embodiments, the drag-and-drop page generation platform is pre-built on a low-code platform.

[0086] Compared with the prior art, the technical solution provided in this disclosure has the following technical advantages:

[0087] 1) Based on drag-and-drop page configuration, the development threshold is lowered, thus ensuring that the system can be expanded flexibly, quickly and conveniently, thereby accelerating the enterprise's information pace.

[0088] 2) It can solve the limitations of conventional system development systems, difficulties in personnel coordination, code redundancy, increased difficulty for new employees to transform old systems, and longer development cycles, and solve the problems of business system use and the development of new business in enterprises more efficiently.

[0089] 3) With the continuous development of network technology and the intensification of enterprise informatization, it provides strong technical support for the reliable, flexible and rapid completion of new informatization projects.

[0090] Example 7

[0091] Based on the above embodiments, this embodiment provides a computer device, including a memory, a processor, and a computer program stored in the memory, wherein the processor executes the computer program to implement the steps of the method described in the above embodiments.

[0092] In some embodiments of this example, a computer-readable storage medium is provided, on which a computer program is stored, characterized in that the computer program, when executed by a processor, implements the steps of the method described in the above embodiments.

[0093] In some embodiments of this example, a computer program product is provided, including a computer program / instructions, characterized in that the computer program, when executed by a processor, implements the steps of the method described in the above embodiments.

[0094] The processor may include, but is not limited to, one or more processors or microprocessors. Each processor may be implemented as an Application Specific Integrated Circuit (ASIC), Digital Signal Processor (DSP), Digital Signal Processing Device (DSPD), Programmable Logic Device (PLD), Field Programmable Gate Array (FPGA), controller, microcontroller, microprocessor, or other electronic component, for executing the methods in the above embodiments.

[0095] Computer-readable storage media can be implemented by any type of volatile or non-volatile storage device or a combination thereof. Computer-readable storage media may include, but are not limited to, random access memory (RAM), read-only memory (ROM), flash memory, EPROM memory, EEPROM memory, registers, and computer storage media (e.g., hard disks, floppy disks, solid-state drives, removable disks, CD-ROMs, DVD-ROMs, Blu-ray discs, etc.).

[0096] Computer-readable storage media may also store at least one computer-executable program / instruction, such as computer-readable instructions. Computer-readable storage media include, but are not limited to, volatile memory and / or non-volatile memory. Volatile memory may include, for example, random access memory (RAM) and / or cache memory. Computer-readable storage media may include, for example, read-only memory (ROM), hard disk, flash memory, etc. For example, a non-transitory computer-readable storage medium may be connected to a computing device such as a computer, and then, when the computing device executes the computer-readable instructions stored on the computer-readable storage medium, the various methods described above can be performed.

[0097] In addition, the computer device may include (but is not limited to) a data bus, an input / output (I / O) bus, a display, and input / output devices (e.g., keyboard, mouse, speakers, etc.).

[0098] The processor can communicate with external devices via the I / O bus through wired or wireless networks.

[0099] In one embodiment, the at least one computer-executable instruction may also be compiled into or comprise a software product / computer program product, wherein one or more computer-executable instructions are executed by a processor to perform the steps of the various functions and / or methods in the embodiments described herein.

[0100] In the embodiments provided in this disclosure, it should be understood that the disclosed apparatus and methods can also be implemented in other ways. The apparatus embodiments described above are merely illustrative; for example, the flowcharts and block diagrams in the accompanying drawings illustrate the architecture, functionality, and operation of possible implementations of apparatus, methods, and computer program products according to various embodiments of this disclosure. In this regard, each block in a flowchart or block diagram may represent a module, segment, or portion of code containing one or more executable instructions for implementing a specified logical function. It should also be noted that in some alternative implementations, the functions marked in the blocks may occur in a different order than those marked in the drawings. For example, two consecutive blocks may actually be executed substantially in parallel, and they may sometimes be executed in reverse order, depending on the functions involved. It should also be noted that each block in a block diagram and / or flowchart, and combinations of blocks in block diagrams and / or flowcharts, can be implemented using a dedicated hardware-based system that performs the specified function or action, or using a combination of dedicated hardware and computer instructions.

[0101] It should be noted that, in this disclosure, the terms "comprising," "including," or any other variations thereof are intended to cover non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements includes not only those elements but also other elements not expressly listed, or elements inherent to such a process, method, article, or apparatus. Without further limitation, an element limited by the phrase "comprising one..." does not exclude the presence of other identical elements in the process, method, article, or apparatus that includes that element.

[0102] While the embodiments disclosed herein are as described above, the foregoing content is merely for the purpose of facilitating understanding of this disclosure and is not intended to limit this disclosure. Any person skilled in the art to which this disclosure pertains may make any modifications and changes in form and detail of the implementation without departing from the spirit and scope of this disclosure; however, the scope of patent protection of this disclosure shall still be determined by the scope defined in the appended claims.

Claims

1. A dynamic form generation method, characterized in that: include: Generate data models using data tables; Performing form page configuration using the data model to generate page configuration data; Entering and parsing the page configuration data, and assembling the page configuration data into storage data; The page data is displayed based on the page configuration data.

2. The dynamic form generation method according to claim 1, characterized in that: The data model includes a business data model and a general data model, wherein the business data model is obtained by modeling a business data table, and the general data model is obtained by modeling a general data table.

3. The dynamic form generation method according to claim 2, characterized in that: The step of configuring the form page using the data model to generate page configuration data includes: Perform drag-and-drop page editing using the business data model and the business components to generate a field correspondence between the business components and the business data model; Perform drag-and-drop page editing using the common data model and common components to generate a unique code of the common component and auxiliary information corresponding to the common component, as well as a corresponding relationship between the fields of the common component and the common data model; The page configuration data is obtained according to the data model generated after the page is edited.

4. The dynamic form generation method according to claim 3, characterized in that: The step of inputting and parsing the page configuration data and assembling the page configuration data into storage data includes: Load the page configuration data and render the page; Respectively parse the business component data and the general component data in the page configuration data and render the page; The business component data are assembled into storage data based on the business data model, and the general component data are assembled into storage data based on the general data model, and the storage data are added to the business library for processing through the background interface.

5. The dynamic form generation method according to claim 4, characterized in that: The displaying of page data based on the page configuration data includes: Load the page configuration data and render the component to generate the page; Parsing the business data model and business components, as well as the general data model and general components from the business library; The display style of basic business on the form page is completed based on the business data model and business components, and the display style of extended fields on the form page is completed based on the common data model and common components.

6. The dynamic form generation method according to claim 2, characterized in that: Before using the data model to configure the form page to generate page configuration data, the method further includes: acquiring the business data model and the general data model from a business library of a drag-and-drop page generation platform.

7. The dynamic form generation method according to claim 6, characterized in that: The drag-and-drop page generation platform is pre-built based on the low-code platform.

8. A computer device comprising a memory, a processor and a computer program stored in the memory, characterized in that: The processor executes the computer program to implement the steps of the dynamic form generation method according to any one of claims 1 to 7.

9. A computer-readable storage medium having a computer program stored thereon, characterized in that: When the computer program is executed by a processor, the steps of the dynamic form generation method according to any one of claims 1 to 7 are implemented.

10. A computer program product, characterized in that When the computer program is executed by a processor, the steps of the dynamic form generation method according to any one of claims 1 to 7 are implemented.

Images