A dynamic data form generation method and system

Abstract

The application discloses a dynamic data form generation method and system, and the method comprises the following steps: defining component data structure and chart data structure in a data table; receiving a user-side data form customization request, and creating a data form component according to the component data structure and the chart data structure; generating and outputting a data form view based on the data form component; wherein, after receiving the user-side data form customization request, the data form component is dynamically created and customized edited according to the component data structure and the chart data structure, and the data form view is generated, so that enterprises and users can customize the data form in a low-code manner according to actual needs, which is simpler and faster, the complex parameter configuration and code writing of the data form are avoided, the generality and ease of use of the data form development platform are improved, and the development and use cost of the data form and the use threshold of the platform are reduced.

Description

Technical Field

[0001] This application relates to the field of database technology, and more specifically, to a method and system for generating dynamic data forms. Background Technology

[0002] Nowadays, internet products have benefited every corner of the world, and various application software and projects have become mature and are generally developing towards simplicity and ease of use. As a result, highly reusable and configurable low-code projects, whether on PC or mobile, have seen great development.

[0003] Regarding the advantages of low-code, especially in front-end display, many low-code users believe it offers greater collaboration, faster development, and lower costs. Specifically, low-code projects can significantly reduce page and visual development costs, greatly accelerating development time and cycles. For enterprises, it helps meet project requirements, enabling rapid development and iteration, thus helping them seize fleeting market opportunities. For clients, it allows for customization of products based on their preferences, enhancing the bond between businesses and customers.

[0004] However, due to the short market time and immaturity of configurable and customizable low-code products, the current situation is chaotic. Some low-code products are filled with a lot of configuration information and parameters that are difficult for enterprises and users to understand, which increases the learning cost for enterprises and users. Some products have unreasonable or unromantic underlying code in the early stage, which greatly increases the difficulty of later iteration and modification, and may even be more difficult to develop and maintain than customized products.

[0005] In summary, there is a growing market demand for configurable and customizable low-code products. However, the different low-code platforms currently available each have their own standards, making it difficult for businesses and users to choose the right one. Furthermore, some low-code platforms are not perfect, leading to increased development and usage costs. In fact, development costs may even increase, making them less practical and useful than traditional internet products.

[0006] Therefore, it is necessary to introduce a new method and system that can help enterprises and users customize data forms more easily and quickly in a low-code manner according to their actual needs. At the same time, it can solve the technical problems of inconsistent standards and imperfections of low-code platforms in existing technologies, which make it difficult for enterprises and users to choose, as well as the increased development and usage costs. This will improve the universality and ease of use of low-code platforms and reduce the development and usage costs of data forms. Summary of the Invention

[0007] To address the aforementioned technical issues, this invention provides a dynamic data form generation method and system. By dynamically creating and customizing data form components based on component data structures and chart data structures, and generating the data form view, it achieves dynamic visualization and standardized creation and customization of data forms. This solves the technical problems of inconsistent standards and imperfect low-code platforms in existing technologies, which make it difficult for enterprises and users to choose, and increases development and usage costs. It helps enterprises and users customize data forms more easily and quickly in a low-code manner according to their actual needs, avoiding complex parameter configurations and code writing for data forms. This improves the versatility and ease of use of the data form development platform, reduces the development and use costs of data forms, and lowers the barrier to entry for using the platform.

[0008] This invention provides a method for generating dynamic data forms, the method comprising:

[0009] S101 defines the component data structure and chart data structure in the data table;

[0010] S102, Receive user-side data form customization request, and create data form component according to the component data structure and the chart data structure;

[0011] S103, Based on the data form component, generate and output a data form view;

[0012] Specifically, upon receiving the user's request to customize the data form, the data form component is dynamically created and customized according to the component data structure and the chart data structure, and the data form view is generated.

[0013] As described above, the component data structure includes six fields: component ID, component name Label, component category Type, data model Models, component attribute set Option, and control information.

[0014] The chart data structure includes six fields: chart ID, chart name, chart category, view area name, view area location, and other attributes.

[0015] As mentioned above, after defining the component data structure and chart data structure in the data table, it is also necessary to encapsulate the data model (Models). The specific steps are as follows:

[0016] Generate initial structures for different types of data models based on the component category Type;

[0017] The initial structures of the different types of data models are encoded to obtain encoded files;

[0018] The encoded file is compiled and packaged to obtain the data model Models corresponding to the component category Type.

[0019] As described above, step S102, receiving a user-side data form customization request and creating a data form component based on the component data structure and the chart data structure, includes:

[0020] Receive user-side data form customization requests from the data form visualization interface, parse the user-side data form customization requests, and obtain the parsing results;

[0021] Obtain and display the data form component data. Based on the component data structure, obtain the component attribute data of the data form component from the parsing result. The component attribute data includes the component ID, the component name Label, the component category Type, the component attribute set Option, and the control information.

[0022] Based on the chart data structure, chart attribute data corresponding to the data form component is obtained from the parsing result. The chart attribute data includes the chart ID, the chart name, the chart category, the view area name, the view area position, and other attributes.

[0023] Data injection and matching: Based on the component category Type, obtain the data model Models corresponding to the data form component;

[0024] Store and create the data form component based on the component attribute data, the chart attribute data, and the data models, and display it in the visual operation interface of the data form component.

[0025] As described above, step S103, which involves generating and outputting a data form view based on the data form component, further includes:

[0026] Based on the visual operation interface of the data form component, the data form view is instantiated to generate a visual view file corresponding to the data form component;

[0027] Alternatively, the component attribute data, chart attribute data, and data model corresponding to the data form component can be encapsulated and exported as a form encapsulation file corresponding to the data form component.

[0028] As described above, step S103, which involves generating and outputting a data form based on the data form component, includes:

[0029] Based on the multiple data form components that have been created, a data form initialization view is generated according to the view area name and the view area position;

[0030] The data form initialization view and each data form component in the data form initialization view are edited and configured to generate the data form view.

[0031] Accordingly, the present invention also provides a dynamic data form generation system, the system comprising a component definition module, a data injection module, and an instance output module;

[0032] in,

[0033] The component definition module is used to define the component data structure and chart data structure in the data table;

[0034] The data injection module is used to receive user-side data form customization requests and create data form components based on the component data structure and the chart data structure.

[0035] The instance output module is used to generate and output a data form view based on the data form component.

[0036] As described above, the system further includes an editing control module, which comprises a control unit, a view unit, and an editing unit;

[0037] in,

[0038] The control unit is used for visualizing the charts corresponding to the data form component, and for editing, managing and controlling the charts corresponding to the data form component;

[0039] The view unit is used for visually displaying the data form components and for arranging the data form components;

[0040] The editing unit is used to edit the component name Label and the component attribute set Option corresponding to the data form component, wherein the component attribute set Option includes component prompt information, selection attributes and other attributes;

[0041] As described above, the control unit includes a component control information editing subunit and a component movement control subunit;

[0042] in,

[0043] The component control information editing subunit is used to edit the control information of the data form component. The control information includes component text content, component value, date, time, special value, and other control data.

[0044] The component movement control subunit is used to display the data form component and automatically associate it after the component control information is updated. When the data form component moves to the view unit, it sends the user-side data form customization request to the data injection module.

[0045] As described above, the system also includes a packaging and compression module;

[0046] The packaging and compression module is used to package, encapsulate, and compress the component attribute data, chart attribute data, and data models corresponding to the data form, and export them as a form encapsulation file corresponding to the data form.

[0047] This invention, by applying the above technical solutions, enables the dynamic creation and customized editing of data form components based on component data structures and chart data structures, and generates the data form view. This achieves dynamic visualization and standardized creation and customization of data forms, solving the technical problems of inconsistent standards and imperfect low-code platforms in existing technologies, which make it difficult for enterprises and users to choose, and increasing development and usage costs. It helps enterprises and users customize data forms more easily and quickly in a low-code manner according to their actual needs, avoiding complex parameter configurations and code writing, improving the universality and ease of use of the data form development platform, reducing the development and use costs of data forms, and lowering the barrier to entry for using the platform. Attached Figure Description

[0048] To more clearly illustrate the technical solutions in the embodiments of this application, the accompanying drawings used in the description of the embodiments will be briefly introduced below. Obviously, the accompanying drawings described below are only some embodiments of this application. For those skilled in the art, other drawings can be obtained based on these drawings without creative effort.

[0049] Figure 1 A flowchart illustrating a dynamic data form generation method proposed in an embodiment of the present invention is shown.

[0050] Figure 2 A schematic diagram of the structure of a dynamic data form generation system proposed in an embodiment of the present invention is shown. Detailed Implementation

[0051] The technical solutions of the embodiments of this application will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only some embodiments of this application, and not all embodiments. Based on the embodiments of this application, all other embodiments obtained by those skilled in the art without creative effort are within the scope of protection of this application.

[0052] This invention provides a method for generating dynamic data forms, such as... Figure 1 As shown, the method includes the following steps:

[0053] S101 defines the component data structure and chart data structure in the data table.

[0054] In this embodiment, the component data structure includes 6 fields, namely component ID, component name Label, component category Type, data model Models, component attribute set Option, and control information;

