Dynamic form management method, system and equipment based on Variant Form

Abstract

A Variant Form-based dynamic form management method comprises the following steps of providing a form design interaction interface in response to an instruction for executing form design; loading a component library and an attribute editor; obtaining input business form information or feeding back a business form which can be selected; judging whether the form exists or not; if the form does not exist, executing the new establishment of the form; generating a blank form JSON; obtaining the selected component execution form visual layout; if the judgment result is that the form exists, executing form modification; obtaining a form JSON from a database; the form JSON is analyzed, and an interface is rendered; editing component layout, attributes, styles and interaction logic; and submitting and storing the form JSON model. Wherein in the process that the form is stored, a form structure is extracted in a JSON format, and the form structure is converted into a string character string format.

Description

Technical Field

[0001] The present invention relates to the field of computers, and in particular to a dynamic form management method, system and device based on Variant Form. Background Art

[0002] In the existing enterprise information management system, the form is the basic unit for information input and display. The quality of its design and management directly affects the enterprise's operational efficiency and service quality. However, with the expansion of the enterprise's business, the form system used to collect user needs is constantly changing, which has put great pressure on the enterprise information management system to maintain the business line; in addition, the traditional form management system pursues a highly reusable and low-cost form management model, which is increasingly in conflict with the expansion of new businesses and customer customization needs. How to balance the business form management costs and market demand of the enterprise information management system has become a major problem for enterprises. Summary of the invention

[0003] One of the purposes of the present invention is to provide a dynamic form management method, system and device based on Variant Form, introduce the Variant Form low-code form development tool, provide a powerful and easy-to-use platform for enterprise business to quickly build, test and deploy form applications, and support dynamic adjustment, personalized customization and version management of forms.

[0004] One of the purposes of the present invention is to provide a dynamic form management method, system and device based on Variant Form, which can take into account the business form management cost and market demand of the enterprise information management system.

[0005] One of the purposes of the present invention is to provide a dynamic form management method, system and device based on Variant Form, and to provide a Variant Form low-code form development tool that complies with the principle of "high cohesion and low coupling" and has superior performance and stability in form and component rendering, property configuration, and interactive response control.

[0006] One of the purposes of the present invention is to provide a dynamic form management method, system and device based on Variant Form, providing a unified data management mode to access form data, ensuring data consistency and standardization, improving system scalability and lowering overall maintenance costs.

[0007] One of the purposes of the present invention is to provide a dynamic form management method, system and device based on Variant Form, provide a complete release management and version management mechanism, allow enterprise personnel to handle form errors in real time, quickly respond to business needs, and improve the security, flexibility and response speed of the system.

[0008] One of the purposes of the present invention is to provide a dynamic form management method, system and device based on Variant Form, which aims to address the contradiction between the demand of the enterprise's self-generated information management system for reusable and low-cost maintenance of business forms and the trend of business diversification and customization, and solve the problems of long development cycle, insufficient flexibility, poor reusability and difficulty in expansion of business form modules in traditional information management systems while ensuring the maintenance cost of business forms.

[0009] One of the purposes of the present invention is to provide a dynamic form management method, system and device based on Variant Form, provide dynamic form design, and provide a flexible, dynamic and diversified business form design method by introducing a low-code development tool based on Vue 3Variant Form and integrating it with the enterprise system. It allows non-professional developers to create and adjust forms, reduces the development threshold and communication costs, and through the drag-and-drop interface and preset components, users can quickly build complex forms, thereby improving development efficiency.

[0010] One of the purposes of the present invention is to provide a dynamic form management method, system and device based on Variant Form, set a unified data management mode, store the form structure and filled-in data in the database in JSON format, and all business lines use a unified mode to create, modify and collect data, thereby ensuring data consistency and standardization, and realizing efficient management and flexible operation of structured data, thereby not only simplifying the data exchange process, but also facilitating data parsing and processing, and helping to improve data quality and system maintainability.

[0011] One of the purposes of the present invention is to provide a dynamic form management method, system and device based on Variant Form, and provide a publishing management mechanism. Through the publishing control function, enterprise personnel can handle form errors in real time and quickly respond to changes in business needs, thereby improving the flexibility and response speed of the system and reducing business interruptions caused by form errors.

[0012] One of the purposes of the present invention is to provide a dynamic form management method, system and device based on Variant Form, set up version control and backtracking mechanism, provide comprehensive version control function, support historical version management and backtracking of forms, and enable enterprises to easily track and restore old business content through version control, thereby reducing the risks caused by misoperation or changes in requirements.

[0013] One of the purposes of the present invention is to provide a dynamic form management method, system and device based on Variant Form, providing highly customizable functional extensions. Based on the Variant Form tool, users can independently develop more personalized functions, such as automatic data verification, price calculation, automatic approval, component customization, etc., so that the system can better adapt to the specific needs of different enterprises, improve the applicability and flexibility of the system, and greatly optimize the user experience.

[0014] In order to achieve at least one of the inventive purposes of the present invention, the present invention provides a dynamic form management method based on Variant Form, the dynamic form management method based on Variant Form comprising the following steps:

[0015] In response to an instruction to execute form design, providing a form design interactive interface;

[0016] Load component library and property editor;

[0017] Get the input business form information or feedback the business form that can be selected;

[0018] Determine whether the form exists; if the form does not exist, create a new form; generate a blank form JSON; get the selected component to perform form visual layout;

[0019] If the result of the judgment is that the form exists, perform the form modification; obtain the form JSON from the database; parse the form JSON and render the interface;

[0020] Edit component layout, properties, styles, and interaction logic; and

[0021] Submit and save the form JSON model;

