Front-end form construction method and device, equipment and medium

Abstract

The invention discloses a front-end form construction method and device, equipment and a medium, and relates to the technical field of computers, and the method comprises the steps: carrying out corresponding form information filling on a current dynamic editable form according to form information corresponding to form configuration options, and carrying out information verification on the filled to-be-confirmed front-end form, if the abnormal form configuration options exist, abnormal reminding is carried out, and the abnormal form configuration options are filled based on the re-received form supplementary information; according to the received form configuration option adding instruction, newly-added form items are configured in the front-end form to be confirmed, the newly-added form items are checked after being filled based on the received newly-added form information, and a current form to be confirmed is obtained; and if a form storage instruction is received, taking the current to-be-confirmed form as a target front-end form for examination and approval, and configuring a user permission for the target front-end form. Therefore, the user can customize the application form according to the actual business demand without programming knowledge.

Description

Technical Field

[0001] The present invention relates to the field of computer technology, and particularly to a method, device, equipment and medium for constructing a front-end form. Background Art

[0002] In the traditional enterprise operation mode, when enterprises handle various business approvals, they often need to customize and develop special application programs to support specific types of application forms. This method is not only time-consuming and laborious, but also difficult to cope with frequently changing business rules. To solve this problem, many configurable form products based on rule engines or visualization tools have emerged in the market. However, they usually only solve the problems of the form itself, such as the style of the form, field settings, etc., and do not fully consider the dynamic adjustment requirements in the entire approval process, and require operators to have a certain coding ability, which greatly limits the efficiency of form generation and approval. Summary of the Invention

[0003] In view of this, the purpose of the present invention is to provide a method, device, equipment and medium for constructing a front-end form, which enables users to customize application forms according to actual business needs without programming knowledge. The specific solutions are as follows:

[0004] In a first aspect, the present application discloses a method for constructing a front-end form, which is applied to a front-end form construction system and includes:

[0005] Filling the current dynamically editable form with corresponding form information according to the received form information corresponding to the form configuration options to obtain a front-end form to be confirmed;

[0006] Based on a preset information verification rule, real-time information verification is performed on the front-end form to be confirmed to determine the correctness of each form configuration option in the front-end form to be confirmed. If there are abnormal form configuration options, an abnormal reminder corresponding to the abnormal form configuration option is generated, and the abnormal form configuration option is filled with the newly received form supplementary information;

[0007] Adding a new form item to the front-end form to be confirmed according to the received form configuration option adding instruction, filling the new form item with the received new form information, and then jumping to the step of performing real-time information verification on the front-end form to be confirmed based on the preset information verification rule to verify the new form item, so as to obtain the current front-end form to be confirmed;

[0008] If a form saving instruction is received, the current front-end form to be confirmed is used as the target front-end form for approval, and user usage permissions are configured for the target front-end form.

[0009] Optionally, filling the current dynamically editable form with corresponding form information according to the received form information corresponding to the form configuration options to obtain a front-end form to be confirmed includes:

[0010] If an access request is received, start a form configurator based on the access request to display form configuration options through a front-end configuration page;

[0011] Successively fill each form configuration option in the current dynamically editable form with the received form information corresponding to the form configuration options to obtain a front-end form to be confirmed.

[0012] Optionally, the information of the front-end form to be confirmed is verified in real time based on a preset information verification rule to determine the correctness of each form configuration option in the front-end form to be confirmed. If there are abnormal form configuration options, an exception reminder corresponding to the abnormal form configuration option is generated, and the abnormal form configuration option is filled with the received form supplementary information again, including:

[0013] Perform format verification on the front-end form to be confirmed to determine whether the form information corresponding to each form configuration option in the front-end form to be confirmed conforms to the corresponding preset information format;

[0014] Perform character verification on the front-end form to be confirmed to determine whether there are abnormal characters in the form information corresponding to each form configuration option in the front-end form to be confirmed;

[0015] If there are abnormal form configuration options in the front-end form to be confirmed that do not conform to the preset information format and / or contain abnormal characters in the form information, an exception type reminder for the abnormal form configuration option is generated;

[0016] If form supplementary information corresponding to the abnormal form configuration option is received, replace the form information in the abnormal form configuration option according to the form supplementary information, and verify the form supplementary information until there are no abnormal form configuration options in the front-end form to be confirmed.

[0017] Optionally, configure a new form item in the front-end form to be confirmed according to the received form configuration option addition instruction, fill the new form item with the received new form information, and then jump to the step of verifying the information of the front-end form to be confirmed in real time based on the preset information verification rule to verify the new form item and obtain the current front-end form to be confirmed, including:

[0018] If a form configuration option addition instruction is received, add a new form item to the to-be-confirmed front-end form according to the form configuration option addition instruction, determine the type of the new form item according to the received form item configuration instruction, and fill the new form item according to the received new form information;

[0019] Jump to the step of performing information verification on the to-be-confirmed front-end form in real time according to the preset information verification rule to verify the new form item until the new form item passes the verification to obtain the current to-be-confirmed form.

[0020] Optionally, adding a new form item to the to-be-confirmed front-end form according to the form configuration option addition instruction includes:

[0021] Add a new form item to the to-be-confirmed front-end form according to the form addition instruction, and determine whether a split display instruction is received;

[0022] If the split display instruction is received, insert a new table below the row where the new form item is located, and merge and display the new form item and the new table.

[0023] Optionally, if a form save instruction is received, approve the current to-be-confirmed form as the target front-end form, and configure user usage permissions for the target front-end form, including:

[0024] If a form save instruction is received, save the content in the current to-be-confirmed form to approve the current to-be-confirmed form as the target front-end form;

[0025] If a form release instruction is received, generate a permission configuration pop-up window, and configure the usage permissions of the target front-end form for the corresponding user according to the user configuration instruction received based on the permission configuration pop-up window.

[0026] Optionally, the front-end form construction method further includes:

[0027] Save the target front-end form and the current target form information of the target front-end form to the local database, and call the target front-end form and the target form information through a preset call interface after receiving a form call request corresponding to the target front-end form.

[0028] In a second aspect, the present application discloses a front-end form construction device, which is applied to a front-end form construction system and includes:

[0029] A form filling module, configured to perform corresponding form information filling on the current dynamically editable form according to the received form information corresponding to the form configuration option to obtain a to-be-confirmed front-end form;

[0030] A form verification module, which is used to verify the information of the to-be-confirmed front-end form in real time based on a preset information verification rule to determine the correctness of each form configuration option in the to-be-confirmed front-end form. If there is an abnormal form configuration option, an exception reminder corresponding to the abnormal form configuration option is generated, and the abnormal form configuration option is filled based on the newly received form supplementary information.

[0031] A form item addition module, which is used to configure a new form item in the to-be-confirmed front-end form according to the received form configuration option addition instruction, and after filling the new form item based on the received new form information, jump to the step of verifying the information of the to-be-confirmed front-end form in real time based on the preset information verification rule to verify the new form item and obtain the current to-be-confirmed form.

[0032] A form confirmation module, which is used to, if a form save instruction is received, approve the current to-be-confirmed form as the target front-end form and configure user usage permissions for the target front-end form.

[0033] In a third aspect, the present application discloses an electronic device, including:

[0034] A memory, which is used to store a computer program;

[0035] A processor, which is used to execute the computer program to implement the front-end form construction method as described above.

[0036] In a fourth aspect, the present application discloses a computer-readable storage medium, which is used to store a computer program, wherein the computer program, when executed by a processor, implements the front-end form construction method as described above.

[0037] In this application, the current dynamically editable form can be filled with corresponding form information according to the received form information corresponding to the form configuration options to obtain a front-end form to be confirmed. Based on a preset information verification rule, the front-end form to be confirmed is verified in real time to determine the correctness of each form configuration option in the front-end form to be confirmed. If there are abnormal form configuration options, an abnormal reminder corresponding to the abnormal form configuration option is generated, and the abnormal form configuration option is filled with the re-received form supplementary information. According to the received form configuration option addition instruction, a new form item is configured in the front-end form to be confirmed, and after filling the new form item with the received new form information, it jumps to the step of verifying the front-end form to be confirmed in real time based on the preset information verification rule to verify the new form item, obtaining the current front-end form to be confirmed. If a form save instruction is received, the current front-end form to be confirmed is used as the target front-end form for approval, and user usage permissions are configured for the target front-end form.

[0038] It can be seen that through the method of this application, after receiving the form information corresponding to each form configuration option in the current dynamically editable form, the form configuration option can be filled with information, then each form information is verified, and in the case of abnormal form configuration options, an alarm is given. Then, the abnormal form configuration option is filled with the re-received form supplementary information. And in the case of receiving a form configuration option addition instruction, a new form item needs to be configured in the front-end form to be confirmed, and the new form item is filled with the received new form information, then the new form item is verified to obtain the current front-end form to be confirmed. If a form save instruction is received, the current front-end form to be confirmed is used as the target front-end form for approval, and user usage permissions are configured for the target front-end form. It can be seen that through the method of this application, users can customize application forms according to actual business needs without programming knowledge, which not only simplifies the form creation process but also allows personnel in different departments or positions to customize exclusive application forms according to their respective responsibilities, thus significantly improving work efficiency. BRIEF DESCRIPTION OF THE DRAWINGS

[0039] In order to more clearly illustrate the technical solutions in the embodiments of the present invention or the prior art, the following will briefly introduce the drawings required for the description of the embodiments or the prior art. Obviously, the drawings in the following description are only the embodiments of the present invention. For those of ordinary skill in the art, other drawings can be obtained according to the provided drawings without creative efforts.

[0040] Figure 1 It is a flowchart of a front-end form construction method disclosed in this application;

[0041] Figure 2 A schematic diagram of a form configuration page disclosed in this application;

[0042] Figure 3 A schematic diagram of a form preview page disclosed in this application;

[0043] Figure 4 A flowchart of a specific front - end form construction method disclosed in this application;

[0044] Figure 5 A schematic diagram of the structure of a front - end form construction device disclosed in this application;

[0045] Figure 6 A structural diagram of an electronic device disclosed in this application. Specific implementation manners

[0046] Next, the technical solutions in the embodiments of the present invention will be clearly and completely described in conjunction with the accompanying drawings in the embodiments of the present invention. Obviously, the described embodiments are only a part of the embodiments of the present invention, rather than all of the embodiments. Based on the embodiments of the present invention, all other embodiments obtained by those of ordinary skill in the art without creative efforts shall fall within the protection scope of the present invention.

[0047] In the prior art, configurable form products based on rule engines or visualization tools in the market usually only solve the problems of the form itself, such as form styles, field settings, etc., and do not fully consider the dynamic adjustment requirements in the entire approval process, and require operators to have a certain coding ability, which greatly limits the efficiency of form generation and approval.

[0048] To overcome the above - mentioned technical problems, this application discloses a front - end form construction method, device, equipment and medium, which enables users to customize application forms according to actual business requirements without programming knowledge, effectively improving the efficiency of form generation and approval.

[0049] See Figure 1 As shown, an embodiment of the present invention discloses a front - end form construction method, which is applied to a front - end form construction system and includes:

[0050] Step S11: Fill the current dynamically editable form with corresponding form information according to the received form information corresponding to the form configuration options to obtain a front - end form to be confirmed.

[0051] In this embodiment, when constructing the front-end form, it is necessary to fill the current dynamically editable form with the form information corresponding to each received form configuration item. Specifically, if the system receives an access request, it indicates that the user needs to access the form list page, and the form configurator can be started to display the form configuration options through the front-end configuration page. And as Figure 2 shown are the form configuration options displayed on the front-end configuration page. The form configuration interface mainly consists of two parts: form basic information setting and dynamically editable form. The form basic information includes three key parts: form name, form description, and default form items. Among them, the form name is the key element used to uniquely identify the form, ensuring that each specific form can be accurately identified and distinguished among numerous forms; the form description is used to briefly explain the specific purpose of the form, and this part of the description can help the filler quickly understand the purpose and significance of the form, so as to complete the form filling work more accurately; the default form items contain multiple important information, such as the requirement name, which is the clear naming of the specific requirement; the requirement description needs to elaborate on the requirement in detail; the applicant name should be accurately filled with the specific name of the party submitting the application; the applicant contact information must also be provided for subsequent communication, contact, and approval process notification. Through the form basic information, the purpose and theme of the form can be accurately conveyed, providing clear guidance for subsequent use and management. On the other hand, the dynamically editable form is a highly flexible table. Users can add various form items according to actual needs. Its text box can be used to input text information, and its drop-down menu can provide specific options for users to select, such as providing a date picker for users to select a specific date. Therefore, users can configure the form items by clicking on each form configuration item. And after the system receives the form information corresponding to each form configuration option from the user, it can fill each form configuration option accordingly based on the received form information to obtain a preliminary front-end form to be confirmed.

[0052] It should be noted that there are also various operation buttons configured on the front-end interface, including cancel, preview, save, and save and publish buttons. Among them, the cancel button can revoke all the current editing operations, restoring the form to its previous state and avoiding unnecessary errors or troubles. As Figure 3As shown, the preview button provides users with a function to view the implementation effect of the form in real time. The save button is an important tool for data management. After the user has performed a series of editing operations on the form and clicks the save button, the system will accurately save all the content of this edit to the database. The save and publish button integrates the functions of saving and publishing. When the user clicks this button, the system will not only save the content of this edit to the database, but also publish the form at the same time. In this way, an intuitive user interface can be provided, enabling non-technical personnel without coding skills to easily design front-end forms.

[0053] Step S12: Based on the preset information verification rules, verify the information of the to-be-confirmed front-end form in real time to determine the correctness of each form configuration option in the to-be-confirmed front-end form. If there are abnormal form configuration options, generate an abnormal reminder corresponding to the abnormal form configuration option, and fill the abnormal form configuration option based on the form supplementary information received again.

[0054] In this embodiment, it is necessary to verify the form information in each form configuration option of the to-be-confirmed front-end form in real time to ensure the correctness of the information in the form. And in the case of having abnormal form configuration options, it is also necessary to give an abnormal reminder so that the user can correct the abnormal information in the abnormal form configuration option in time. Specifically, it is necessary to perform format verification on the to-be-confirmed front-end form to determine whether the form information corresponding to each form configuration option in the to-be-confirmed front-end form conforms to the corresponding preset information format, and at the same time perform character verification on the to-be-confirmed front-end form to determine whether there are abnormal characters in the form information corresponding to each form configuration option in the to-be-confirmed front-end form. It should be noted that the verification of the form information in each form configuration option is real-time. After the form information is input into the corresponding form configuration option, the verification is performed in real time. It should be noted that whether it is format verification or character verification, it is verified through the preset information verification rules configured by the user corresponding to the form configuration option, and the preset information verification rules can be set by the user when configuring the form configuration option. For example, the verification rules configured for form configuration option A are to perform format verification and character verification, and the verification rules configured for form configuration option A are to perform only format verification.

[0055] Further explanation is needed. When performing format verification, it is necessary to determine whether the form information corresponding to each current form configuration option conforms to the preset information format set by the user, so as to judge the validity of the information. For example, when entering a date, it is necessary to verify whether the date entered by the user conforms to a specific date format, such as "YYYY-MM-DD"; when entering a user name, a minimum and maximum length may be specified to prevent the user from entering a user name that is too long or too short; moreover, the minimum and maximum value verification is applied in many scenarios. For example, when entering an age, the maximum and minimum values of the age are set to ensure that the entered age is within a reasonable range.