[0055] The chart data structure includes six fields: chart ID, chart name, chart category, view area name, view area location, and other attributes.

[0056] To achieve standardization and uniformity in data form creation and customization, this embodiment requires model encapsulation of the data models (Models) after defining the component data structure and chart data structure in the data table. The specific steps are as follows:

[0057] Generate initial structures for different types of data models based on the component category Type;

[0058] The initial structures of the different types of data models are encoded to obtain encoded files;

[0059] The encoded file is compiled and packaged to obtain the data model Models corresponding to the component category Type.

[0060] S102, receive a user-side data form customization request, and create a data form component based on the component data structure and the chart data structure.

[0061] In this embodiment, step S102, receiving a user-side data form customization request and creating a data form component based on the component data structure and the chart data structure, includes:

[0062] Receive user-side data form customization requests from the data form visualization interface, parse the user-side data form customization requests, and obtain the parsing results;

[0063] Obtain and display the data form component data. Based on the component data structure, obtain the component attribute data of the data form component from the parsing result. The component attribute data includes the component ID, the component name Label, the component category Type, the component attribute set Option, and the control information.

[0064] Based on the chart data structure, chart attribute data corresponding to the data form component is obtained from the parsing result. The chart attribute data includes the chart ID, the chart name, the chart category, the view area name, the view area position, and other attributes.

[0065] Data injection and matching: Based on the component category Type, obtain the data model Models corresponding to the data form component;

[0066] Store and create the data form component based on the component attribute data, the chart attribute data, and the data models, and display it in the visual operation interface of the data form component.

[0067] To facilitate the use of custom data forms, in this embodiment, step S103, which generates and outputs a data form view based on the data form component, further includes:

[0068] Based on the visual operation interface of the data form component, the data form view is instantiated to generate a visual view file corresponding to the data form component;

[0069] Alternatively, the component attribute data, chart attribute data, and data model corresponding to the data form component can be encapsulated and exported as a form encapsulation file corresponding to the data form component.

[0070] S103, Based on the data form component, generate and output the data form view.

[0071] In this embodiment, after receiving the user's data form customization request, the data form component is dynamically created and customized according to the component data structure and the chart data structure, and the data form view is generated.

[0072] To make the customized data form more intuitive and convenient to view and operate, in this embodiment, step S103, which generates and outputs the data form based on the data form component, includes:

[0073] Based on the multiple data form components that have been created, a data form initialization view is generated according to the view area name and the view area position;

[0074] The data form initialization view and each data form component in the data form initialization view are edited and configured to generate the data form view.

[0075] By applying the above technical solutions, the component data structure and chart data structure in the data table are defined; user-side data form customization requests are received, and data form components are created according to the component data structure and chart data structure; based on the data form components, a data form view is generated and output; this achieves dynamic creation and customization of data form components according to the component data structure and chart data structure, and generates the data form view, completing the dynamic visualization and standardized creation and customization of data forms. It solves the technical problems of inconsistent standards and imperfect low-code platforms in existing technologies, which make it difficult for enterprises and users to choose, and increases development and usage costs. This helps enterprises and users customize data forms more easily and quickly in a low-code manner according to their actual needs, avoiding complex parameter configuration and code writing for data forms, improving the universality and ease of use of the data form development platform, reducing the development and use costs of data forms, and lowering the barrier to entry for the platform.

[0076] Corresponding to one of the dynamic data form generation methods described in the embodiments of the present invention, the present invention also discloses a dynamic data form generation system, such as... Figure 2 As shown, the system includes a component definition module, a data injection module, and an instance output module;

[0077] in,

[0078] The component definition module is used to define the component data structure and chart data structure in the data table;

[0079] The data injection module is used to receive user-side data form customization requests and create data form components based on the component data structure and the chart data structure.

[0080] The instance output module is used to generate and output a data form view based on the data form component.

[0081] In this embodiment, the system further includes an editing control module, which includes a control unit, a view unit, and an editing unit;

[0082] in,

[0083] The control unit is used for visualizing the charts corresponding to the data form component, and for editing, managing and controlling the charts corresponding to the data form component;

[0084] The view unit is used for visually displaying the data form components and for arranging the data form components;

[0085] The editing unit is used to edit the component name Label and the component attribute set Option corresponding to the data form component, wherein the component attribute set Option includes component prompt information, selection attributes and other attributes;

[0086] To enhance the convenience and ease of use of editing and operating data form controls, in this embodiment, the control unit includes a component control information editing subunit and a component movement control subunit;

[0087] in,

[0088] The component control information editing subunit is used to edit the control information of the data form component. The control information includes component text content, component value, date, time, special value, and other control data.

[0089] The component movement control subunit is used to display the data form component and automatically associate it after the component control information is updated. When the data form component moves to the view unit, it sends the user-side data form customization request to the data injection module.

[0090] Optionally, the system may also include a packaging and compression module;

[0091] The packaging and compression module is used to package, encapsulate, and compress the component attribute data, chart attribute data, and data models corresponding to the data form, and export them as a form encapsulation file corresponding to the data form.

[0092] The various embodiments in this specification are described in a related manner. The same or similar parts between the various embodiments can be referred to each other. Each embodiment focuses on describing the differences from other embodiments.

[0093] The above description is merely a preferred embodiment of the present invention and is not intended to limit the scope of protection of the present invention. Any modifications, equivalent substitutions, improvements, etc., made within the spirit and principles of the present invention are included within the scope of protection of the present invention.

Claims

1. A method for generating dynamic data forms, characterized in that, The method includes: S101 defines the component data structure and chart data structure in the data table; The component data structure includes six fields: component ID, component name Label, component category Type, data model Models, component attribute set Option, and control information. The chart data structure includes 6 fields: chart ID, chart name, chart category, view area name, view area location, and other attributes; S102, Receive user-side data form customization request, and create data form component according to the component data structure and the chart data structure; S103, Based on the data form component, generate and output a data form view; After receiving the user's data form customization request, the data form component is dynamically created and customized according to the component data structure and the chart data structure, and the data form view is generated. After defining the component data structure and chart data structure in the data table, it is also necessary to encapsulate the data model (Models). The specific steps are as follows: Generate initial structures for different types of data models based on the component category Type; The initial structures of the different types of data models are encoded to obtain encoded files; The encoded file is compiled and packaged to obtain the data model Models corresponding to the component category Type; S102, the step of receiving a user-side data form customization request and creating a data form component based on the component data structure and the chart data structure, includes: Receive user-side data form customization requests from the data form visualization interface, parse the user-side data form customization requests, and obtain the parsing results; Obtain and display the data form component data. Based on the component data structure, obtain the component attribute data of the data form component from the parsing result. The component attribute data includes the component ID, the component name Label, the component category Type, the component attribute set Option, and the control information. Based on the chart data structure, chart attribute data corresponding to the data form component is obtained from the parsing result. The chart attribute data includes the chart ID, the chart name, the chart category, the view area name, the view area position, and other attributes. Data injection and matching: Based on the component category Type, obtain the data model Models corresponding to the data form component; Store and create the data form component based on the component attribute data, the chart attribute data, and the data models, and display it in the visual operation interface of the data form component; S103, the step of generating and outputting a data form view based on the data form component, includes: Based on the multiple data form components that have been created, generate a data form initialization view according to the view area name and view area location; The data form initialization view and each data form component in the data form initialization view are edited and configured to generate the data form view.

2. The method as described in claim 1, characterized in that, S103, the step of generating and outputting a data form view based on the data form component, further includes: Based on the visual operation interface of the data form component, the data form view is instantiated to generate a visual view file corresponding to the data form component; The component attribute data, chart attribute data, and data model corresponding to the data form component are encapsulated and exported as a form encapsulation file corresponding to the data form component.

3. A system for implementing the dynamic data form generation method of claim 1, characterized in that, The system includes a component definition module, a data injection module, and an instance output module; in, The component definition module is used to define the component data structure and chart data structure in the data table; The data injection module is used to receive user-side data form customization requests and create data form components based on the component data structure and the chart data structure. The instance output module is used to generate and output a data form view based on the data form component.

4. The system as described in claim 3, characterized in that, The system also includes an editing control module, which comprises a control unit, a view unit, and an editing unit. in, The control unit is used for visualizing the charts corresponding to the data form component, and for editing, managing and controlling the charts corresponding to the data form component; The view unit is used for visually displaying the data form components and for arranging the data form components; The editing unit is used to edit the component name Label and the component attribute set Option corresponding to the data form component, wherein the component attribute set Option includes component prompt information, selection attributes and other attributes.

5. The system as described in claim 4, characterized in that, The control unit includes a component control information editing subunit and a component movement control subunit; in, The component control information editing subunit is used to edit the control information of the data form component. The control information includes component text content, component value, date, time, special value, and other control data. The component movement control subunit is used to display the data form component and automatically associate it after the component control information is updated. When the data form component moves to the view unit, it sends the user-side data form customization request to the data injection module.

6. The system as described in claim 3, characterized in that, The system also includes a packaging and compression module; The packaging and compression module is used to package, encapsulate, and compress the component attribute data, chart attribute data, and data models corresponding to the data form, and export them as a form encapsulation file corresponding to the data form.

Images