[0022] When the form is saved, the form structure is extracted in JSON format and converted into string format.

[0023] In some embodiments, the dynamic form management method based on Variant Form includes the following unified data management steps: obtaining the business line information selected by the user on the user end; obtaining the form formJson according to the business line information and rendering it to the interface; obtaining the form data filled in by the user on the user end; encapsulating the formData data in a JSON structure; obtaining the user order information selected by the business personnel on the back-end; and rendering the form and data through the order entity.

[0024] In some embodiments, the dynamic form management method based on Variant Form includes the following permission control and publishing management steps: activating permission verification in response to a user operation of selecting form information to be published on the user side; verifying user permissions, and if the permissions are insufficient, blocking the publishing operation; determining whether there is a published form for the same business line, and if so, popping up a window to prompt and blocking the publishing operation; modifying the form status and setting the corresponding business line to a service-available status; and recording a log after publishing is completed.

[0025] In some embodiments, the dynamic form management method based on Variant Form includes the following version tracking and backtracking steps: obtaining the business line information to be revoked selected by the user on the user side; performing user authority verification, and if the authority is insufficient, blocking the revocation operation; if the published form has a parent version, obtaining its version chain; feeding back the version chain for the user on the user side to select the old form template or other enabled form template according to the version chain; if the user on the user side does not select, blocking the revocation operation; if the user on the user side selects, obtaining the information selected by the user on the user side, and modifying the release status of the replacement and replaced forms; completing the revocation operation and recording the log.

[0026] In some embodiments, the dynamic form management method based on Variant Form includes the steps of obtaining user needs and preference information of the user end, and customizing the appearance style and interaction logic of the form.

[0027] According to another aspect of the present invention, a computer-readable storage medium is provided, on which a computer program is stored. When the computer program is executed by a processor, the steps of the dynamic form management method based on Variant Form are performed.

[0028] According to another aspect of the present invention, there is also provided a dynamic form management device based on Variant Form, comprising:

[0029] Memory, for storing software applications,

[0030] The processor is used to execute the software application program, and each program of the software application program correspondingly executes each step of the dynamic form management method based on Variant Form.

[0031] According to another aspect of the present invention, a dynamic form management system based on Variant Form is also provided. The dynamic form management system of Form includes a form management unit, which is used to build, test and deploy form applications, and perform dynamic adjustment and customization of forms according to business demand instructions; the form management unit includes a form interaction module, a form design rendering module, a component library design module, a form structure module, a form database module and a form template module, wherein when receiving a business line category selection instruction sent by the form interaction module, the form design rendering module performs rendering of a blank form, the component library design module feeds back the components for selection to the form interaction module, and when the selected component sent by the form interaction module is obtained, the selected component information is fed back to the canvas domain interface of the form designer; when the business demand information sent by the form interaction module is obtained, the component library design module extracts attribute information and matches and feeds back to the selected component, and the attribute information is selected from: component unique name, label text, css style, read-only, disabled, format validation rule attributes; when receiving a save instruction sent by the form interaction module, the form structure module extracts the form structure in JSON format, converts it to string string format, merges it with the business line into category ID and the generated version number into an entity, and saves it to the database of the form database module.

[0032] In some embodiments, the dynamic form management system based on Variant Form also includes a version tracking and backtracking unit, which is configured to perform the following operations: obtaining the business line information to be revoked selected by the user at the user end; performing user authority verification, and if the authority is insufficient, blocking the revocation operation; if a parent version of the published form exists, obtaining its version chain; feeding back the version chain for the user at the user end to select an old form template or other enabled form template according to the version chain; if the user at the user end does not select, blocking the revocation operation; if the user at the user end selects, obtaining the information selected by the user at the user end, and modifying the release status of the replacement and replaced forms; and completing the revocation operation and recording a log.

[0033] In some embodiments, the version tracking and backtracking unit also includes a version number management module, which sets two attributes, a version number and a parent version number, for each form template. The version number represents the version serial number of the current template, and the parent version number points to the original template version based on the modification; wherein the version number is incremented to ensure that a unique version number can be generated for each modification.

[0034] The beneficial effects of the present invention include but are not limited to:

[0035] The introduced Variant Form low-code form development tool is more in line with the principle of "high cohesion and low coupling", and has better performance and stability in form and component rendering, property configuration, and interactive response control;

[0036] The form data is stored and accessed in a unified data management mode, without the need to design a dedicated database entity, ensuring data consistency and standardization, improving system scalability, and reducing overall maintenance costs;

[0037] Through a complete release management and version management mechanism, enterprise personnel can handle form errors in real time and respond quickly to business needs, thus improving the security, flexibility and response speed of the system.

[0038] Improve development efficiency and flexibility: Through the low-code / no-code development environment, non-professional developers can also quickly create and adjust forms, reducing development time and costs. At the same time, real-time release control and version management functions enable the system to quickly adapt to business changes, improving overall flexibility;

[0039] Improve data consistency and quality: The unified data management model and JSON format data storage ensure data consistency and standardization. This consistency not only helps data accuracy and reliability, but also simplifies data management and analysis processes;

[0040] Enhance the scalability and adaptability of the system: Based on the highly customizable function of the Variant Form tool, the system can easily expand new functional modules to meet the ever-changing business needs of enterprises and enhance their competitiveness;

[0041] Reduce operating costs: Non-professional developers can use it to develop, manage and use forms, reducing dependence on professional development teams and reducing development and maintenance costs in the long run. At the same time, efficient version control and error handling mechanisms reduce business interruptions caused by form problems, further reducing operating costs. BRIEF DESCRIPTION OF THE DRAWINGS

[0042] Figure 1 It is a flowchart of the steps of a dynamic form management method based on Variant Form according to an embodiment of the present invention, which illustrates the dynamic form design / modification process.

[0043] Figure 2 4 is a flowchart of the steps of the dynamic form management method based on Variant Form according to the above embodiment of the present invention.

[0044] Figure 34 is a flowchart of the steps of the dynamic form management method based on Variant Form according to the above embodiment of the present invention.

[0045] Figure 4 4 is a flowchart of the steps of the dynamic form management method based on Variant Form according to the above embodiment of the present invention.

[0046] Figure 5 4 is a flowchart of the steps of the dynamic form management method based on Variant Form according to the above embodiment of the present invention. DETAILED DESCRIPTION

[0047] The following description is used to disclose the present invention so that those skilled in the art can implement the present invention. The preferred embodiments described below are only examples, and those skilled in the art can think of other obvious variations. The basic principles of the present invention defined in the following description can be applied to other embodiments, variations, improvements, equivalents, and other technical solutions that do not deviate from the spirit and scope of the present invention.

[0048] It is to be understood that the term "one" should be understood as "at least one" or "one or more", that is, in one embodiment, the number of an element may be one, while in another embodiment, the number of the element may be multiple, and the term "one" should not be understood as a limitation on the quantity.

[0049] The present invention is an invention related to a computer program. Figure 1 The flowchart of a dynamic form management method based on VariantForm according to the present invention is shown, which explains a solution for solving the problem proposed by the present invention, based on the computer program processing flow, by executing a computer program compiled according to the above process, to control or process the external or internal objects of the computer. Through the dynamic form management method based on Variant Form of the present invention, it is possible to utilize the computer system, and the introduced Variant Form low-code form development tool is more in line with the "high cohesion, low coupling" principle, and has better performance and stability in form and component rendering, attribute configuration, and interactive response control; access form data in a unified data management mode, without the need to design a special database entity, ensuring data consistency and standardization, improving the scalability of the system, and lowering the overall maintenance cost; through a complete release management and version management mechanism, it allows enterprise personnel to handle form errors in real time and respond quickly to business needs, thereby improving the security, flexibility and response speed of the system.

[0050] It is understandable that the "computer" referred to in the present invention does not only refer to desktop computers, laptops, tablets and other devices, but also includes other intelligent electronic devices that can run according to programs and process data.

[0051] Specifically, the dynamic form management method based on Variant Form includes the following steps:

[0052] S1000: In response to an instruction of a business line category selection of a form designer, rendering is performed on a blank form;

[0053] S2000: Retrieving the selected component from the component library of the form designer, and in response to the drag command, retrieving the component to the canvas of the form designer, and setting properties such as the component unique name, label text, CSS style, read-only / disabled, format validation rules, etc., to meet the interaction requirements of the actual business;

[0054] S3000: In response to the save instruction, extract the form structure in JSON (JavaScript Object Notation) format, convert it into string format, merge it with the category ID of the business line and the version number generated by the system into an Entity, and save it to the database;

[0055] S4000: In response to an instruction to open the form template management interface, retrieve and feed back a designed form template for preview;

[0056] S5000: If feedback information is obtained that the form does not meet the business requirements, then in response to the modification instruction, the form designer interface is called and feedback is given to render the form, and step S2000 is repeated; if feedback information that meets the requirements is obtained, then in response to the release instruction, the front-end user is allowed to obtain the corresponding business line service.

[0057] Through the above steps, front-end developers can achieve the following: open the "Form Designer" interface, select the "Business Line" category, and render a blank form; select components from the component library of the "Form Designer", drag them to the canvas of the "Form Designer", and set the component's unique name, label text, CSS style, read-only / disabled, format validation rules and other properties to meet the actual business interaction requirements; click the "Save" button to extract the form structure in JSON format, convert it to string format, merge it with the "Business Line" category ID and version number (generated by the system) into an Entity, and save it to the database; open the "Form Template Management" interface, select and preview the designed form template; if the form does not meet the business requirements, click the "Modify" button to enter the "Form Designer" interface to render the form, and repeatedly enter the "Form Designer" component library to select components and subsequent steps until it meets the requirements; when it meets the requirements, click the "Publish" button, and the front-end users are allowed to obtain the corresponding business line services.

[0058] Specifically, in a preferred embodiment, the dynamic form management method based on Variant Form includes the following dynamic form design steps:

[0059] In response to an instruction to execute form design, providing a form design interactive interface;

[0060] Load component library and property editor;

[0061] Get the input business form information or feedback the business form that can be selected;

[0062] Determine whether the form exists;

[0063] If the form does not exist, create a new form; generate a blank form JSON; get the selected component to perform form visual layout;

[0064] If the result of the judgment is that the form exists, perform the form modification; obtain the form JSON from the database; parse the form JSON and render the interface;

[0065] Edit component layout, properties, styles, and interaction logic;

[0066] Submit a form; and

[0067] Save the form JSON model.

[0068] Furthermore, the dynamic form management method based on Variant Form includes the following steps:

[0069] Provides a drag-and-drop form designer interactive interface, responds to a user's command to drag a selected component to a design area, obtains the component information and builds a form.

[0070] Based on Variant Form, it provides a drag-and-drop "visual designer" interface, where users can build forms through simple drag-and-drop operations, greatly reducing the complexity of development. Its component library contains various form components, such as input boxes, drop-down boxes, radio buttons, multiple-select boxes, etc. Users on the client side only need to drag the required components to the design area.

[0071] Furthermore, the dynamic form management method based on Variant Form includes the following steps:

[0072] Developed based on the Vue technology stack and React-based state management, it performs form submission, reset, and verification; provides component property settings, form interaction events, and API methods, and sets response events through the property editor of each component to achieve interaction.

[0073] Furthermore, the dynamic form management method based on Variant Form includes the following steps:

[0074] Define and store the form structure designed by Variant Form in JSON format; based on the JSON model, describe the overall structure of the form in an approximate tree structure, and describe the internal properties of each component, including field type, validation rules, and default values; based on the JSON model, provide a form designer to automatically generate corresponding UI components.

[0075] Furthermore, the dynamic form management method based on Variant Form includes the following steps:

[0076] Provides a form renderer to preview the form effect and perform visualization of dynamic forms.

[0077] Through the above steps, the dynamic form management method based on Variant Form provides a service interface for multiple businesses for users on the user side with a set of unified form design, modification, and loading modules, saving the development and maintenance costs of the information management system and reducing code complexity.

[0078] Specifically, in a preferred embodiment, the dynamic form management method based on Variant Form includes the following unified data management steps:

[0079] Obtain the business line information selected by the user-side customer;

[0080] Get the form Json according to the business line information and render it to the interface;

[0081] Get the form data filled in by the user;

[0082] Encapsulate formData data in JSON structure;

[0083] Get the customer order information selected by the business personnel at the backend;

[0084] Rendering forms and data through order entities; and

[0085] Back-end business personnel analyze customer needs based on feedback information and provide specific services.

[0086] Furthermore, the dynamic form management method based on Variant Form includes the following steps:

[0087] Variant Form uses the form renderer to parse the designed dynamic form template formJson and convert it into an HTML interface, providing a unified data upload interface for all online businesses. After the client obtains the service interface converted from the form template, he enters data in the form and submits it. During the data submission process, the form renderer uses the unique name of each field component as the key name, and the object or object array entered by the client as the key value, integrates all input data into a Json structure formData, and encapsulates it into an Entity with the form's unique ID and writes it into the database.

[0088] Furthermore, the dynamic form management method based on Variant Form includes the following steps:

[0089] In response to the backend business personnel's request to view data, the form's unique ID and formData are obtained according to the customer's order; the backend obtains the form Json text according to the form's unique ID, and renders the form interface through the form renderer; through the API provided by Variant Form, formData is written to the form interface and set to read-only mode to feedback the customer's detailed order information for the backend to view.

[0090] Through the unified data management steps of the dynamic form management method based on Variant Form of the present invention, the form data of all business lines are uniformly stored in a centralized database in JSON format. Compared with structured data, the advantages include but are not limited to: storing data in Json format strings can achieve cross-platform and cross-language compatibility and improve the flexibility of data analysis and processing; Json data supports dynamic data structures and does not require pre-defined data classes. Compared with structured data management modes, it has higher flexibility when processing multiple business line data with different structures and complexities; in terms of data transmission, due to its concise syntax and easy compression characteristics, JSON can usually reduce the amount of data transmission, thereby improving the efficiency of data transmission; because JSON is easy to parse and operate, it can process JSON data faster and give responses, which is more adaptable to diversified business needs than structured data modes.

[0091] Specifically, in a preferred embodiment, the dynamic form management method based on Variant Form includes the following permission control and release management steps:

[0092] In response to a user operation of selecting form information to be published at the user end, activating permission verification;

[0093] Verify user permissions and block publishing operations if permissions are insufficient;

[0094] Determine whether there is a published form for the same business line. If so, a pop-up window will be displayed to prevent the publishing operation.

[0095] Modify the form status and set the corresponding business line to be in a service-available status;

[0096] Release completed, log recorded.

[0097] Through the permission control and release management steps, permission control can be implemented for the operations of creating / modifying / enabling / disabling / publishing / revoking release forms by business personnel on the back-end, and necessary error correction mechanisms can be used to avoid affecting the user experience and corporate profits due to business form design errors, illegal operations, etc.

[0098] Furthermore, the permission control and publishing management step also includes the step of controlling each business line to publish only one form template at a time. Through this single publishing step, the consistency of business processes and the uniformity of customer experience are ensured.

[0099] Furthermore, the permission control and release management step also includes a state locking and unlocking control step: the form template is disabled before modification. Through this step, the form is effectively prevented from being accidentally modified in an active state, ensuring data stability and business continuity.

[0100] Furthermore, the permission control and publishing management step also includes revoking publishing and replacing publishing: when it is determined that a published form template is revoked, it is replaced with another enabled but unpublished form template for publishing. Through this step, business interruption caused by missing forms is avoided, and a smooth transition of form versions is promoted.

[0101] Specifically, in a preferred embodiment, the dynamic form management method based on Variant Form includes the following version tracking and backtracking steps:

[0102] Obtain the business line information to be de-published selected by the user at the user end;

[0103] Perform user permission verification and block the revocation operation if the permission is insufficient;

[0104] If a parent version exists for the published form, get its version chain;

[0105] Feedback version chain for users at the user end to select old form template or other enabled form template according to the version chain;

[0106] If the user at the user end does not select, the undo operation is prevented; if the user at the user end selects, the user's selection information is obtained, and the release status of the replacement and replaced forms is modified;

[0107] Complete the undo operation and record the log.

[0108] For each form template, two properties, "version number" and "parent version number", are set. The version number indicates the version serial number of the current template, and the parent version number points to the original template version based on which it is modified. The version number is incremented to ensure that a new and unique version number is generated for each modification.

[0109] Through the version tracking and backtracking steps, when business needs are adjusted or layout or logic errors are found in the published dynamic form, the relevant managers on the backend can take quick action to replace the published template with an old version form with a similar structure and stable and reliable to ensure that the overall business can proceed normally. Through the version tracking and backtracking steps, the version management of the form template can be made clearer and more efficient, significantly improving the flexibility and security of version management and providing a powerful version control method.

[0110] Furthermore, the version tracking and backtracking step also includes a version chain construction step: when a user on the user end modifies and creates a new template based on an existing old template, the old template version number is automatically recorded as the parent version number of the new template, and the new template is assigned the latest version number under the business line to build a complete version chain. The version chain records all modification histories of the template from creation to the current state, which is convenient for tracking and auditing.

[0111] Furthermore, the version tracking and backtracking step also includes a version backtracking and recovery step: when a business problem is detected or a rollback to an old version is required, version tracking is provided so that the backend administrator can quickly find and replace the specified old version template through version tracking.

[0112] Furthermore, the version tracking and backtracking step also includes a version annotation and review step: allowing users on the user side to add comments when creating a new version, explaining the reason, purpose or impact of the modification, to facilitate subsequent auditing and tracing.

[0113] Specifically, in a preferred embodiment, the dynamic form management method based on Variant Form includes the following customizable function expansion steps:

[0114] Activate Variant Form development mode;

[0115] Perform registration of new component name and component internal properties;

[0116] Call Variant Form: component public interface, supplement custom API;

[0117] Create a data editor for the new attribute and write rendering logic; and

[0118] Save the changes and apply.

[0119] Through the customizable function expansion steps, users on the user side can deeply customize the components of the "Form Designer" according to their own business needs, user experience preferences, system environment and other factors. This customization is not limited to the appearance of the form, but also includes the behavior logic of the form, data processing methods and other aspects. Variant Form supports various custom configurations to meet the form requirements in different scenarios, and reserves a secondary development interface for developers to expand the component library to ensure the uniqueness and functionality of the form.

[0120] Furthermore, the customizable function expansion step also includes the steps of: obtaining user needs and preference information of the user end, customizing the appearance style and interaction logic of the form, so as to improve the user experience and satisfaction of the user end.

[0121] It will be appreciated by those skilled in the art that embodiments of the present invention may be provided in the form of methods, systems or computer program products. Therefore, the present invention may take the form of an all-hardware embodiment, an all-software embodiment, or an embodiment combining software and hardware.

[0122] The present invention can be embedded in a computer program product, which includes all the features that enable the dynamic form management method based on Variant Form described herein to be implemented. The computer program product is contained in one or more computer-readable storage media, and the computer-readable storage medium has a computer-readable program code contained therein. According to another aspect of the present invention, a computer-readable storage medium is also provided, on which a computer program is stored, and when the computer program is executed by a processor, the steps of the dynamic form management method based on Variant Form of the present invention can be executed. Computer storage media is a medium in a computer memory for storing a certain discontinuous physical quantity. Computer storage media include but are not limited to semiconductors, disk storage, magnetic cores, magnetic drums, magnetic tapes, laser disks, etc. It can be understood by those skilled in the art that computer storage media are not limited to the aforementioned examples, and the aforementioned examples are only used as examples and are not limited to the present invention.

[0123] According to another aspect of the present invention, a dynamic form management device based on Variant Form is also provided, and the dynamic form management device based on Variant Form includes: a software application, a memory for storing the software application, and a processor for executing the software application. Each program of the software application can correspondingly execute the steps in the dynamic form management method based on Variant Form of the present invention.

[0124] A typical combination of hardware and software may be a general-purpose computer system with a computer program. When the program is loaded and executed, the computer system is controlled so that the dynamic form management method based on Variant Form disclosed in the present invention can be executed.

[0125] It will be understood by those skilled in the art that the device may be embodied as a desktop computer, a notebook, a mobile smart device, etc., but the foregoing is only for example and also includes other smart analysis devices equipped with the software application of the present invention.

[0126] It will be appreciated by those skilled in the art that the dynamic form management method based on Variant Form of the present invention can be implemented by hardware, software, or a combination of software and hardware. The present invention can be implemented in a centralized manner in at least one computer system, or in a decentralized manner by different parts distributed in several interconnected computer systems. Any computer system or other device that can implement the dynamic form management method based on Variant Form is applicable. The combination of common software and hardware can be a general-purpose computer system with a computer program installed, and the computer system is controlled by installing and executing the program to operate according to the dynamic form management method based on Variant Form.

[0127] Corresponding to the embodiment of the dynamic form management method based on Variant Form of the present invention, according to another aspect of the present invention, a dynamic form management system based on Variant Form is also provided. The dynamic form management system based on Variant Form is the application of the dynamic form management method based on Variant Form of the present invention in improving computer programs.

[0128] In a preferred embodiment, the dynamic form management system based on Variant Form includes a form management unit for building, testing and deploying form applications, and performing dynamic adjustment and customization of forms according to business demand instructions. The form management unit includes a form interaction module, a form design rendering module, a component library design module, a form structure module, a form database module, a form template module and a business demand judgment module.

[0129] When receiving the business line category selection instruction sent by the form interaction module, the form design rendering module performs the rendering of the blank form, and the component library design module feeds back the components for selection to the form interaction module. When the selected component sent by the form interaction module is obtained, the selected component information is fed back to the canvas domain interface of the form designer. When the business requirement information sent by the form interaction module is obtained, the component library design module extracts the attribute information and matches and feeds back to the selected component. The attribute information is selected from: component unique name, label text, css style, read-only / disabled, format validation rule attributes.

[0130] When receiving the save instruction sent by the form interaction module, the form structure module extracts the form structure in JSON format, converts it into string format, merges it with the category ID and generated version number of the business line into an entity, and saves it in the database of the form database module.

[0131] When receiving the form template management instruction sent by the form interaction module, the form template module obtains the selected form module and generates a preview to the form interaction module.

[0132] The business requirement judgment module is used to judge whether the form meets the business requirements and authorize permissions. When it is judged that the form meets the business requirements and receives the release instruction sent by the form interaction module, the business requirement judgment module opens the authorization, so that the front-end user has the right to obtain the corresponding business line service. When the business requirement judgment module judges that the current form does not meet the business requirements and receives the modification instruction sent by the form interaction module, the form design rendering module performs form rendering, and the component library design module repeatedly performs form design until the designed form is judged to meet the business requirements.

[0133] Through the dynamic form design of the form management unit, the Vue 3 Variant Form low-code development tool is introduced to integrate with the enterprise system, providing a flexible, dynamic and diversified business form design method, allowing non-professional developers to create and adjust forms, reducing the development threshold and communication costs. Through the drag-and-drop interface and preset components, users can quickly build complex forms, improving development efficiency.

[0134] Through the unified data management mode of the form structure module of the form management unit, the form structure and filled data are stored in the database in JSON format. All business lines use a unified mode to create, modify and collect data, ensuring data consistency and standardization, and achieving efficient management and flexible operation of structured data. This method not only simplifies the data exchange process, but also facilitates data analysis and processing, helping to improve data quality and system maintainability.

[0135] Through the release control and permission control in the business demand judgment module, the release management mechanism provided is used for release control. Developers on the management side process form errors in real time and respond quickly to changes in business needs, which improves the flexibility and response speed of the system and reduces business interruptions caused by form errors.

[0136] More specifically, in a preferred embodiment, the dynamic form management system based on Variant Form includes a dynamic form design unit, and the dynamic form design unit also includes a drag-and-drop visual designer module, a component library module, a property editor module, a business form adding module, a form existence judgment module, a form creation module, a form modification module and a form submission and saving module.

[0137] The drag-and-drop visual designer module responds to instructions for executing form design and provides a form design interactive interface. The component library module loads the component library, the property editor module loads the property editor, and the business form adding module obtains the input business form information or feedback can be selected business form; the form existence judgment module determines whether the form exists; if the judgment result of the form existence judgment module is that the form does not exist, the form creation module executes the creation of the form, generates a blank form JSON, obtains the selected component to execute the form visual layout; if the judgment result of the form existence judgment module is that the form exists, the form modification module executes the modification of the form, obtains the form JSON from the database, parses the form JSON, and renders the interface. The property editor module executes the editing of component layout, properties, style, and interaction logic; the form submission and saving module submits the form and saves the form JSON model.

[0138] Through the dynamic form design unit, based on Variant Form, a drag-and-drop "visual designer" interface is provided, and users can build forms through simple drag-and-drop operations, greatly reducing the complexity of development. Its component library contains various form components, such as input boxes, drop-down boxes, radio buttons, multiple-select boxes, etc. Users only need to drag the required components to the design area.

[0139] Through the dynamic form design unit, developed based on the Vue technology stack, the advantages of the responsive system and component-based development of the Vue framework are fully utilized. Based on React's state management, it is possible to easily handle operations such as form submission, reset, and verification. Variant Form provides a wealth of component property settings, form interaction events, and API methods. Response events are set through the property editor of each component to achieve smooth interaction effects.

[0140] Through the dynamic form design unit, the form structure designed by Variant Form is defined and stored in JSON format. It can be understood that JSON (JavaScript Object Notation) is a lightweight data exchange format that is easy for people to read and write, and is also easy for machines to parse and generate. Based on the JSON model, Variant Form can describe the overall structure of the form in an approximate tree structure while also being able to clearly describe the internal properties of each component, including field types, validation rules, default values, etc., which allows non-programmers to participate in form design. According to the JSON model, the VariantForm "Form Designer" can automatically generate corresponding UI components for further editing and improvement.

[0141] Through the dynamic form design unit, Variant Form provides a "form renderer" to preview the form effect, realize the visualization of the dynamic form, and provide customers with a service interface for multiple businesses with a unified set of form design, modification, and loading modules, which greatly saves the development and maintenance costs of the information management system and reduces code complexity.

[0142] More specifically, in a preferred embodiment, the dynamic form management system based on Variant Form includes a unified data management unit, which is configured to execute: obtaining business line information selected by the user-side customer; obtaining form formJson according to the business line information and rendering it to the interface; obtaining form data filled in by the user-side customer; encapsulating formData data in a JSON structure; obtaining customer order information selected by the business personnel on the back-end; rendering the form and data through the order entity (Entity); and the business personnel on the back-end analyzing customer needs based on the feedback information and providing specific services.

[0143] The unified data management unit also includes a parsing and conversion module, which is configured to execute: parsing the designed dynamic form template formJson through the form renderer, converting it into an HTML interface, and providing a unified data upload interface for all online businesses. After the customer obtains the service interface converted from the form template at the front desk, he can enter data in the form normally and submit it. Furthermore, the unified data management unit also includes an integration and encapsulation module, which is configured to execute: obtaining the data submitted by the user end, using the unique name of each field component as the key name, and the object or object array entered by the customer as the key value, integrating all input data into a Json structure formData, and encapsulating it into an Entity in combination with the form's unique ID and writing it into the database.

[0144] Furthermore, the unified data management unit is also configured to execute: in response to a request from a backend business personnel to view customer data, obtain the form unique ID and formData according to the customer order; obtain the form Json text according to the form unique ID, and render the form interface; through the API provided by Variant Form, write the formData into the form interface and set it to read-only mode, and feedback the customer's detailed order information to the backend business personnel.

