CN115455918A - Method, device, equipment and medium for configuring dynamic form - Google Patents
Method, device, equipment and medium for configuring dynamic form Download PDFInfo
- Publication number
- CN115455918A CN115455918A CN202211151774.5A CN202211151774A CN115455918A CN 115455918 A CN115455918 A CN 115455918A CN 202211151774 A CN202211151774 A CN 202211151774A CN 115455918 A CN115455918 A CN 115455918A
- Authority
- CN
- China
- Prior art keywords
- data
- template
- user interface
- interface component
- configuration
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/166—Editing, e.g. inserting or deleting
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/166—Editing, e.g. inserting or deleting
- G06F40/177—Editing, e.g. inserting or deleting of tables; using ruled lines
- G06F40/18—Editing, e.g. inserting or deleting of tables; using ruled lines of spreadsheets
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Stored Programmes (AREA)
Abstract
The invention provides a method, a device, equipment and a medium for configuring a dynamic form, which can be applied to the technical field of computer data processing and comprise the following steps: acquiring form configuration item data, and creating a plurality of problem field data according to the form configuration item data; splicing the data of the plurality of problem field data into form template data, and generating template coding data of the form template data; acquiring corresponding configuration communication data according to the template coding data; acquiring all form problem data, and developing corresponding user interface component data according to the form problem data; sending the user interface component data to a materials market; sending the configuration communication data to a material market, and extracting user interface component data corresponding to the configuration communication data; and rendering the data of the user interface assembly to a terminal page to generate a dynamic form file. The invention can realize the dynamic configuration of the form, has short development period and high maintainability of the form system, and can be applied to multi-end scenes and various technical component frameworks.
Description
Technical Field
The invention relates to the technical field of computer data processing, in particular to a method, a device, equipment and a medium for configuring a dynamic form.
Background
The form scene is the most complex scene in the background field in the front end, the number of fields is large, and the field association logic is complex. In a workflow system, the form format is generally uniform and fixed, and when the system needs to meet the service requirements of different users, a service form needs to be customized and developed for each service, so that the problems that the system is long in development period, high in development cost, non-uniform in front and rear end fields, difficult in later maintenance, incapable of adapting to the constantly changing service requirements of the users and the like are caused. With the development of technology, some form configuration methods capable of being configured and multiplexed independently also appear at present, but the problems of over-customization, incapability of realizing dynamic page rendering, no management of mapping relationship between form template data and UI (User Interface) components and the like exist. Therefore, it is an urgent technical problem to provide a method for configuring a form with higher efficiency and wider application scope.
Disclosure of Invention
In view of the above disadvantages of the prior art, an object of the present invention is to provide a method, an apparatus, a device and a medium for configuring a dynamic form, which can implement dynamic configuration of the form to adapt to the changing business requirements of a user.
To achieve the above and other related objects, the present invention provides a method for configuring a dynamic form, including:
acquiring form configuration item data, and creating a plurality of problem field data according to the form configuration item data;
splicing the plurality of problem field data into form template data, and generating template coded data of the form template data;
acquiring corresponding configuration communication data according to the template coding data;
acquiring all form problem data, and developing corresponding user interface component data according to the form problem data;
sending the user interface component data to a materials market;
sending the configuration communication data to the material market, and extracting the user interface component data corresponding to the configuration communication data;
and rendering the user interface component data to a terminal page to generate a dynamic form file.
In an embodiment of the present invention, the step of generating the template encoding data of the form template data by splicing the plurality of problem field data into one form template data includes:
splicing a plurality of the problem field data into the form template data according to the type of the problem field data;
and saving the form template data as backup template data, and generating the template coding data of the form template data.
In an embodiment of the present invention, the step of obtaining the corresponding configuration communication data according to the template coding data includes:
inquiring the configuration communication data of the corresponding form template data according to the template coded data;
and outputting the configuration communication data to the current user through a template interface.
In an embodiment of the present invention, the problem field data includes:
basic field data including identification information, element types, and field name data; and
form control data including text input data, single item selection data, multiple item selection data, a file upload button, and an input reset button.
In an embodiment of the present invention, the form user interface component data is a plurality of frame component data.
In an embodiment of the present invention, the terminal page is an application end page, a computer end page or a mobile end page
In one embodiment of the invention, the configuration communication data allows data interaction with a multi-language server.
The invention also provides a configuration device of the dynamic form, which is characterized by comprising the following components:
the field module is used for acquiring form configuration item data and creating a plurality of problem field data according to the form configuration item data;
the template module is used for splicing the plurality of problem field data into form template data and generating template coding data of the form template data;
the interface module is used for acquiring corresponding configuration communication data according to the template coding data;
the development module is used for acquiring all form problem data and developing corresponding user interface component data according to the form problem data;
a materials module to send the user interface component data to a materials market;
the mapping module is used for sending the configuration communication data to the material market and extracting the user interface component data corresponding to the configuration communication data;
and the rendering module is used for rendering the user interface component data to a terminal page to generate a dynamic form file.
The invention also provides a computer device, which comprises a memory, a processor and a computer program stored in the memory and capable of running on the processor, wherein the processor realizes the steps of the configuration method of any dynamic form when executing the computer program.
The present invention also provides a computer-readable storage medium, which stores a computer program, and when the computer program is executed by a processor, the computer program implements the steps of the method for configuring a dynamic form according to any one of the above-mentioned embodiments.
In summary, the present invention provides a method, an apparatus, a device, and a medium for configuring a dynamic form, which can implement dynamic configuration of the form, have a short system development period and high maintainability, and can be applied to multi-end scenes and various technical component frameworks, thereby improving the utilization rate of form template data.
Drawings
In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings used in the description of the embodiments or the prior art will be briefly described below, it is obvious that the drawings in the following description are only some embodiments of the present invention, and for those skilled in the art, other drawings can be obtained according to the drawings without creative efforts.
FIG. 1 is a schematic diagram of an application environment of a method for configuring a dynamic form according to an embodiment of the present invention;
FIG. 2 is a flow chart illustrating a method for configuring dynamic forms according to an embodiment of the invention;
FIG. 3 is a flowchart illustrating one embodiment of step S20 of FIG. 2;
FIG. 4 is a schematic flow chart illustrating another embodiment of step S30 in FIG. 3;
FIG. 5 is a schematic structural diagram of an apparatus for configuring dynamic forms according to an embodiment of the present invention;
FIG. 6 is a schematic diagram of a computer device according to an embodiment of the present invention.
Detailed Description
The embodiments of the present invention are described below with reference to specific embodiments, and other advantages and effects of the present invention will be easily understood by those skilled in the art from the disclosure of the present specification. The invention is capable of other and different embodiments and of being practiced or of being carried out in various ways, and its several details are capable of modification in various respects, all without departing from the spirit and scope of the present invention. It should be noted that the features in the following embodiments and examples may be combined with each other without conflict. It is also to be understood that the terminology used in the examples is for the purpose of describing particular embodiments only, and is not intended to limit the scope of the present invention. Test methods in which specific conditions are not specified in the following examples are generally carried out under conventional conditions or under conditions recommended by the respective manufacturers.
Please refer to fig. 1 to 6. It should be understood that the structures, ratios, sizes, and the like shown in the drawings are only used for matching the disclosure of the present disclosure, and are not used for limiting the conditions of the present disclosure, so that the present disclosure is not limited to the technical essence, and any modifications of the structures, changes of the ratios, or adjustments of the sizes, can still fall within the scope of the present disclosure without affecting the function and the achievable purpose of the present disclosure. In addition, the terms "upper", "lower", "left", "right", "middle" and "one" used in the present specification are used for clarity of description, and are not intended to limit the scope of the present invention, and the relative relationship between the terms and the terms may be changed or adjusted without substantial change in the technical content.
When numerical ranges are given in the examples, it is understood that both endpoints of each of the numerical ranges and any number between the two endpoints are optional unless otherwise specified in the invention. Unless defined otherwise, all technical and scientific terms used herein have the same meaning as commonly understood by one of ordinary skill in the art to which this invention belongs and the description of the present invention, and any methods, apparatuses, and materials similar or equivalent to those described in the examples of the present invention may be used to practice the present invention.
The present invention provides a method for configuring a dynamic form, which can be applied to an application environment as shown in fig. 1, wherein a client can communicate with a server through a network. The server side can obtain the form configuration item data and generate form template data according to the form configuration item data, and therefore the client side can render and display the dynamic form. The present invention is described in detail below with reference to specific examples.
In some embodiments, the form is typically applied to a Web page to gather client information to enable the Web page to have interactive functionality. Usually, the form is designed in an Html document, and when the user completes the information, a submit operation is performed, so that the content of the form can be transmitted from the browser of the client to the server, and after the content is processed by the processing program on the server, such as ASP or PHP, the information required by the user is transmitted back to the page of the client.
Referring to fig. 2, fig. 2 is a flow chart illustrating a method for configuring a dynamic form according to an embodiment of the present invention, which includes the following steps:
and S10, acquiring form configuration item data, and creating a plurality of problem field data according to the form configuration item data.
In some embodiments, the form configuration item data is information that needs to be collected by the form, and a plurality of problem field data can be newly created in the system according to the form configuration item data. The number of problem field data can be determined by the information that needs to be collected, and the problem field data can be configured for type, i.e., configuration attributes. For example, a portion of the question field data may be base field data, and may include identification information, element types, and field name data, such as name, code, required, options, and so on. The name of the form is an index submitted to a background, the name attribute can be used for identifying form data submitted to a server, and only the form elements with the name attribute can transmit values of the form data when the form is submitted; the code attribute is used for representing a system code or other text contents which can be read by the system code; the required attribute represents a required item of the form; options are used to define an option in the drop down list. Another part of the problem field data can be form control data, including text input data, single item selection data, multiple item selection data, a file upload button, an input reset button and the like.
And S20, splicing the plurality of problem field data into form template data, and generating template coded data of the form template data.
In some embodiments, multiple question field data are spliced into a form template data, and the splicing may be performed according to the attribute of the question field data, for example, when the attribute of the question field data is a single line of text, it may be written as type = "text". The spliced form template data can be stored, and a unique value is generated, wherein the unique value is the template coding data of the form template data.
And step S30, acquiring corresponding configuration communication data according to the template coding data.
In some embodiments, the server may provide a template interface, the client queries configuration communication data of corresponding form template data according to the template encoding data, and the server outputs the configuration communication data to the client through the template interface. And configuring all problem field data information which can contain form template data in the communication data and a splicing rule of the problem field data information.
In some embodiments, the configuration communication data allows for data interaction with a multi-language server, and the configuration communication data may use JSON data. JSON (JavaScript Object Notation) is a lightweight data exchange format. It stores and represents data in a text format that is completely independent of the programming language, based on a subset of ECMAScript (js specification set by the European Computer Manufacturers Association). The simple and clear hierarchical structure enables JSON to become an ideal data exchange language, is easy to read and write by people, is also easy to analyze and generate by machines, and effectively improves the network transmission efficiency.
And S40, acquiring all form problem data, and developing corresponding user interface component data according to the form problem data.
In some embodiments, the user interface component data is a standardized construct and can be reused across different projects, teams, and members. Firstly, the staff can exhaust the form problem data according to the information required to be collected by the form and summarize the attribute of the form. And then, constructing corresponding user interface component data according to the attributes of the form problem data, wherein the user interface component data corresponding to the single-line text is a text box, the user interface component data corresponding to password input is a hidden text box, the user interface component data corresponding to file uploading is a file selection box and the like.
And S50, sending the user interface component data to a material market.
In some embodiments, a materials market may be established that may store components first. The components in the material market are the user interface component data, and then the standardized components are uploaded and stored in the material market. Each user interface component data in the material market corresponds to a mapping value, and the system can extract the corresponding user interface component data according to the mapping values. The user interface component data may be a variety of frame component data, such as a vue component and a exact component. The material market is a cross-platform UI framework and is an independent UI framework capable of running on different platforms (OS), and codes of the material market only need to be written once and can be deployed on different operating system platforms after being slightly modified or even not modified.
And S60, sending the configuration communication data to a material market, and extracting user interface component data corresponding to the configuration communication data.
In some embodiments, corresponding user interface component data can be extracted from the materials market according to the configuration communication data through the mapping relation between the user interface component data and the question field data. The configuration communication data is sent to the material market, and then all the configuration communication data are traversed in a circulating mode to achieve extraction of the user interface component data.
And step S70, rendering the user interface component data to a terminal page to generate a dynamic form file.
In some embodiments, rendering the user interface component data to the terminal page may generate a code file in the corresponding frame language according to the client language type, and insert the code file into a template in the corresponding front-end frame to generate a dynamic form file. Packaging and compiling the rendering file, and performing language conversion to generate a native HTML document; for example, a rendered file in Vue language may be converted to a native HTML document using nuxt. The terminal page is an application end page, a computer end page or a mobile end page.
Referring to fig. 3, fig. 3 is a flowchart illustrating an embodiment of step S20 in fig. 2. Step S20 may include the following step flow:
and S21, splicing the plurality of problem field data into form template data according to the types of the problem field data.
In some embodiments, multiple question field data may be spliced into one form template data according to attributes of the question field data, for example, when the attributes of the question field data are a single line of text, the user may input text therein, the question field data has a default width, will be automatically deleted from the input value when entering a line feed, and may be written as type = "text"; when the attribute of the problem field data is check, that is, a check box which allows a single value to be selected/deselected, it may be written as type = "checkbox"; when the attribute of the question field data is a single selection, a value is allowed to be selected from a plurality of options, which can be recorded as type = 'radio'; when the attribute of the question field data is file upload, the user is allowed to select and upload a file, which may be recorded as type = "file".
And S22, saving the form template data as backup template data, and generating the template coding data of the form template data.
In some embodiments, the system may maintain multiple form template data. Firstly, the spliced form template data can be stored, and then a unique value is generated, wherein the unique value is the template coding data of the form template data. The client can obtain the configuration information of the form template data through the template coding data, can save the form template data as backup template data, and the configured backup template data can be used for subsequent extraction, namely, one-site configuration and multiple-site effectiveness.
Referring to fig. 4, fig. 4 is a flowchart illustrating an embodiment of step S30 in fig. 2. Step S30 may include the following step flow:
and S31, inquiring configuration communication data of corresponding form template data according to the template coded data.
In some embodiments, the server may provide a template interface, and the client queries configuration communication data of corresponding form template data according to the template encoded data, where the configuration communication data may include all question field data information of the form template data and a splicing manner of the question field data information.
And step S32, outputting the configuration communication data to the current user through a template interface.
In some embodiments, the server outputs configuration communication data to the client through the template interface. The configuration communication data allows data interaction with the multi-language server, and the configuration communication data is transmitted by using JSON data. The JSON uses JavaScript grammar, can convert any JavaScript object into JSON, and then send the JSON to the server; any JSON received from the server may also be converted to a JavaScript object. The JSON is in a text format, the JSON data is used for transmitting configuration communication data without complex analysis and translation, the JSON can be read and used as data by any programming language, and therefore the configuration method of the dynamic form provided by the invention can be applied to multi-terminal scenes, such as an APP terminal, a PC terminal, an H5, a act framework and a vue framework.
Referring to fig. 5 and fig. 5, a structural diagram of a configuration apparatus for a dynamic form according to an embodiment of the present invention is shown, and in some embodiments, the configuration apparatus for a dynamic form includes a field module 10, a template module 20, an interface module 30, a development module 40, a material module 50, a mapping module 60, and a rendering module 70, and each functional module is described in detail below.
The field module 10 is configured to obtain the form configuration item data, and create a plurality of pieces of problem field data according to the form configuration item data.
In some embodiments, the form configuration item data is information to be collected by the form, and the field module 10 may newly create a plurality of problem field data in the system according to the form configuration item data. The number of question field data may be determined by the information that needs to be gathered, and the question field data may be configured for type, i.e., configuration attributes. For example, a portion of the question field data may be base field data, and may include identification information, element types, and field name data, such as name, code, required, options, and the like. The name of the form is an index submitted to a background, the name attribute can be used for identifying form data submitted to a server, and only the form elements with the name attribute can transmit values of the form data when the form is submitted; the code attribute is used for representing a system code or other text contents which can be read by the system code; the required attribute represents a required item of the form; options are used to define an option in the drop down list. Another part of the problem field data can be form control data, including text input data, single item selection data, multiple item selection data, a file upload button, an input reset button and the like.
And the template module 20 is configured to splice the data of the plurality of problem fields into form template data, and generate template encoded data of the form template data.
In some embodiments, the plurality of question field data are spliced into a form template data, and the template module 20 may splice the plurality of question field data into a form template data according to the attribute of the question field data, for example, when the attribute of the question field data is a single line of text, a user may input text therein, the question field data has a default width, and when a linefeed is input, the question field data is automatically deleted from the input value, and may be written as type = "text"; when the attribute of the problem field data is check, that is, a check box which allows a single value to be selected/deselected, it may be written as type = "checkbox"; when the attribute of the question field data is a single selection, a value is allowed to be selected from a plurality of options, which can be recorded as type = 'radio'; when the attribute of the question field data is file upload, the user is allowed to select and upload a file, which may be recorded as type = "file".
In some embodiments, template module 20 may store multiple form template data. Firstly, the spliced form template data can be stored, and then a unique value is generated, wherein the unique value is the template coding data of the form template data. The client can obtain the configuration information of the form template data through the template coding data, can save the form template data as backup template data, and the configured backup template data can be used for subsequent extraction, namely, one-site configuration and multiple-site effectiveness.
In one embodiment, template module 20 may be further specifically configured to:
splicing the plurality of problem field data into form template data according to the type of the problem field data;
and saving the form template data as backup template data to generate the template coding data of the form template data.
And the interface module 30 is configured to obtain corresponding configuration communication data according to the template encoded data.
In some embodiments, the interface module 30 may provide a template interface, the client queries the configuration communication data of the corresponding form template data according to the template encoding data, and the server outputs the configuration communication data to the client through the template interface. All question field data information of the form template data and a splicing rule of the question field data information are configured and can be contained in the communication data. The configuration communication data may use JSON data. The JSON uses JavaScript grammar, can convert any JavaScript object into JSON, and then send the JSON to the server; any JSON received from the server may also be converted to a JavaScript object. The JSON is in a text format, complicated parsing and translation are not needed when JSON data are used for transferring configuration communication data, the JSON can be read and used as data by any programming language, and therefore the configuration method of the dynamic form provided by the invention can be applied to multi-end scenes such as an APP end, a PC end, an H5, a real framework and a vue framework.
In an embodiment, the interface module 30 may be further specifically configured to:
inquiring the configuration communication data of the corresponding form template data according to the template coding data;
and outputting the configuration communication data to the current user through the template interface.
And the development module 40 is used for acquiring all form problem data and developing corresponding user interface component data according to the form problem data.
In some embodiments, the user interface component data is a standardized construct and can be reused across different projects, teams, and members. Firstly, the staff can exhaust the form problem data according to the information required to be collected by the form and summarize the attribute of the form. The development module 40 constructs the corresponding user interface component data according to the attribute of the form problem data, for example, the user interface component data corresponding to a single-line text is a text box, the user interface component data corresponding to password input is a hidden text box, the user interface component data corresponding to file upload is a file selection box, and the like.
And the material module 50 is used for acquiring all form problem data, developing corresponding user interface component data according to the form problem data, and sending the user interface component data to the material market.
In some embodiments, a material market that can store components can be established first, and the components in the material market are the user interface component data. The standardized components are then uploaded and saved to the materials market. Each user interface component data in the material market corresponds to a mapping value, and the system can extract the corresponding user interface component data according to the mapping values. The user interface component data may be a variety of frame component data, such as a vue component and a exact component. The material market is a cross-platform UI framework and is an independent UI framework capable of running on different platforms (OS), and codes of the material market only need to be written once and can be deployed on different operating system platforms after being slightly modified or even not modified.
And the mapping module 60 is configured to send the configuration communication data to the material market, and extract user interface component data corresponding to the configuration communication data.
In some embodiments, mapping module 60 may extract corresponding user interface component data from the materials market according to the configuration communication data by mapping the user interface component data to the question field data. The configuration communication data is sent to the material market, and then all the configuration communication data are traversed in a circulating mode to achieve extraction of the user interface component data.
And a rendering module 70, configured to render the user interface component data to a terminal page, and generate a dynamic form file.
In some embodiments, rendering module 70 may render the user interface component data to the terminal page and may generate a code file corresponding to the frame language according to the client language type and insert the code file into a template corresponding to the front-end frame to generate a dynamic form file. Packaging and compiling the rendering file, and performing language conversion to generate a native HTML document; for example, a rendered file in Vue language may be converted to a native HTML document using nuxt. The terminal page is an application end page, a computer end page or a mobile end page.
Referring to fig. 6, fig. 6 provides a computer device, and the computer device 600 may be a server. The computer device 600 includes a processor 601, a memory 602, a network interface, and a database connected by a system bus. Wherein the processor 601 of the computer device 600 is configured to provide computing and control capabilities. The memory 602 of the computer device 600 includes non-volatile and/or volatile storage media, internal memory. The non-volatile storage medium stores an operating system, a computer program, and a database. The internal memory provides an environment for the operation of an operating system and computer programs in the non-volatile storage medium. The network interface of the computer device 600 is used to communicate with external clients through a network connection. The computer program is executed by a processor to implement the functions or steps of the service side of the configuration method of a dynamic form.
In one embodiment, a computer device 600 is provided, comprising a memory 602, a processor 601 and a computer program stored on the memory and executable on the processor, the processor 601 realizing the following steps when executing the computer program:
acquiring form configuration item data, and creating a plurality of problem field data according to the form configuration item data;
splicing the data of the plurality of problem field data into form template data, and generating template coding data of the form template data;
acquiring corresponding configuration communication data according to the template coding data;
acquiring all form problem data, and developing corresponding user interface component data according to the form problem data;
sending the user interface component data to a materials market;
sending the configuration communication data to a material market, and extracting user interface component data corresponding to the configuration communication data;
and rendering the data of the user interface assembly to a terminal page to generate a dynamic form file.
In one embodiment, a computer-readable storage medium is provided, having a computer program stored thereon, which when executed by a processor, performs the steps of:
acquiring form configuration item data, and creating a plurality of problem field data according to the form configuration item data;
splicing the data of the plurality of problem field data into form template data, and generating template coding data of the form template data;
acquiring corresponding configuration communication data according to the template coding data;
acquiring all form problem data, and developing corresponding user interface component data according to the form problem data;
sending the user interface component data to a materials market;
sending the configuration communication data to a material market, and extracting user interface component data corresponding to the configuration communication data;
and rendering the data of the user interface assembly to a terminal page to generate a dynamic form file.
It should be noted that, the functions or steps that can be implemented by the computer-readable storage medium or the computer device can be referred to the related descriptions of the server side and the client side in the foregoing method embodiments, and are not described here one by one to avoid repetition.
To sum up, the invention provides a method, a device, equipment and a medium for configuring a dynamic form, and belongs to the technical field of computer data processing. The invention realizes the dynamic configuration of the form through the management of the problem field data and the form template data, calls the form configuration communication data through the template interface, can realize the application to multi-terminal scenes and various technical component frameworks, has short system development period and high maintainability, and improves the utilization rate of the form template data.
The foregoing embodiments are merely illustrative of the principles and utilities of the present invention and are not intended to limit the invention. Any person skilled in the art can modify or change the above-mentioned embodiments without departing from the spirit and scope of the present invention. Accordingly, it is intended that all equivalent modifications or changes which may be made by those skilled in the art without departing from the spirit and scope of the present invention as defined in the appended claims.
Claims (10)
1. A method for configuring a dynamic form, comprising
Acquiring form configuration item data, and creating a plurality of problem field data according to the form configuration item data;
splicing the plurality of problem field data into form template data, and generating template coding data of the form template data;
acquiring corresponding configuration communication data according to the template coding data;
acquiring all form problem data, and developing corresponding user interface component data according to the form problem data;
sending the user interface component data to a materials market;
sending the configuration communication data to the material market, and extracting the user interface component data corresponding to the configuration communication data;
and rendering the user interface component data to a terminal page to generate a dynamic form file.
2. The method for configuring a dynamic form according to claim 1, wherein the step of splicing the plurality of problem field data into form template data to generate template encoded data of the form template data comprises:
splicing a plurality of the problem field data into the form template data according to the type of the problem field data;
and saving the form template data as backup template data, and generating the template coding data of the form template data.
3. The method of claim 1, wherein the step of obtaining corresponding configuration communication data according to the template encoding data comprises:
inquiring the configuration communication data of the corresponding form template data according to the template coded data;
and outputting the configuration communication data to the current user through a template interface.
4. The method of configuring a dynamic form of claim 1, wherein the problem field data comprises:
basic field data including identification information, element types, and field name data; and
form control data including text input data, single item selection data, multiple item selection data, a file upload button, and an input reset button.
5. The method of configuring a dynamic form of claim 1, wherein the form user interface component data is a plurality of frame component data.
6. The method of claim 1, wherein the terminal page is an application side page, a computer side page or a mobile side page.
7. The method of configuring a dynamic form of claim 1, wherein the configuration communication data allows data interaction with a multi-language server.
8. An apparatus for configuring a dynamic form, comprising:
the field module is used for acquiring form configuration item data and creating a plurality of problem field data according to the form configuration item data;
the template module is used for splicing the plurality of problem field data into form template data and generating template coding data of the form template data;
the interface module is used for acquiring corresponding configuration communication data according to the template coding data;
the development module is used for acquiring all form problem data and developing corresponding user interface component data according to the form problem data;
a materials module to send the user interface component data to a materials market;
the mapping module is used for sending the configuration communication data to the material market and extracting the user interface component data corresponding to the configuration communication data;
and the rendering module is used for rendering the user interface component data to a terminal page to generate a dynamic form file.
9. A computer device comprising a memory, a processor and a computer program stored in the memory and executable on the processor, the processor implementing the steps of the method of configuring a dynamic form according to any one of claims 1 to 7 when executing the computer program.
10. A computer-readable storage medium, characterized in that the computer-readable storage medium stores a computer program which, when executed by a processor, implements the steps of the method for configuring a dynamic form according to any one of claims 1 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202211151774.5A CN115455918A (en) | 2022-09-21 | 2022-09-21 | Method, device, equipment and medium for configuring dynamic form |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202211151774.5A CN115455918A (en) | 2022-09-21 | 2022-09-21 | Method, device, equipment and medium for configuring dynamic form |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN115455918A true CN115455918A (en) | 2022-12-09 |
Family
ID=84304205
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202211151774.5A Pending CN115455918A (en) | 2022-09-21 | 2022-09-21 | Method, device, equipment and medium for configuring dynamic form |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN115455918A (en) |
-
2022
- 2022-09-21 CN CN202211151774.5A patent/CN115455918A/en active Pending
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111079047B (en) | Web-oriented page construction system | |
| CN104199879A (en) | Data processing method and device | |
| CN112100550A (en) | Page construction method and device | |
| CN110941427B (en) | Code generation method and code generator | |
| US11003835B2 (en) | System and method to convert a webpage built on a legacy framework to a webpage compatible with a target framework | |
| CN107122398B (en) | Data display chart generation method and system | |
| CN108664546B (en) | XML data structure conversion method and device | |
| US9971751B1 (en) | Version-specific request processing | |
| JP7309811B2 (en) | Data annotation method, apparatus, electronics and storage medium | |
| CN115510347A (en) | Presentation file conversion method and device, electronic equipment and storage medium | |
| CN104899212A (en) | Webpage display method, server and system | |
| CN109617944B (en) | WEB parameter management method, device, computer storage medium and equipment | |
| US10567472B2 (en) | Manipulation of PDF files using HTML authoring tools | |
| CN112486482A (en) | Page display method and device | |
| CN115202663A (en) | Data processing method, device and storage medium | |
| CN117111909A (en) | Code automatic generation method, system, computer equipment and storage medium | |
| CN115455918A (en) | Method, device, equipment and medium for configuring dynamic form | |
| CN107368557B (en) | Page editing method and device | |
| CN113568622A (en) | Method and device for converting codes and electronic equipment | |
| CN114579132A (en) | Conversion file generation method and device, electronic equipment and storage medium | |
| CN113239670A (en) | Method and device for uploading service template, computer equipment and storage medium | |
| CN112114805A (en) | Page generation method, device and equipment | |
| CN105205138A (en) | Flow data processing method for mobile terminal | |
| CN115086441B (en) | Information transmission method, device, electronic equipment and storage medium | |
| CN108763296A (en) | A kind of online database structure generation method checked and edited and device |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |