Form generation method, computer equipment and readable storage medium
By automating the parsing of form information and generating components, the problem of low efficiency in traditional form generation is solved, achieving efficient, accurate, and flexible form generation, and improving development efficiency and maintainability.
Patent Information
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- SF TECH CO LTD
- Filing Date
- 2024-11-05
- Publication Date
- 2026-05-08
AI Technical Summary
Traditional form generation methods are inefficient, requiring a lot of manual coding time, resulting in low development efficiency and high maintenance costs.
By parsing the form information in the preset format, a form component is generated, and then updated according to the configuration information and validation information. The initial data is then used to populate the data, and finally the target form component is generated.
It improves the efficiency of form generation, reduces development complexity, ensures the accuracy and flexibility of generated forms, simplifies form editing and data display functions, and enhances overall development efficiency.
Smart Images
Figure CN121996210A_ABST
Abstract
Description
Technical Field
[0001] This application relates to the field of computer technology, and in particular to a form generation method, computer device, computer-readable storage medium, and computer program product. Background Technology
[0002] With the development of information technology, network application systems have become increasingly widespread. In these systems, forms play a crucial role as an important interface for user data input. Therefore, how to efficiently generate forms has become an important research direction.
[0003] Traditionally, forms are generated by manually writing code; however, this method requires a significant amount of manual coding time, resulting in low efficiency. Summary of the Invention
[0004] Therefore, it is necessary to provide a form generation method, apparatus, computer device, computer-readable storage medium, and computer program product that can improve the efficiency of form generation in order to address the above-mentioned technical problems.
[0005] Firstly, this application provides a form generation method. The method includes: parsing form information in a preset format to obtain configuration information and validation information of form fields in the form information; generating a corresponding first form component based on the configuration information; updating the first form component based on the validation information to obtain a second form component; filling the second form component with data based on initial data corresponding to the second form component to obtain a target form component; and generating a form corresponding to the target form component.
[0006] In one embodiment, generating a corresponding first form component based on the configuration information includes: determining the type of the form field based on the configuration information; selecting a target input component corresponding to the type of the form field from candidate input components; and generating the first form component based on the configuration information and the target input component.
[0007] In one embodiment, updating the first form component based on the verification information to obtain the second form component includes:
[0008] Add the verification information to the first form component to obtain a form component with verification functionality;
[0009] The second form component is generated based on the form component with validation function.
[0010] Secondly, this application also provides a form generation apparatus. The apparatus includes:
[0011] The information parsing module is used to parse form information in a preset format to obtain the configuration information and validation information of the form fields in the form information;
[0012] The component generation module is used to generate the corresponding first form component based on the configuration information;
[0013] The component update module is used to update the first form component according to the verification information to obtain the second form component;
[0014] The component processing module is used to fill in the data of the second form component according to the initial data corresponding to the second form component, so as to obtain the target form component;
[0015] The form generation module is used to generate a form corresponding to the target form component.
[0016] Thirdly, this application also provides a computer device. The computer device includes a memory and a processor, the memory storing a computer program, and the processor executing the computer program to perform the following steps:
[0017] The form information in the preset format is parsed to obtain the configuration information and validation information of the form fields in the form information;
[0018] Based on the configuration information, generate the corresponding first form component;
[0019] Based on the verification information, the first form component is updated to obtain the second form component;
[0020] Based on the initial data corresponding to the second form component, the second form component is populated with data to obtain the target form component;
[0021] Generate a form corresponding to the target form component.
[0022] Fourthly, this application also provides a computer-readable storage medium. The computer-readable storage medium stores a computer program thereon, which, when executed by a processor, performs the following steps:
[0023] The form information in the preset format is parsed to obtain the configuration information and validation information of the form fields in the form information;
[0024] Based on the configuration information, generate the corresponding first form component;
[0025] Based on the verification information, the first form component is updated to obtain the second form component;
[0026] Based on the initial data corresponding to the second form component, the second form component is populated with data to obtain the target form component;
[0027] Generate a form corresponding to the target form component.
[0028] Fifthly, this application also provides a computer program product. The computer program product includes a computer program that, when executed by a processor, performs the following steps:
[0029] The form information in the preset format is parsed to obtain the configuration information and validation information of the form fields in the form information;
[0030] Based on the configuration information, generate the corresponding first form component;
[0031] Based on the verification information, the first form component is updated to obtain the second form component;
[0032] Based on the initial data corresponding to the second form component, the second form component is populated with data to obtain the target form component;
[0033] Generate a form corresponding to the target form component.
[0034] The aforementioned form generation methods, apparatus, computer equipment, computer-readable storage media, and computer program products, through automated parsing of form information, help reduce the workload of manually writing form components; through processing configuration and validation information, they help improve the flexibility and reusability of form generation; through automatic initial data filling, they help simplify the implementation of form editing and data display functions; this automated form generation method improves the efficiency of form generation, reduces development complexity, and increases development efficiency, while ensuring the accuracy of generated forms, thereby facilitating efficient page development and improving overall development efficiency. Attached Figure Description
[0035] To more clearly illustrate the technical solutions in the embodiments or related technologies of this application, the accompanying drawings used in the description of the embodiments or related technologies 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.
[0036] Figure 1 This is a flowchart illustrating a form generation method in one embodiment;
[0037] Figure 2This is a flowchart illustrating the form generation method in another embodiment;
[0038] Figure 3 This is a flowchart illustrating the form generation method in yet another embodiment;
[0039] Figure 4 This is a structural block diagram of a form generation device in one embodiment;
[0040] Figure 5 This is an internal structural diagram of a computer device in one embodiment. Detailed Implementation
[0041] To make the objectives, technical solutions, and advantages of this application clearer, the following detailed description is provided in conjunction with the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are merely illustrative and not intended to limit the scope of this application.
[0042] It should be noted that the user information (including but not limited to user device information, user personal information, etc.) and data (including but not limited to data used for analysis, data stored, data displayed, etc.) involved in this application are all information and data authorized by the user or fully authorized by all parties, and the collection, use and processing of the relevant data must comply with relevant regulations.
[0043] As business complexity and functionality increase, there is a significant demand for developing numerous form pages in existing systems. Due to the large number of form pages, traditional manual development methods result in low development efficiency and high maintenance costs. This is especially true when using React as the underlying framework for system refactoring and upgrades, where developers need to perform repetitive form generation work for each form page, consuming considerable manual coding time and leading to low form generation efficiency.
[0044] Based on this, this application provides a form generation method, a computer device, a computer-readable storage medium, and a computer program product. First, the form generation method provided in this application will be described.
[0045] In one exemplary embodiment, such as Figure 1 As shown, a form generation method is provided. This embodiment illustrates the application of this method to a terminal. It is understood that this method can also be applied to a server, and further to a system including both a terminal and a server, and is implemented through interaction between the terminal and the server. The terminal can be, but is not limited to, various personal computers, laptops, smartphones, tablets, etc.; the server can be a standalone physical server, a server cluster or distributed system composed of multiple physical servers, or a cloud server providing cloud computing services. In this embodiment, the method includes the following steps:
[0046] Step S101: Parse the form information in the preset format to obtain the configuration information and validation information of the form fields in the form information.
[0047] Step S102: Generate the corresponding first form component based on the configuration information.
[0048] Step S103: Update the first form component according to the verification information to obtain the second form component.
[0049] Step S104: Based on the initial data corresponding to the second form component, perform data filling processing on the second form component to obtain the target form component.
[0050] Step S105: Generate the form corresponding to the target form component.
[0051] The form information can be a collection of data describing the entire form structure, layout, and attributes. For example, the form information can be data in JSON Schema format, which includes the overall structure of the form and detailed definitions of each field.
[0052] The default format can be JSON Schema.
[0053] Form fields can be the basic units that make up a form, used to collect user input of a preset type. For example, form fields can be specific form elements such as text input boxes, drop-down selection boxes, and date pickers.
[0054] The configuration information can be data that describes the attributes and behaviors of form fields. For example, the configuration information can include attributes such as the field type, label, placeholder text, and / or whether it is required.
[0055] The validation information can be data used to verify whether the input of form fields conforms to preset rules. For example, the validation information can include validation rules such as minimum length, maximum length and / or regular expression patterns.
[0056] The first form component can be a form component initially generated based on configuration information. For example, the first form component can be a React component that includes basic input functions but has not yet applied validation rules.
[0057] The second form component can be a form component that applies validation rules on top of the first form component. For example, the second form component can be a React component with input validation functionality.
[0058] The initial data can be a collection of data used to pre-populate form fields; for example, the initial data can be default values obtained from a backend interface.
[0059] The target form component can be the final form component after data population processing. For example, the target form component can be a React component that has been pre-populated with data and is ready for user interaction.
[0060] The form can be a complete user interface element generated by the target form component.
[0061] Optionally, the terminal receives form information in a preset format, which may be data in JSON Schema format. The terminal parses the preset format form information, extracting configuration and validation information for the form fields. Then, the terminal generates corresponding first form components based on the configuration information. These first form components can be React components based on a UI framework (front-end framework). Next, the terminal updates the first form components based on the validation information, applying validation rules to the corresponding form fields to obtain second form components with validation functionality. The terminal then populates the second form components with data based on the initial data corresponding to the second form components, obtaining a target form component pre-populated with data. Finally, the terminal generates a complete form corresponding to the target form component, which may contain input fields, validation logic, and initial data.
[0062] The above form generation method parses the form information in a preset format to obtain the configuration and validation information of the form fields; based on the configuration information, a corresponding first form component is generated; based on the validation information, the first form component is updated to obtain a second form component; based on the initial data corresponding to the second form component, the second form component is populated with data to obtain the target form component; and a form corresponding to the target form component is generated. This solution reduces the workload of manually writing form components by automating the parsing of form information; improves the flexibility and reusability of form generation by processing configuration and validation information; simplifies the implementation of form editing and data display functions by automatically populating initial data; this automated form generation method improves the efficiency of form generation, reduces development complexity, increases development efficiency, and ensures the accuracy of generated forms, thereby facilitating efficient page development and improving overall development efficiency.
[0063] In an exemplary embodiment, generating a corresponding first form component based on configuration information specifically includes the following: determining the type of a form field based on the configuration information; selecting a target input component corresponding to the type of the form field from candidate input components; and generating the first form component based on the configuration information and the target input component.
[0064] The type of a form field can be a basic attribute of the form field, such as text, number, date, selection, etc.
[0065] Among them, the candidate input component can be a set of predefined basic form components used to implement various types of user input. For example, the candidate input component can include React components based on the Ant Design UI framework, such as InputField and SelectField.
[0066] The target input component can be a component selected from the candidate input components that matches the form field type.
[0067] Optionally, the terminal determines the type of each form field based on the field type attribute in the configuration information. Then, the terminal selects the appropriate target input component from a predefined candidate input component library according to the type of the form field; for example, it selects the InputField component for text and the DatePicker component for date. Finally, the terminal applies other attributes from the configuration information (such as labels, placeholder text, whether a field is required, etc.) to the selected target input component to generate the first form component.
[0068] The technical solution provided in this embodiment determines the type of form fields based on configuration information and selects the corresponding component from candidate input components, which facilitates the automated generation and high configurability of form components and reduces the workload of manually writing form components.
[0069] In an exemplary embodiment, the first form component is updated based on the verification information to obtain the second form component. Specifically, this includes: adding the verification information to the first form component to obtain a form component with verification functionality; and generating the second form component based on the form component with verification functionality.
[0070] Among them, the form component with validation function can be a component that adds validation information on the basis of the first form component. For example, the form component with validation function can be a React component that contains input validation logic and can perform real-time validation of user input according to validation rules.
[0071] Optionally, the terminal parses the validation information and converts it into executable validation rules, adds the validation rules to the first form component, and obtains a form component with validation functionality, which can perform real-time validation of user input. Subsequently, based on this form component with validation functionality, the terminal generates a second form component, which not only includes the original input functionality but also integrates complete validation logic.
[0072] The technical solution provided in this embodiment generates a form component with validation function by adding validation information to the first form component, which helps to achieve consistency between front-end and back-end validation logic and reduce errors caused by inconsistent validation rules.
[0073] In an exemplary embodiment, generating a form corresponding to the target form component specifically includes the following: determining the layout method of the target form component based on the layout information in the form information; and generating a form containing the target form component based on the layout method.
[0074] The layout information can be data describing how form components are arranged and organized on the page. For example, the layout information can include the arrangement order, grouping method, alignment method, etc.
[0075] The layout method can be the specific arrangement and organization of form components on the page. For example, the layout method can be vertical arrangement, horizontal arrangement, grid layout, or group layout.
[0076] A form can be a complete user interface element that contains one or more target form components and is organized in a specific layout. For example, a form can be a user registration interface that contains multiple input fields, checkboxes, and a submit button.
[0077] Optionally, the terminal parses the layout information in the form information to determine the layout method of the target form components. Based on the determined layout method, the terminal generates a final form that includes the target form components and arranges them according to the layout method.
[0078] The technical solution provided in this embodiment determines the layout method of the target form component based on the layout information in the form information, and generates a form containing the target form component accordingly, which helps to improve the configurability and flexibility of the form layout.
[0079] In an exemplary embodiment, after generating the form corresponding to the target form component, the method further includes: obtaining form update information of the form; dynamically updating the target form component based on the form update information to obtain the updated form component; and generating the form corresponding to the updated form component.
[0080] The form update information can be a data set used to modify or adjust the existing form structure or content. For example, the form update information can include operation instructions such as adding fields, deleting fields, modifying field attributes, or updating validation rules.
[0081] Dynamic update processing can be a process that modifies the target form component in real time based on form update information. For example, dynamic update processing can include operations such as adding new input fields, changing the validation rules of existing fields, or modifying the layout of fields.
[0082] The updated form component can be a new version of the form component that has been dynamically updated.
[0083] Optionally, after generating the form corresponding to the target form component, the terminal receives form update information. The terminal parses the form update information to determine the specific update operation to be performed, such as adding a new field, modifying existing field attributes, or updating validation rules. Based on the parsing results, the terminal dynamically updates the target form component. After processing, the terminal obtains the updated form component and then regenerates the complete form containing these updated form components.
[0084] The technical solution provided in this embodiment, by acquiring form update information and dynamically updating the target form components, facilitates real-time modification and adjustment of the form, thereby improving the flexibility and maintainability of the form.
[0085] In an exemplary embodiment, after generating the form corresponding to the target form component, the following steps are also included: integrating the form into a preset entry component; and generating a front-end form page corresponding to the form based on the preset entry component with the integrated form.
[0086] The preset entry component can be a predefined component used as a container or wrapper for a form, such as the entry component of an application.
[0087] Integration can be the process of inserting or embedding the generated form component into a preset entry component. For example, integration can be achieved by adding the form component as a sub-component to the preset entry component through component combination.
[0088] The front-end form page can be the complete form interface that is finally presented to the user, including the form and surrounding page elements.
[0089] Optionally, after generating the form corresponding to the target form component, the terminal integrates the form as a child component into the preset entry component. The terminal renders the generated form component as a child element of the preset entry component and generates the front-end form page corresponding to the form based on the preset entry component with the integrated form.
[0090] The technical solution provided in this embodiment integrates the generated form into a preset entry component and generates a front-end form page based on the preset entry component with the integrated form. This facilitates the unified management and rendering of the form and other page elements, improves the modularity and reusability of page development, and allows the form to be more flexibly embedded into different page layouts.
[0091] In an exemplary embodiment, the second form component is populated with data based on the initial data corresponding to the second form component. Specifically, this includes: identifying the form fields to be populated in the second form component that correspond to the initial data; and populating the form fields to be populated in the second form component with data based on the initial data to obtain the target form component.
[0092] The form field to be filled can be a form field in the second form component that needs to be pre-filled based on the initial data. For example, the form field to be filled can be a form element such as an input box that corresponds to the key name in the initial data.
[0093] Data population can be the process of assigning values from the initial data to the corresponding form fields.
[0094] Optionally, the terminal iterates through all form fields in the second form component, matching the identifier of each form field with the key in the initial data to determine the form field to be populated corresponding to the initial data. Then, the terminal iterates through all form fields to be populated, extracts the corresponding values from the initial data, and sets these values as the default value or current value of the corresponding form field to be populated, thus obtaining the target form component containing pre-populated data.
[0095] The technical solution provided in this embodiment determines the form fields to be filled corresponding to the initial data in the second form component and performs data filling processing on these form fields, which is beneficial to realize the automatic pre-fill function of the form, so that the form can adjust the content according to the initial data and reduce the workload of manual input by the user.
[0096] The following application example illustrates the form generation method provided in this application. This application example demonstrates the application of this method to a terminal.
[0097] As business complexity increases and functionality expands, some internal systems require restructuring and upgrades. However, restructuring and upgrading multiple pages leads to low development efficiency and high maintenance costs. This application example, however, allows users to directly drag and drop the JSON schema of corresponding components visually, enabling rapid and efficient page development, improving development efficiency, and reducing maintenance costs.
[0098] The key points of this application example are as follows:
[0099] (1) Automated form generation: React form components are automatically generated by parsing JSON Schema.
[0100] (2) Custom validation and data population: Parse validation rules in the JSON Schema, such as minLength, maxLength, and pattern, and apply these rules to the corresponding form field components. Provide initial data population functionality, support pre-population and dynamic updates of forms, and support for custom validation rules, making the form validation logic more flexible and powerful.
[0101] (3) Consistent validation logic: Define validation rules in JSON Schema to ensure that the front-end form validation and back-end data validation logic are consistent, and reduce problems caused by inconsistent validation.
[0102] The overall architecture of this application example is as follows:
[0103] (1) FormGenerator: The main form generator component, used to receive JSON Schema and initial data to generate forms.
[0104] (2) schemaParser: A function that parses the JSON schema and generates form field configurations.
[0105] (3) FormFields: Basic input components, such as InputField, SelectField, etc., which encapsulate form components from Ant Design (pre-designed).
[0106] (3) App: The entry component of the application, which loads the form generator component and passes in the JSON Schema and initial data.
[0107] A flowchart of this application example is provided for reference. Figure 2 This includes: selecting the corresponding form information from the form information; parsing the form information using a function that parses the form information; selecting the corresponding component based on the parsed content using the front-end framework; generating the corresponding component using the main form generator component; and outputting the form page.
[0108] Another flowchart for this application example Figure 3 This includes: selecting a form information component, combining it with a front-end framework, receiving form information and initial data, parsing the form information, generating form field configurations, encapsulating the form component of the front-end framework, and generating the form component.
[0109] This application example has at least the following technical effects:
[0110] (1) Improve development efficiency: By automatically generating forms through parsing JSON Schema, the workload of manually writing form components is reduced. Developers only need to define the JSON Schema to automatically generate the corresponding forms, which greatly improves development efficiency.
[0111] (2) Enhance code maintainability by separating form components, parsing logic, and form generators, making the code structure clear and responsibilities well-defined. This modular design makes the code easier to maintain and extend.
[0112] (3) Reduce the risk of errors. By defining validation rules in JSON Schema, the consistency of validation logic between the front end and the back end is ensured, and errors caused by inconsistent validation rules are reduced.
[0113] (4) It has strong scalability. Due to the modular design, more form field types, validation rules and other functions can be easily added in the future to meet more complex business needs.
[0114] (5) Automated form generation: Form fields and layouts are automatically generated by parsing JSON Schema, reducing the workload of manually writing form components.
[0115] (6) Custom validation and data population: By parsing validation rules in the JSON Schema, such as minLength, maxLength, and pattern, and applying these rules to form field components, complex custom validation can be achieved. It supports initial data population and dynamic updates, which facilitates form editing and data display, improving user experience and form flexibility.
[0116] (7) High configurability and scalability: Different forms can be dynamically generated by modifying the JSON Schema to adapt to changing business needs. No code modification is required; simply adjust the Schema to generate new forms. The modular design allows the tool to be easily extended, supporting more field types and complex business logic. Developers can add new form components and validation rules according to specific needs.
[0117] (8) Improved Development and User Experience: The form development process is simplified, development complexity is reduced, and development efficiency is improved. Developers only need to focus on business logic and JSON Schema definition, while other tasks are completed automatically by the tool. The generated form components have consistent interactions and styles, conforming to the user experience standards of modern Web applications. Complex validation logic and data filling functions enhance the form's usability and usability.
[0118] It should be understood that although the steps in the flowcharts of the embodiments described above are shown sequentially according to the arrows, these steps are not necessarily executed in the order indicated by the arrows. Unless explicitly stated herein, there is no strict order restriction on the execution of these steps, and they can be executed in other orders. Moreover, at least some steps in the flowcharts of the embodiments described above may include multiple steps or multiple stages. These steps or stages are not necessarily completed at the same time, but can be executed at different times. The execution order of these steps or stages is not necessarily sequential, but can be performed alternately or in turn with other steps or at least some of the steps or stages of other steps.
[0119] Based on the same inventive concept, this application also provides a form generation apparatus for implementing the form generation method described above. The solution provided by this apparatus is similar to the implementation described in the above method; therefore, the specific limitations in one or more form generation apparatus embodiments provided below can be found in the limitations of the form generation method described above, and will not be repeated here.
[0120] In one exemplary embodiment, such as Figure 4 As shown, a form generation apparatus 400 is provided, which may include:
[0121] The information parsing module 401 is used to parse form information in a preset format to obtain the configuration information and validation information of the form fields in the form information;
[0122] The component generation module 402 is used to generate the corresponding first form component based on the configuration information;
[0123] The component update module 403 is used to update the first form component based on the validation information to obtain the second form component;
[0124] The component processing module 404 is used to fill in the data of the second form component according to the initial data corresponding to the second form component, so as to obtain the target form component;
[0125] The form generation module 405 is used to generate a form corresponding to the target form component.
[0126] In an exemplary embodiment, the component generation module 402 is further configured to determine the type of a form field based on configuration information; select a target input component corresponding to the type of the form field from candidate input components; and generate a first form component based on the configuration information and the target input component.
[0127] In an exemplary embodiment, the component update module 403 is further configured to add validation information to the first form component to obtain a form component with validation functionality; and generate a second form component based on the form component with validation functionality.
[0128] In an exemplary embodiment, the form generation module 405 is further configured to determine the layout method of the target form component based on the layout information in the form information; and generate a form containing the target form component based on the layout method.
[0129] In an exemplary embodiment, the device 400 further includes: an information acquisition module, configured to acquire form update information of the form; dynamically update the target form component according to the form update information to obtain the updated form component; and generate a form corresponding to the updated form component.
[0130] In an exemplary embodiment, the device 400 further includes: a page generation module for integrating the form into a preset entry component; and generating a front-end form page corresponding to the form based on the preset entry component with the integrated form.
[0131] In an exemplary embodiment, the component processing module 404 is further configured to determine, in the second form component, the form field to be filled corresponding to the initial data; and to perform data filling processing on the form field to be filled in the second form component according to the initial data to obtain the target form component.
[0132] Each module in the aforementioned form generation device can be implemented entirely or partially through software, hardware, or a combination thereof. These modules can be embedded in or independent of the processor in a computer device, or stored in the memory of a computer device as software, so that the processor can call and execute the operations corresponding to each module.
[0133] In one exemplary embodiment, a computer device is provided, which may be a terminal, and its internal structure diagram may be as follows: Figure 5As shown, the computer device includes a processor, memory, input / output interfaces, a communication interface, a display unit, and an input device. The processor, memory, and input / output interfaces are connected via a system bus, and the communication interface, display unit, and input device are also connected to the system bus via the input / output interfaces. The processor provides computing and control capabilities. The memory includes non-volatile storage media and internal memory. The non-volatile storage media stores the operating system and computer programs. The internal memory provides an environment for the operation of the operating system and computer programs stored in the non-volatile storage media. The input / output interfaces are used for exchanging information between the processor and external devices. The communication interface is used for wired or wireless communication with external terminals; wireless communication can be achieved through Wi-Fi, mobile cellular networks, NFC (Near Field Communication), or other technologies. When executed by the processor, the computer program implements a form generation method. The display unit is used to form a visually visible image and can be a display screen, a projection device, or a virtual reality imaging device. The display screen can be an LCD screen or an e-ink screen. The input device of the computer device can be a touch layer covering the display screen, or buttons, trackballs, or touchpads set on the casing of the computer device, or external keyboards, touchpads, or mice, etc.
[0134] Those skilled in the art will understand that Figure 5 The structure shown is merely a block diagram of a portion of the structure related to the present application and does not constitute a limitation on the computer device to which the present application is applied. Specific computer devices may include more or fewer components than those shown in the figure, or combine certain components, or have different component arrangements.
[0135] In one exemplary embodiment, a computer device is also provided, including a memory and a processor, wherein the memory stores a computer program, and the processor executes the computer program to implement the steps in the above-described method embodiments.
[0136] In one exemplary embodiment, a computer-readable storage medium is provided having a computer program stored thereon that, when executed by a processor, implements the steps in the above-described method embodiments.
[0137] In one exemplary embodiment, a computer program product is provided, including a computer program that, when executed by a processor, implements the steps in the above-described method embodiments.
[0138] Those skilled in the art will understand that all or part of the processes in the above embodiments can be implemented by a computer program instructing related hardware. The computer program can be stored in a non-volatile computer-readable storage medium. When executed, the computer program can include the processes of the embodiments described above. Any references to memory, databases, or other media used in the embodiments provided in this application can include at least one of non-volatile and volatile memory. Non-volatile memory can include read-only memory (ROM), magnetic tape, floppy disk, flash memory, optical memory, high-density embedded non-volatile memory, resistive random access memory (ReRAM), magnetic random access memory (MRAM), ferroelectric random access memory (FRAM), phase change memory (PCM), graphene memory, etc. Volatile memory can include random access memory (RAM) or external cache memory, etc. By way of illustration and not limitation, RAM can take many forms, such as Static Random Access Memory (SRAM) or Dynamic Random Access Memory (DRAM). The databases involved in the embodiments provided in this application may include at least one type of relational database and non-relational database. Non-relational databases may include, but are not limited to, blockchain-based distributed databases. The processors involved in the embodiments provided in this application may be general-purpose processors, central processing units, graphics processing units, digital signal processors, programmable logic devices, quantum computing-based data processing logic devices, etc., and are not limited to these.
[0139] The technical features of the above embodiments can be combined in any way. For the sake of brevity, not all possible combinations of the technical features in the above embodiments are described. However, as long as there is no contradiction in the combination of these technical features, they should be considered to be within the scope of this specification.
[0140] The embodiments described above are merely illustrative of several implementation methods of this application, and while the descriptions are specific and detailed, they should not be construed as limiting the scope of this patent application. It should be noted that those skilled in the art can make various modifications and improvements without departing from the concept of this application, and these all fall within the protection scope of this application. Therefore, the protection scope of this application should be determined by the appended claims.
Claims
1. A form generation method, characterized in that, The method includes: The form information in the preset format is parsed to obtain the configuration information and validation information of the form fields in the form information; Based on the configuration information, generate the corresponding first form component; Based on the verification information, the first form component is updated to obtain the second form component; Based on the initial data corresponding to the second form component, the second form component is populated with data to obtain the target form component; Generate a form corresponding to the target form component.
2. The method according to claim 1, characterized in that, The step of generating the corresponding first form component based on the configuration information includes: The type of the form field is determined based on the configuration information; Select the target input component from the candidate input components that corresponds to the type of the form field; The first form component is generated based on the configuration information and the target input component.
3. The method according to claim 1, characterized in that, The step of updating the first form component based on the verification information to obtain the second form component includes: Add the verification information to the first form component to obtain a form component with verification functionality; The second form component is generated based on the form component with validation function.
4. The method according to claim 1, characterized in that, The generation of the form corresponding to the target form component includes: Based on the layout information in the form information, determine the layout method of the target form component; Based on the layout method, a form containing the target form component is generated.
5. The method according to claim 1, characterized in that, After generating the form corresponding to the target form component, the process also includes: Obtain the form update information of the form; Based on the form update information, the target form component is dynamically updated to obtain the updated form component; Generate a form corresponding to the updated form component.
6. The method according to claim 1, characterized in that, After generating the form corresponding to the target form component, the process also includes: Integrate the form into the preset entry component; Based on the preset entry component that integrates the form, generate the front-end form page corresponding to the form.
7. The method according to any one of claims 1 to 6, characterized in that, The step of filling the second form component with data based on the initial data corresponding to the second form component to obtain the target form component includes: In the second form component, the form fields to be filled corresponding to the initial data are determined; Based on the initial data, the form fields to be filled in the second form component are populated with data to obtain the target form component.
8. A computer device comprising a memory and a processor, wherein the memory stores a computer program, characterized in that, When the processor executes the computer program, it implements the steps of the 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, it implements the steps of the method according to any one of claims 1 to 7.
10. A computer program product, comprising a computer program, characterized in that, When the computer program is executed by a processor, it implements the steps of the method according to any one of claims 1 to 7.