[0056] Furthermore, when performing character verification, it is necessary to determine whether there are abnormal characters in the form information. For example, when entering an amount, it is necessary to verify whether the format of the amount is correct and whether it contains illegal characters; when verifying an email address, it is necessary to ensure that the entered email does not contain illegal characters to ensure the correctness of the email domain name; the mobile phone number format verification can ensure that the mobile phone number entered by the user is correct and conforms to the encoding rules of mobile phone numbers; similarly, the ID card number format verification needs to ensure the authenticity and validity of the ID card number.

[0057] In summary, when there are abnormal form configuration options in the to-be-confirmed front-end form that do not conform to the preset information format and / or contain abnormal characters in the form information, it is necessary to generate an abnormal type reminder for the abnormal form configuration options to remind the user that the currently entered information is abnormal. For example, when the format is incorrect, prompt text can be generated next to the abnormal form configuration option for abnormal reminder. When the user sees the abnormal reminder, they can re-enter the form supplementary information corresponding to the abnormal form configuration option. When the system receives the form supplementary information in real time, it replaces the form information in the abnormal form configuration option according to the form supplementary information, and then re-verifies the form supplementary information until there are no abnormal form configuration options in the to-be-confirmed front-end form. In this way, the accuracy of the information in the form can be guaranteed before the form is officially generated, effectively improving the user experience.

[0058] Step S13: Configure a new form item in the to-be-confirmed front-end form according to the received form configuration option addition instruction, and after filling the new form item based on the received new form information, jump to the step of performing information verification on the to-be-confirmed front-end form in real time according to the preset information verification rules to verify the new form item and obtain the current to-be-confirmed form.

[0059] In this embodiment, when the user needs to configure a new form item in the form, the new form item can be configured in the form. Specifically, if a form configuration option addition instruction is received, a new form item is configured in the front-end form to be confirmed according to the form configuration option addition instruction. It should be noted that the newly added form item has multiple attribute setting options, and the type of the newly added form item can be determined according to the received form item configuration instruction, and the newly added form item is filled with the received new form information. Further, when the form information filling is completed, it is necessary to jump to the step of performing information verification on the front-end form to be confirmed in real time based on the preset information verification rules to verify the form information in the newly added form item, and when there is an abnormality in the form information, an abnormality reminder is given according to the method in step S12 until the newly added form item passes the verification to obtain the current form to be confirmed.

[0060] It should be noted that as Figure 2 shown, the newly added form item also supports a series of editing operations, including moving up, moving down, deleting, and configuring, etc., and all form items in the dynamically editable form part of the form support the above editing operations, so as to facilitate the user to flexibly adjust and manage the form items to meet different business needs and form design requirements. In this way, through the newly added form item of the dynamically editable form, the form can be created and modified flexibly and conveniently, so as to improve the flexibility and expandability of form generation.

[0061] Step S14: If a form save instruction is received, the current form to be confirmed is used as the target front-end form for approval, and user usage permissions are configured for the target front-end form.

[0062] In this embodiment, if a form save instruction is received, the form can be saved and published. Specifically, when the user clicks the save and publish button, the system can save and publish the current form, that is, if a form save instruction is received, the content in the current form to be confirmed is saved, and the current form to be confirmed is used as the target front-end form for approval. If a form publish instruction is received, a permission configuration pop-up window is generated, and user configuration instructions received based on the permission configuration pop-up window are used to configure the usage permissions of the target front-end form for the corresponding users. It should be noted that the save and publish button integrates the two functions of save and publish. When the user clicks this button, the system will not only save the content edited this time to the database, but also publish the form at the same time. During the publishing process, the system will require the user to select the available roles of the form, so that the user can precisely control the access and usage permissions of the form. Only users with the selected roles can access and use the form, thus effectively protecting the security and privacy of the form data and ensuring that the use of the form meets the expected management requirements.

[0063] It should be noted that when a role with form usage permission successfully logs in to the system, it can use the authorized form to submit a requirement application. If the approval process acquisition address is configured, a prompt box will pop up when submitting the application to ask whether to notify the approval process. If the user selects to require progress notification, then once any change occurs in the approval node, the system will send a progress notification of the approval process in a timely manner according to the applicant contact information filled in the application form, ensuring that the applicant can learn the latest approval dynamics in the first place.

[0064] Furthermore, it should be noted that the target front-end form and the current target form information of the target front-end form can be saved to the local database, and after receiving the form call request corresponding to the target front-end form, the target front-end form and the target form information can be called through a preset call interface. Through the interface disclosed in this application, third-party applications can obtain the configuration information of the form, and thus can customize and optimize the form according to their own business requirements. Moreover, when the configuration information of the form changes, the new configuration information can also be saved in a timely manner through this interface to ensure the data consistency and accuracy of the entire system. And after the form is saved, the saved form can be converted in format through a preset script, and the preset script is a library table initialization script standardized for common type databases. By converting the form through the script, the form can be made applicable to various different systems, and in this way, through standardized operation processes and specifications, the initialization process of the data table is greatly simplified.

[0065] Furthermore, the front-end form construction system in this application also provides a role acquisition address configuration item and a trial process acquisition address configuration item. Among them, the role acquisition address configuration item is mainly used to obtain the role list in the current system. In a complex system, there are usually multiple different roles, and each role has specific permissions and responsibilities. Through this configuration item, the system can accurately identify and obtain the information of each role, providing basic support for subsequent permission management and business process control. The trial process acquisition address configuration item is used to obtain the approval process after the user submits an application. In actual business operations, different application items may require different approval processes. Through this configuration item, the system can automatically obtain the corresponding approval process information according to the specific application content and business rules, guiding the user to operate according to the specified process to ensure the standardization and high efficiency of the approval work.

[0066] It can be seen that in this embodiment, after receiving the form information corresponding to each form configuration option in the current dynamically editable form, the form configuration option can be filled with information, and then each piece of form information is verified. In the case of an abnormal form configuration option, an alarm is issued, and then the abnormal form configuration option is filled based on the re-received form supplementary information. And when receiving a form configuration option addition instruction, it is necessary to configure a new form item in the form in the front-end form to be confirmed, and fill the new form item based on the received new form information, and then verify the new form item to obtain the current form to be confirmed. If a form save instruction is received, the current form to be confirmed is used as the target front-end form for approval, and user usage permissions are configured for the target front-end form. It can be seen that through the method of this application, users can customize application forms according to actual business needs without programming knowledge, which not only simplifies the form creation process, but also allows personnel in different departments or positions to customize exclusive application forms according to their respective responsibilities, thus significantly improving work efficiency.

[0067] Based on the foregoing embodiments, it can be known that through the method of this application, new form items can be added to a dynamically editable form. Therefore, this embodiment elaborates in detail on how to add new form items to the form. Refer to Figure 4 As shown, an embodiment of the present invention discloses a front-end form construction method, which is applied to a front-end form construction system and includes:

[0068] Step S21: Fill the current dynamically editable form with corresponding form information according to the received form information corresponding to the form configuration option to obtain a front-end form to be confirmed.

[0069] Step S22: Based on a preset information verification rule, verify the information of the front-end form to be confirmed in real time to determine the correctness of each form configuration option in the front-end form to be confirmed. If there is an abnormal form configuration option, generate an abnormal reminder corresponding to the abnormal form configuration option, and fill the abnormal form configuration option based on the re-received form supplementary information.

[0070] Step S23: If a form configuration option addition instruction is received, configure a new form item in the front-end form to be confirmed according to the form configuration option addition instruction, determine the type of the new form item according to the received form item configuration instruction, and fill the new form item according to the received new form information.

[0071] In this embodiment, when the user needs to configure a new form item in the form, a new form item can be configured in the form. Specifically, such as Figure 2As shown, in the form configuration page, the configurable part covers two major sections: requirement information and applicant information, presented as two editable table areas on the page. When a new form item needs to be added, the user can click the "Add New" button below the table, and then dynamically add form items for requirement information or applicant information. On the system side, after the system receives the form addition instruction generated by the user clicking the "Add New" button, new form items are configured in the front-end form to be confirmed. It should be noted that the newly added form items have multiple attribute setting options, including setting the form item name to clearly identify the specific meaning of the form item; selecting the control type, such as text box, drop-down box, checkbox, etc., which can be flexibly determined according to actual needs; and selecting whether it is a required item to ensure that key information is not omitted.

[0072] Furthermore, it is also necessary to determine whether a split display instruction for the newly added configuration item is received. If the split display instruction is received, a new table is inserted below the row where the newly added form item is located, and the newly added form item is merged and displayed with the new table. Specifically, if the user selects split display, a table data row will be inserted below the row where the current form item is located, and these two rows will be displayed as a merged row in the table. In the actual form display effect, the form items corresponding to these two rows will be presented in the same row. In addition, if the split attribute of any one of these two rows is switched to "No", the split attributes of both rows will be simultaneously modified to "No". It should be noted that all form configuration options in the form can be split displayed. In this way, forms can be created and modified flexibly and conveniently to improve the flexibility and expandability of form generation.

[0073] Step S24: Jump to the step of performing information verification on the front-end form to be confirmed in real time based on the preset information verification rules to verify the newly added form item until the newly added form item passes the verification to obtain the current front-end form to be confirmed.

[0074] Step S25: If a form save instruction is received, use the current front-end form to be confirmed as the target front-end form for approval and configure user usage permissions for the target front-end form.

[0075] It can be seen from this that in this embodiment, if a form configuration option addition instruction is received, new form items can be configured in the front-end form to be confirmed according to the form configuration option addition instruction, and the type of the new form items can be determined according to the received form item configuration instruction, and the new form items can be filled according to the received new form information; then it jumps to the step of performing information verification on the front-end form to be confirmed in real time based on the preset information verification rule to verify the new form items until the new form items pass the verification to obtain the current form to be confirmed. In this way, forms can be created and modified flexibly and conveniently to improve the flexibility and expandability of form generation and effectively improve the user experience.

[0076] See Figure 5 As shown, an embodiment of the present invention discloses a front-end form construction device, which is applied to a front-end form construction system and includes:

[0077] A form filling module 11, configured to perform corresponding form information filling on the current dynamically editable form according to the received form information corresponding to the form configuration option to obtain a front-end form to be confirmed;

[0078] A form verification module 12, configured to perform information verification on the front-end form to be confirmed in real time based on a preset information verification rule to determine the correctness of each form configuration option in the front-end form to be confirmed. If there is an abnormal form configuration option, an abnormal reminder corresponding to the abnormal form configuration option is generated, and the abnormal form configuration option is filled based on the re-received form supplementary information;

[0079] A form item addition module 13, configured to configure new form items in the front-end form to be confirmed according to the received form configuration option addition instruction, and after filling the new form items based on the received new form information, jump to the step of performing information verification on the front-end form to be confirmed in real time based on the preset information verification rule to verify the new form items to obtain the current form to be confirmed;

[0080] A form confirmation module 14, configured to, if a form save instruction is received, approve the current form to be confirmed as a target front-end form and configure user usage permissions for the target front-end form.

[0081] In this embodiment, the current dynamically editable form can be filled with corresponding form information according to the received form information corresponding to the form configuration options, so as to obtain a front-end form to be confirmed; the information of the front-end form to be confirmed is verified in real time based on a preset information verification rule to determine the correctness of each form configuration option in the front-end form to be confirmed. If there are abnormal form configuration options, an exception reminder corresponding to the abnormal form configuration option is generated, and the abnormal form configuration option is filled with the received form supplementary information again; a new form item is configured in the front-end form to be confirmed according to the received form configuration option addition instruction, and after the new form item is filled with the received new form information, it jumps to the step of verifying the information of the front-end form to be confirmed in real time based on the preset information verification rule to verify the new form item, so as to obtain the current form to be confirmed; if a form save instruction is received, the current form to be confirmed is used as the target front-end form for approval, and user usage permissions are configured for the target front-end form. Thus, through the method of the present application, after receiving the form information corresponding to each form configuration option in the current dynamically editable form, the form configuration option can be filled with information, and then each form information can be verified. In the case of abnormal form configuration options, an alarm is given, and then the abnormal form configuration option is filled with the received form supplementary information again. And when a form configuration option addition instruction is received, a new form item needs to be configured in the front-end form to be confirmed, and the new form item is filled with the received new form information, and then the new form item is verified to obtain the current form to be confirmed. If a form save instruction is received, the current form to be confirmed is used as the target front-end form for approval, and user usage permissions are configured for the target front-end form. It can be seen that through the method of the present application, users can customize application forms according to actual business needs without programming knowledge, which not only simplifies the form creation process, but also allows personnel in different departments or positions to customize exclusive application forms according to their respective responsibilities, thus significantly improving work efficiency.

[0082] In some embodiments, the form filling module 11 may specifically include:

[0083] A form startup unit, configured to, if an access request is received, start a form configurator based on the access request to display form configuration options through a front-end configuration page;

[0084] A form filling unit, configured to sequentially fill each form configuration option in the current dynamically editable form with the received form information corresponding to the form configuration option to obtain a front-end form to be confirmed.

[0085] In some embodiments, the form verification module 12 may specifically include:

[0086] An information format verification unit, configured to perform format verification on the to-be-confirmed front-end form to determine whether the form information corresponding to each form configuration option in the to-be-confirmed front-end form conforms to the corresponding preset information format;

[0087] A character verification unit, configured to perform character verification on the to-be-confirmed front-end form to determine whether there are abnormal characters in the form information corresponding to each form configuration option in the to-be-confirmed front-end form;

[0088] An abnormal reminder generation unit, configured to generate an abnormal type reminder for the abnormal form configuration option if there is an abnormal form configuration option in the to-be-confirmed front-end form that does not conform to the preset information format and / or contains abnormal characters in the form information;

[0089] An information replacement unit, configured to, if receiving form supplementary information corresponding to the abnormal form configuration option, replace the form information in the abnormal form configuration option according to the form supplementary information, and verify the form supplementary information until there is no abnormal form configuration option in the to-be-confirmed front-end form.

[0090] In some embodiments, the form item addition module 13 may specifically include:

[0091] A form item addition sub-module, configured to, if receiving a form configuration option addition instruction, configure a new form item in the to-be-confirmed front-end form according to the form configuration option addition instruction, determine the type of the new form item according to the received form item configuration instruction, and fill the new form item with the received new form information;

[0092] A step jump sub-module, configured to jump to the step of performing information verification on the to-be-confirmed front-end form in real time based on a preset information verification rule to verify the new form item until the new form item passes the verification to obtain the current to-be-confirmed form.

[0093] In some embodiments, the form item addition sub-module may specifically include:

[0094] An instruction receiving and judging unit, configured to configure a new form item in the to-be-confirmed front-end form according to a form addition instruction and judge whether a split display instruction is received;

[0095] A combined display unit, configured to, if receiving the split display instruction, insert a new table below the row where the new form item is located and display the new form item and the new table in combination.

[0096] In some embodiments, the form confirmation module 14 may specifically include:

[0097] A form saving unit, configured to save the content in the current form to be confirmed if a form saving instruction is received, so as to use the current form to be confirmed as a target front-end form for approval;

[0098] A permission configuration unit, configured to generate a permission configuration pop-up window if a form publishing instruction is received, and configure the usage permission of the target front-end form for the corresponding user according to the user configuration instruction received based on the permission configuration pop-up window.

[0099] In some embodiments, the front-end form construction device may further include:

[0100] An information calling unit, configured to save the target front-end form and the current target form information of the target front-end form to a local database, and call the target front-end form and the target form information through a preset calling interface after receiving a form calling request corresponding to the target front-end form.

[0101] Furthermore, an embodiment of the present application also discloses an electronic device, Figure 6 It is a structural diagram of an electronic device 20 shown according to an exemplary embodiment, and the content in the figure should not be considered as any limitation to the scope of use of the present application.

[0102] Figure 6 It is a schematic structural diagram of an electronic device 20 provided by an embodiment of the present application. The electronic device 20 may specifically include: at least one processor 21, at least one memory 22, a power supply 23, a communication interface 24, an input / output interface 25, and a communication bus 26. Among them, the memory 22 is used to store a computer program, and the computer program is loaded and executed by the processor 21 to implement the relevant steps in the front-end form construction method disclosed in any of the foregoing embodiments. In addition, the electronic device 20 in this embodiment may specifically be an electronic computer.

[0103] In this embodiment, the power supply 23 is used to provide working voltage for each hardware device on the electronic device 20; the communication interface 24 can create a data transmission channel between the electronic device 20 and external devices, and the communication protocol it follows is any communication protocol applicable to the technical solution of the present application, and no specific limitation is imposed on it here; the input / output interface 25 is used to obtain external input data or output data to the outside, and its specific interface type can be selected according to specific application needs, and no specific limitation is imposed here.

[0104] In addition, the memory 22, as a carrier for storing resources, can be a read-only memory, a random access memory, a magnetic disk, an optical disc, etc. The resources stored thereon can include an operating system 221, a computer program 222, etc. The storage method can be transient storage or permanent storage.

[0105] Among them, the operating system 221 is used to manage and control each hardware device and the computer program 222 on the electronic device 20, and it can be Windows Server, Netware, Unix, Linux, etc. In addition to the computer program capable of implementing the front-end form construction method executed by the electronic device 20 disclosed in any of the foregoing embodiments, the computer program 222 can further include computer programs capable of performing other specific tasks.

[0106] Furthermore, the present application also discloses a computer-readable storage medium for storing a computer program; wherein, when the computer program is executed by a processor, it implements the front-end form construction method disclosed above. For the specific steps of this method, reference can be made to the corresponding content disclosed in the foregoing embodiments, and details will not be elaborated herein.

[0107] In this specification, the various embodiments are described in a progressive manner. Each embodiment focuses on the differences from other embodiments. For the same or similar parts among the various embodiments, reference can be made to each other. For the devices disclosed in the embodiments, since they correspond to the methods disclosed in the embodiments, the description is relatively simple, and reference can be made to the method part for relevant details.

[0108] Those skilled in the art can further realize that the units and algorithm steps of each example described in combination with the embodiments disclosed herein can be implemented by electronic hardware, computer software, or a combination of the two. To clearly illustrate the interchangeability of hardware and software, the components and steps of each example have been generally described according to their functions in the above description. Whether these functions are executed in a hardware or software manner depends on the specific application and design constraints of the technical solution. Those skilled in the art can use different methods to implement the described functions for each specific application, but such implementation should not be considered to exceed the scope of the present application.

[0109] The steps of the methods or algorithms described in combination with the embodiments disclosed herein can be directly implemented by hardware, software modules executed by a processor, or a combination of the two. The software modules can be placed in a random access memory (RAM), internal memory, read-only memory (ROM), electrically programmable ROM, electrically erasable programmable ROM, registers, hard disk, removable disk, CD-ROM, or any other form of storage medium well-known in the technical field.

[0110] Finally, it should also be noted that in this text, relational terms such as first and second are only used to distinguish one entity or operation from another entity or operation, and do not necessarily require or imply any actual relationship or order between these entities or operations. Moreover, the term "comprising", "including" or any other variant thereof is intended to cover non-exclusive inclusion, so that a process, method, article or device comprising a series of elements not only includes those elements, but also includes other elements not expressly listed, or further includes elements inherent to such process, method, article or device. Without further limitation, an element defined by the statement "comprising an..." does not exclude the existence of additional identical elements in the process, method, article or device comprising said element.

[0111] The technical solutions provided in this application have been introduced in detail above. Specific examples are used in this text to elaborate on the principle and implementation manner of this application. The description of the above embodiments is only used to help understand the method and its core idea of this application; at the same time, for those of ordinary skill in the art, according to the idea of this application, there will be changes in the specific implementation manner and application scope. In summary, the content of this specification should not be construed as a limitation to this application.

Claims

1. A front-end form construction method, characterized in that: Applied to the front-end form building system, including: Fill the current dynamically editable form with corresponding form information according to the received form information corresponding to the form configuration options to obtain the front-end form to be confirmed; Performing information verification on the to-be-confirmed front-end form in real time based on preset information verification rules to determine the correctness of each form configuration option in the to-be-confirmed front-end form; if there is an abnormal form configuration option, generating an abnormal reminder corresponding to the abnormal form configuration option, and filling the abnormal form configuration option based on the re-received form supplementary information; Adding a new form item in the to-be-confirmed front-end form according to the received form configuration option addition instruction, and after filling the new form item based on the received new form information, jumping to the step of performing information verification on the to-be-confirmed front-end form in real time based on the preset information verification rules, so as to verify the new form item and obtain the current to-be-confirmed form; If a form saving instruction is received, the current form to be confirmed is used as a target front-end form for approval, and user usage permissions are configured for the target front-end form.