[0145] More specifically, in a preferred embodiment, the dynamic form management system based on Variant Form includes an authority control and publishing management unit, which performs authority control on the operations of creating, modifying, enabling, disabling, publishing, and revoking forms by back-end business personnel, and performs error correction, thereby avoiding the impact on user-side customer experience and corporate profits due to business form design errors, illegal operations, etc.

[0146] The permission control and publishing management unit is configured to perform: activating permission verification in response to a user operation of selecting form information to be published on the user side; verifying user permissions, and if the permissions are insufficient, blocking the publishing operation; determining whether there is a published form for the same business line, and if so, popping up a window to prompt and blocking the publishing operation; modifying the form status and setting the corresponding business line to a service-available status; and recording a log after publishing is completed.

[0147] The permission control and publishing management unit sets different levels of operation permissions according to the business roles of the backend (such as business personnel, administrators, etc.) to ensure that only authorized personnel can perform operations such as creating, modifying, enabling, disabling, publishing and revoking the publication of forms. The permission control and publishing management unit also includes a single publishing control module, which is configured to execute: each business line can only publish one form template at the same time, thereby ensuring the consistency of business processes and the uniformity of customer experience. The permission control and publishing management unit also includes a state locking and unlocking module, which is configured to execute: the control form template must be disabled before modification, thereby preventing the form from being accidentally modified in an active state, ensuring data stability and business continuity. The permission control and publishing management unit also includes a revocation and replacement publishing module, which is configured to execute: when revoking a published form template, it must be replaced with other enabled but unpublished form templates for publication, thereby avoiding business interruptions caused by missing forms and promoting a smooth transition of form versions.

[0148] More specifically, in a preferred embodiment, the dynamic form management system based on Variant Form includes a version tracking and backtracking unit, which enables the relevant managers at the backend to quickly take action to replace the published template with an old version form with a similar structure and stable and reliable when business demand adjustments occur or layout or logic errors are found in the published dynamic form, so as to ensure that the overall business can proceed normally. Through the version tracking and backtracking steps, the version management of the form template can be made clearer and more efficient, significantly improving the flexibility and security of version management, and providing a powerful version control method.

[0149] Specifically, the version tracking and backtracking unit is configured to execute: obtaining the business line information to be revoked selected by the user on the user side; performing user authority verification, and if the authority is insufficient, blocking the revocation operation; if a parent version of the published form exists, obtaining its version chain; feeding back the version chain for the user on the user side to select an old form template or other enabled form template according to the version chain; if the user on the user side does not select, blocking the revocation operation; if the user on the user side selects, obtaining the information selected by the user on the user side, modifying the release status of the replacement and replaced forms; and completing the revocation operation and recording the log.

[0150] The version tracking and backtracking unit also includes a version number management module, which sets two attributes for each form template: "version number" and "parent version number". The version number indicates the version serial number of the current template, and the parent version number points to the original template version based on which it is modified. The version number is incremented to ensure that a new and unique version number can be generated for each modification.

[0151] The version tracking and backtracking unit also includes a version chain building module. When a user at the user end modifies and creates a new template based on an existing old template, the version chain building module automatically records the old template version number as the parent version number of the new template, and assigns the new template the latest version number under the business line to build a complete version chain. The version chain in the version chain building module records all modification histories of the template from creation to the current state, which is convenient for tracking and auditing.

[0152] The version tracking and backtracking unit also includes a version backtracking and recovery module. When the version backtracking and recovery module detects a problem with the business or needs to roll back to an old version, it provides version tracking for the backend administrator to quickly find and replace it with a specified old version template through version tracking.

[0153] The version tracking and backtracking unit also includes a version annotation and audit module. When a new version is created, the version annotation and audit module obtains and stores the added annotations input by the user on the user side, explaining the reasons, purposes or impact information of the modifications, to facilitate subsequent auditing and tracing.

[0154] More specifically, in a preferred embodiment, the dynamic form management system based on Variant Form includes a customizable function expansion management unit, which obtains information such as the business needs, user experience preferences, and system environment of the user-end user, and performs deep customization on the components of the form designer. The customization content includes but is not limited to: the appearance style of the form, the behavioral logic of the form, and the data processing method. Through the customizable function expansion management unit, Variant Form is provided to support various custom configurations to meet the form requirements in different scenarios, and a secondary development interface for the expansion component library is reserved for developers to ensure the uniqueness and functionality of the form. Through the customizable function expansion management unit, it is possible to take advantage of the Json model, expand department-specific business based on the Variant Form tool, and improve department work efficiency.

[0155] Specifically, the customizable function extension management unit is configured to execute: activate Variant Form development mode; register new component names and component internal properties; call Variant Form: component public interface and supplement custom API; create a data editor for new properties and write rendering logic; and save and apply modifications.

[0156] Furthermore, the customizable function extension management unit is also configured to execute: obtaining and collecting user demand preference information of the user end, performing user matching, and when the matching is successful, generating the appearance style and interaction logic of the form corresponding to the demand preference.

[0157] Furthermore, the customizable function extension management unit is also configured to execute: obtaining the form management mode of the traditional information management system, providing a standard business form template, performing background and user identity authentication, and allowing non-development business personnel to load and modify the business form template.