2. The front-end form construction method according to claim 1, characterized in that: The step of filling the current dynamically editable form with corresponding form information according to the received form information corresponding to the form configuration options to obtain the front-end form to be confirmed includes: If an access request is received, starting the form configurator based on the access request to display form configuration options through a front-end configuration page; Each of the form configuration options in the current dynamically editable form is filled in turn based on the received form information corresponding to the form configuration options to obtain a front-end form to be confirmed.

3. The front-end form construction method according to claim 1, characterized in that: The information verification of the to-be-confirmed front-end form is performed in real time based on the preset information verification rules to determine the correctness of each form configuration option in the to-be-confirmed front-end form, and if there is an abnormal form configuration option, an abnormal reminder corresponding to the abnormal form configuration option is generated, and the abnormal form configuration option is filled based on the re-received form supplementary information, including: Performing format verification on the to-be-confirmed front-end form to determine whether the form information corresponding to each form configuration option in the to-be-confirmed front-end form complies with the corresponding preset information format; Performing character verification on the to-be-confirmed front-end form to determine whether there are abnormal characters in the form information corresponding to each form configuration option in the to-be-confirmed front-end form; If there are abnormal form configuration options in the to-be-confirmed front-end form that do not conform to the preset information format and / or the form information contains abnormal characters, an abnormal type reminder for the abnormal form configuration option is generated; If form supplementary information corresponding to the abnormal form configuration option is received, the form information in the abnormal form configuration option is replaced according to the form supplementary information, and the form supplementary information is verified until there is no abnormal form configuration option in the front-end form to be confirmed.

4. The front-end form construction method according to claim 1, characterized in that: The adding instruction of adding form configuration options according to the received form configuration options configures a new form item in the front-end form to be confirmed, and after filling the new form item based on the received new form information, jumps to the step of performing information verification on the front-end form to be confirmed in real time based on the preset information verification rules, so as to verify the new form item and obtain the current form to be confirmed, including: If a form configuration option adding instruction is received, a new form item is configured in the to-be-confirmed front-end form according to the form configuration option adding instruction, and a type of the new form item is determined according to the received form item configuration instruction, and the new form item is filled according to the received new form information; Jump to the step of performing information verification on the to-be-confirmed front-end form in real time based on the preset information verification rules to verify the newly added form items until the newly added form items pass the verification to obtain the current to-be-confirmed form.

5. The front-end form construction method according to claim 4, characterized in that: The adding instruction according to the form configuration option configures a new form item in the to-be-confirmed front-end form, including: Configure a new form item in the to-be-confirmed front-end form according to the form adding instruction, and determine whether a column display instruction has been received; If the column-by-column display instruction is received, a new table is inserted below the row where the new table item is located, and the new table item is combined and displayed.

6. The front-end form construction method according to claim 1, characterized in that: If a form saving instruction is received, the current form to be confirmed is used as a target front-end form for approval, and user permissions are configured for the target front-end form, including: If a form saving instruction is received, the content in the current form to be confirmed is saved, so that the current form to be confirmed is used as a target front-end form for approval; If a form publishing instruction is received, a permission configuration pop-up window is generated, and the use permission of the target front-end form is configured for the corresponding user according to the user configuration instruction received based on the permission configuration pop-up window.

7. The front-end form construction method according to any one of claims 1 to 6, characterized in that: Also includes: The target front-end form and the current target form information of the target front-end form are saved to a local database, and after receiving a form call request corresponding to the target front-end form, the target front-end form and the target form information are called through a preset calling interface.

8. A front-end form construction device, characterized in that: Applied to the front-end form building system, including: The form filling module is used to fill the current dynamically editable form with corresponding form information according to the received form information corresponding to the form configuration options, so as to obtain the front-end form to be confirmed; A form verification module, which is used to perform information verification on the to-be-confirmed front-end form in real time based on preset information verification rules to determine the correctness of each form configuration option in the to-be-confirmed front-end form, and if there is an abnormal form configuration option, generate an abnormal reminder corresponding to the abnormal form configuration option, and fill in the abnormal form configuration option based on the re-received form supplementary information; A form item adding module, configured to configure a new form item in the to-be-confirmed front-end form according to the received form configuration option adding instruction, and to jump to the step of performing information verification on the to-be-confirmed front-end form in real time based on the preset information verification rules after filling the new form item based on the received new form information, so as to verify the new form item and obtain the current to-be-confirmed form; The form confirmation module is used to, if a form saving instruction is received, approve the current form to be confirmed as a target front-end form and configure user usage permissions for the target front-end form.

9. An electronic device, characterized in that: include: Memory, used to store computer programs; A processor is used to execute the computer program to implement the front-end form construction method as described in any one of claims 1 to 7.

10. A computer-readable storage medium, characterized in that: Used to store a computer program, wherein when the computer program is executed by a processor, the front-end form construction method according to any one of claims 1 to 7 is implemented.

Images