[0158] It will be appreciated by those skilled in the art that the present invention has been described with reference to the flowcharts and / or block diagrams of the methods, systems and computer program products according to the present invention. Each box in the flowchart and / or block diagram, and the combination of boxes in the flowchart and / or block diagram, can obviously be implemented by computer program instructions. These computer program instructions can be provided to a processor of a general-purpose computer, a special-purpose computer, an embedded processor or other programmable data processing device to produce a machine, so that the instructions (the instructions are passed through the processor of the computer or other programmable data processing device) generate a device for implementing the functions specified in one or more boxes of the flowchart and / or block diagram.

[0159] It should be understood by those skilled in the art that the embodiments of the present invention described above and shown in the accompanying drawings are only examples and do not limit the present invention. The purpose of the present invention has been fully and effectively achieved. The functional and structural principles of the present invention have been demonstrated and explained in the embodiments, and the embodiments of the present invention may be deformed or modified in any way without departing from the principles.

Claims

1. A dynamic form management method based on Variant Form, characterized in that: The dynamic form management method based on Variant Form includes the following steps: In response to an instruction to execute form design, providing a form design interactive interface; Load component library and property editor; Get the input business form information or feedback the business form that can be selected; Determine whether the form exists; if the form does not exist, create a new form; generate a blank form JSON; get the selected component to perform form visual layout; If the result is that the form exists, perform form modification; obtain the form JSON from the database; parse the form JSON and render the interface; Edit component layout, properties, styles, and interaction logic; and Submit and save the form JSON model; When the form is saved, the form structure is extracted in JSON format and converted into string format.

2. The dynamic form management method based on Variant Form as claimed in claim 1, wherein the dynamic form management method based on VariantForm comprises the following unified data management steps: obtaining the business line information selected by the user at the user end; obtaining the form formJson according to the business line information and rendering it to the interface; Get the form data filled in by the user on the client side; Encapsulate formData data in JSON structure; Get the user order information selected by the business personnel on the backend; And render the form and data through the order entity.

3. The dynamic form management method based on Variant Form as claimed in claim 1, wherein the dynamic form management method based on VariantForm comprises the following permission control and publishing management steps: activating permission verification in response to a user operation of selecting form information to be published at the user end; Verify user permissions. If the permissions are insufficient, block the publishing operation. Determine whether there is a published form in the same business line. If so, pop up a window to prompt and block the publishing operation. Modify the form status and set the corresponding business line to be in a service-available status; And the release is completed and the log is recorded.

4. The dynamic form management method based on Variant Form as claimed in claim 1, wherein the dynamic form management method based on VariantForm includes the following version tracking and backtracking steps: obtaining the business line information to be revoked selected by the user at the user end; performing user authority verification, and if the authority is insufficient, blocking the revocation operation; if the published form has a parent version, obtaining its version chain; Feedback version chain for users at the user end to select old form template or other enabled form template according to the version chain; If the user at the user end does not select, the undo operation is prevented; if the user at the user end selects, the information selected by the user at the user end is obtained, and the publishing status of the replacement and replaced forms is modified; the undo operation is completed and the log is recorded.

5. The dynamic form management method based on Variant Form as claimed in any one of claims 1 to 4, wherein the dynamic form management method based on Variant Form comprises the steps of: obtaining user needs and preference information of the user end, and customizing the appearance style and interaction logic of the form.

6. A computer-readable storage medium having a computer program stored thereon, characterized in that: When the computer program is executed by a processor, the steps of the dynamic form management method based on Variant Form described in any one of claims 1 to 5 are performed.

7. A dynamic form management device based on Variant Form, characterized in that: include: Memory, for storing software applications, A processor is used to execute the software application, and each program of the software application correspondingly executes each step of the dynamic form management method based on Variant Form as described in any one of claims 1 to 5.

8. A dynamic form management system based on Variant Form, characterized in that: The Variant-based The dynamic form management system of Form includes a form management unit, which is used to build, test and deploy form applications, and perform dynamic adjustment and customization of forms according to business demand instructions; the form management unit includes a form interaction module, a form design rendering module, a component library design module, a form structure module, a form database module and a form template module, wherein when receiving a business line category selection instruction sent by the form interaction module, the form design rendering module performs rendering of a blank form, the component library design module feeds back the components for selection to the form interaction module, and when the selected component sent by the form interaction module is obtained, the selected component information is fed back to the canvas domain interface of the form designer; when the business demand information sent by the form interaction module is obtained, the component library design module extracts attribute information and matches and feeds back to the selected component, and the attribute information is selected from: component unique name, label text, css style, read-only, disabled, format validation rule attributes; when receiving a save instruction sent by the form interaction module, the form structure module extracts the form structure in JSON format, converts it to string string format, merges it with the business line into category ID and the generated version number into an entity, and saves it to the database of the form database module.

9. The dynamic form management system based on Variant Form according to claim 8, wherein the dynamic form management system based on VariantForm further comprises a version tracking and backtracking unit, wherein the version tracking and backtracking unit is configured to perform: obtaining the business line information to be revoked selected by the user at the user end; performing user authority verification, and if the authority is insufficient, blocking the revocation operation; if the parent version of the published form exists, obtaining its version chain; Feedback version chain for users at the user end to select old form template or other enabled form template according to the version chain; If the user at the user end does not select, the undo operation is prevented; if the user at the user end selects, the user's selection information is obtained, and the release status of the replacement and replaced forms is modified; as well as Complete the undo operation and record the log.

10. The dynamic form management system based on Variant Form as claimed in claim 9, wherein the version tracking and backtracking unit further comprises a version number management module, wherein the version number management module sets two attributes, a version number and a parent version number, for each form template, wherein the version number represents the version serial number of the current template, and the parent version number points to the original template version based on the modification; wherein, The version number is incremented to ensure that each modification generates a unique version number.

Images