Visual form page dynamic generation management method and system

Abstract

The invention provides a visual form page dynamic generation management method and system in the technical field of software development. The method comprises the steps that S1, a table structure is designed to obtain form information, and an entity table is created; s2, creating a form page, and configuring form attributes, page layout and list styles of the form page; s3, associating the entity table with the form page, configuring the management authority of the form page, and storing the configuration data of the form page; step S4, generating an external link access URL of access configuration data and configuring the external link access URL to the business server; s5, the business server obtains configuration data based on the outer link access URL, and analyzes and renders the configuration data to obtain a form page; and S6, the business server applies for the management authority through the API gateway, and manages the form page based on the management authority. The method has the advantages that the efficiency, the safety and the expansibility of form page development are greatly improved.

Description

Technical Field

[0001] The present invention relates to the technical field of software development, and particularly to a method and system for dynamically generating and managing visual form pages. Background Art

[0002] During the software development process of information systems, corresponding form pages need to be developed, and form pages (system functions) with create, read, update, and delete (CRUD) operations account for a certain proportion. For the development of form pages, the following problems traditionally exist:

[0003] 1. It is necessary to develop form pages by writing code, and there is a large amount of duplicate code in different modules. For example, multiple modules may need to perform CRUD operations on different tables, but the implementation methods are almost the same, increasing the redundancy of the code and reducing the maintainability of the code. When it is necessary to modify the database table structure or logic, it is necessary to modify the code in multiple places, which is not only inefficient but also prone to omissions. 2. There is a lack of a permission control mechanism, which is likely to lead to data leakage or malicious tampering. 3. When business requirements change, a large amount of code needs to be modified. For example, when adding new fields or query conditions, it is necessary to modify the code in multiple places, increasing the difficulty of development and maintenance and making it difficult to adapt to rapidly changing business requirements.

[0004] Therefore, how to provide a method and system for dynamically generating and managing visual form pages to improve the efficiency, security, and scalability of form page development has become an urgent technical problem to be solved. Summary of the Invention

[0005] The technical problem to be solved by the present invention is to provide a method and system for dynamically generating and managing visual form pages to improve the efficiency, security, and scalability of form page development.

[0006] In a first aspect, the present invention provides a method for dynamically generating and managing visual form pages, including the following steps:

[0007] Step S1: The configuration server designs a table structure through a visual form design interface to obtain form information, and creates an entity table in the business database based on the form information;

[0008] Step S2: The configuration server creates a form page through the form design interface, and configures the form attributes, page layout, and list style of the form page;

[0009] Step S3: The configuration server associates the entity table with the form page, configures the management permissions of the form page, and saves the configuration data of the form page;

[0010] Step S4: The configuration server generates an external link access URL for accessing the configuration data and configures the external link access URL to the business server;

[0011] Step S5: The business server obtains the configuration data based on the external link access URL, parses and renders the configuration data to obtain a form page;

[0012] Step S6: The business server applies for management permissions from the configuration server based on a preset token through the API gateway, and manages the form page based on the management permissions, including at least adding, deleting, modifying, and querying.

[0013] Further, the specific content of step S1 is as follows:

[0014] The configuration server designs a table structure through a visual form design interface to obtain form information including at least form fields and field formats, converts the table information into database table creation statements, and automatically creates an entity table for storing data in the business database based on the database table creation statements.

[0015] Further, in step S2, the form attributes include at least data source, data attribute, original associated table, data title, form type, form fields, form size, label alignment, label width, and grid interval; the data attribute is static data or dynamic interface data;

[0016] The page layout is executed by dragging components from the component library to the form page and adjusting their positions. During the layout process, the component name, required field, default value, data type, and dependency relationship of the components are set; the data type includes at least text, numeric, date, and enumeration;

[0017] The list style is configured based on a form template, including at least component position, component style, component size, grid, font, border, and spacing, and supports selecting form fields to be displayed in a tick-based interaction form and adjusting the display position of components in a drag-and-drop interaction form.

[0018] Further, the specific content of step S3 is as follows:

[0019] The configuration server associates the entity table with the form page based on form fields through a preset JS script, configures the management permissions for the form page including at least adding, deleting, modifying, and querying, and saves the configuration data of the form page including at least form attributes, page layout, and list style in JSON format based on the trigger signal of the save button, and stores the management permissions in a preset user management table; the user management table stores user role IDs corresponding to the management permissions;

[0020] The management authority for the query is to query all data, query data of a specified department, or query data of this account.

[0021] Further, the specific steps of step S5 are as follows:

[0022] The business server sends a configuration data acquisition request to the configuration server based on the external link access URL. After the configuration server verifies the received configuration data acquisition request, it sends the configuration data to the business server;

[0023] The business server parses the configuration data and renders a form page based on the form attributes, page layout, and list style carried in the configuration data;

[0024] The specific steps of step S6 are as follows:

[0025] The business server sends an HTTP request carrying a token to the configuration server through the API gateway. The token is provided with a user role id;

[0026] The configuration server parses the received HTTP request to obtain the token, verifies the token, parses the token to obtain the user role id, matches the management authority from a preset user management table through the user role id, and sends the management authority to the business server;

[0027] The business server manages the form page based on the management authority, including at least adding, deleting, modifying, and querying.

[0028] In a second aspect, the present invention provides a visual form page dynamic generation management system, including the following modules:

[0029] An entity table creation module, which is used for the configuration server to design a table structure through a visual form design interface to obtain form information, and create an entity table in the business database based on the form information;

[0030] A form page creation module, which is used for the configuration server to create a form page through the form design interface, and configure the form attributes, page layout, and list style of the form page;

[0031] A form page configuration module, which is used for the configuration server to associate the entity table with the form page, configure the management authority of the form page, and save the configuration data of the form page;

[0032] An external link access URL generation module, which is used for the configuration server to generate an external link access URL for accessing the configuration data and configure the external link access URL to the business server;

[0033] The form page rendering module is used for the business server to obtain configuration data based on the external link access URL, parse and render the configuration data to obtain a form page;

[0034] The form page management module is used for the business server to apply for management permissions from the configuration server through the API gateway based on a preset token, and perform management including at least addition, deletion, modification, and query on the form page based on the management permissions.

[0035] Further, the entity table creation module is specifically used for:

[0036] The configuration server designs a table structure through a visual form design interface to obtain form information including at least form fields and field formats, converts the table information into database table creation statements, and automatically creates an entity table for storing data in the business database based on the database table creation statements.

[0037] Further, in the form page creation module, the form attributes at least include data source, data attribute, original associated table, data title, form type, form fields, form size, label alignment, label width, and grid interval; the data attribute is static data or dynamic interface data;

[0038] The page layout is executed by dragging components from the component library to the form page and adjusting their positions. During the layout process, the component name, required field, default value, data type, and dependency relationship of the components are set; the data type at least includes text, numeric, date, and enumeration;

[0039] The list style is configured based on a form template, and at least includes component position, component style, component size, grid, font, border, and spacing, and supports selecting the form fields to be displayed in a tick-based interaction form and adjusting the display position of the components in a drag-and-drop interaction form.

[0040] Further, the form page configuration module is specifically used for:

[0041] The configuration server associates the entity table with the form page based on form fields through a preset JS script, configures management permissions for the form page including at least addition, deletion, modification, and query, and saves the configuration data of the form page including at least form attributes, page layout, and list style in JSON format based on the trigger signal of the save button, and stores the management permissions in a preset user management table; the user management table stores user role IDs corresponding to the management permissions;

[0042] The management permission for query is to query all data, query data of a specified department, or query data of this account.

[0043] Further, the form page rendering module is specifically configured to:

[0044] The business server sends a configuration data acquisition request to the configuration server based on the external link access URL. After verifying the received configuration data acquisition request, the configuration server sends the configuration data to the business server.

[0045] The business server parses the configuration data and renders a form page based on the form attributes, page layout, and list style carried in the configuration data.

[0046] The form page management module is specifically configured to:

[0047] The business server sends an HTTP request carrying a token to the configuration server through the API gateway, and the token is provided with a user role id.

[0048] The configuration server parses the received HTTP request to obtain the token, verifies the token, parses the token to obtain the user role id, matches the management authority from a preset user management table through the user role id, and sends the management authority to the business server.

[0049] The business server manages the form page based on the management authority, including at least adding, deleting, modifying, and querying.

[0050] The advantages of the present invention are as follows:

[0051] The configuration server designs a table structure through a visual form design interface to obtain form information, creates an entity table in the business database based on the form information, then creates a form page through the form design interface, configures the form properties, page layout, and list style of the form page, then associates the entity table with the form page, configures the management permissions of the form page, and saves the configuration data of the form page. Then, an external link access URL for accessing the configuration data is generated and configured to the business server; the business server obtains the configuration data based on the external link access URL, parses and renders the configuration data to obtain the form page, and then, through the API gateway, applies for management permissions to the configuration server based on a preset token, and manages the form page based on the management permissions, including at least adding, deleting, modifying, and querying; that is, the form page is developed and configured through a visual form design interface, without writing code as in the traditional way, and the form page required by the business can be quickly constructed, realizing efficient form page generation and data management, and supporting flexible form configuration, permission management, and data storage, applicable to various business scenarios, greatly improving the standardization degree of configuration, reducing the error risk caused by manual modification, and greatly reducing the workload and maintenance cost generated by manual code writing; at the same time, the configuration of the form page adopts a visual method, which is intuitively displayed and what you see is what you get, without repeated modification and debugging, greatly reducing the delivery cycle, and also supporting fine-grained permission management to ensure the security and flexibility of data and configuration, and ultimately greatly improving the efficiency, security, and scalability of form page development. Brief Description of the Drawings

[0052] The present invention will be further described below with reference to the accompanying drawings in conjunction with embodiments.

[0053] Figure 1 It is a flowchart of a method for dynamically generating and managing a visual form page of the present invention.

[0054] Figure 2 It is a schematic structural diagram of a system for dynamically generating and managing a visual form page of the present invention. Detailed Embodiments

[0055] The overall idea of the technical solution in the embodiments of this application is as follows: Develop and configure form pages through a visual form design interface, without the need to write code as in the traditional way. It can quickly build form pages required for business, achieve efficient form page generation and data management, and support flexible form configuration, permission management, and data storage. It is applicable to various business scenarios, greatly improving the standardization degree of configuration, reducing the error risk caused by manual modification, and significantly reducing the workload and maintenance cost generated by manual code writing. At the same time, the configuration of form pages adopts a visual method, which is intuitively displayed and what you see is what you get. There is no need to repeatedly modify and debug, greatly reducing the delivery cycle. It also supports refined permission management to ensure the security and flexibility of data and configuration, thereby improving the efficiency, security, and scalability of form page development.

[0056] Please refer to Figures 1 to 2 As shown in the figure, a preferred embodiment of a visual form page dynamic generation and management method of the present invention includes the following steps:

[0057] Step S1: The configuration server designs a table structure through a visual form design interface to obtain form information, and creates an entity table in the business database based on the form information;

[0058] Step S2: The configuration server creates a form page through the form design interface, and configures the form attributes, page layout, and list style of the form page through Spring Cloud Config;

[0059] Step S3: The configuration server associates the entity table with the form page, configures the management permissions of the form page, and saves the configuration data of the form page, that is, saves the form page, and names the form page during the saving process;

[0060] Step S4: The configuration server generates an external link access URL for accessing the configuration data, and configures the external link access URL to the business server; that is, configures the external link access URL to the system menu of the business server, and the system menu can obtain the configuration data through the external link access URL;

[0061] Step S5: The business server obtains the configuration data based on the external link access URL, parses and renders the configuration data to obtain a form page;

[0062] Step S6: The business server applies for management permissions from the configuration server through the API gateway based on a preset token, and performs management on the form page including at least addition, deletion, modification, and query based on the management permissions. Specifically, during implementation, the business server performs traffic control and circuit breaker degradation through Sentinel to maintain high availability and prevent crashes caused by high concurrency or abnormal requests.

[0063] The present invention not only realizes efficient form page configuration and permission management, but also ensures user experience and data security, greatly improving the automation and management efficiency of the business.

[0064] The specific content of step S1 is as follows:

[0065] The configuration server designs a table structure through a visual form design interface to obtain form information including at least form fields and field formats, converts the table information into a database table creation statement, automatically creates an entity table for storing data in the business database based on the database table creation statement, and names the entity table. The form page reads and displays data from the data source, and supports storing the read data into the entity table. Subsequently, data can be directly queried from the entity table or traced back.

[0066] In step S2, the form attributes at least include data source, data attributes, original associated table, data title, form type, form fields, form size, label alignment, label width, and grid interval to ensure the usability and aesthetics of the form page; the data attributes are static data or dynamic interface data;

[0067] The page layout is executed by dragging components from the component library to the form page and adjusting their positions. During the layout process, the component name, required field, default value, data type, dependency relationship, and field verification rules (such as regular expressions, length, uniqueness) of the component are set; the data types at least include text, numeric, date, and enumeration;

[0068] The list style is configured based on a form template, including at least component position, component style, component size, grid, font, border, and spacing, and supports selecting the displayed form fields in a check box interaction form and adjusting the display position of the component in a drag-and-drop interaction form.

[0069] The specific content of step S3 is as follows:

[0070] The configuration server associates the entity table with the form page based on form fields through a preset JS script, configures the form page to include at least management permissions for addition, deletion, modification, and query, and saves the configuration data of the form page including at least form attributes, page layout, and list style in JSON format based on the trigger signal of the save button, and stores the management permissions in a preset user management table; the user management table stores user role IDs corresponding to the management permissions; complex business requirements can be met through the JS script; specifically in implementation, the configuration data further includes form ID, JavaScript form verification code, and the mapping relationship between the entity table and the form page;

[0071] The management permission for query is to query all data, query data of a specified department, or query data of this account.

[0072] The specific content of step S5 is as follows:

[0073] The business server sends a configuration data acquisition request to the configuration server based on the external link access URL. After verifying the received configuration data acquisition request, the configuration server sends the configuration data to the business server;

[0074] The business server parses the configuration data and renders a form page based on the form attributes, page layout, and list style carried in the configuration data; specifically in implementation, the business server also determines whether the list query condition of the form page involves dictionary values. If it involves dictionary values, it requests data from the dictionary value interface of the configuration server and renders the dictionary values into the drop-down check boxes of the list query condition;

[0075] The specific content of step S6 is as follows:

[0076] The business server sends an HTTP request carrying a token (Token) to the configuration server through the API gateway. The token is provided with a user role ID (user information); the API gateway uses Spring Cloud Gateway, which supports functions such as access authentication, encryption and decryption of interactive messages, and service routing, ensuring the security and efficiency of communication;

[0077] The configuration server parses the received HTTP request to obtain the token, verifies the token, parses the token to obtain the user role ID, matches the management permissions from the preset user management table through the user role ID, and sends the management permissions to the business server; specifically in implementation, the HTTP request carries a timestamp and a signature value obtained by signing the timestamp with a preset private key. Subsequently, the signature value can be verified using a preset public key, and the timeliness is verified through the timestamp to enhance the security of the HTTP request transmission;

[0078] The business server manages the form page based on the management authority, including at least adding, deleting, modifying, and querying.

[0079] To further understand the present invention, the operations of adding, deleting, modifying, and querying are described as follows:

[0080] For the add operation, the configuration server generates a primary key id value, serializes the request message information and the primary key id value into the table field attribute object, and then inserts them into the corresponding entity table through the unified database insertion method according to the source information of the form page.

[0081] For the delete operation, the configuration server parses the request message information to obtain the primary key id value of the business data, and deletes the data in the corresponding entity table through the unified database deletion method according to the data source of the form page and the primary key id value.

[0082] For the modify operation, the configuration server parses the request message information and serializes it into the table field attribute object, obtains the primary key id value and the field information to be updated, and updates it to the corresponding entity table through the unified database update method according to the source information of the form page and the primary key id value.

[0083] For the query operation, the configuration server obtains the user information in the cache through the Token in the HTTP request header, obtains the user role id in the user information, queries the management authority through the role id. If it has all permissions, it queries all information; if it has department permissions, it queries all information created under the same department; if it has personal permissions, it queries the information created by the user himself.

[0084] A preferred embodiment of a visual form page dynamic generation management system of the present invention includes the following modules:

[0085] The entity table creation module is used for the configuration server to design the table structure through the visual form design interface to obtain form information, and create an entity table in the business database based on the form information.

[0086] The form page creation module is used for the configuration server to create a form page through the form design interface, and configure the form attributes, page layout, and list style of the form page through Spring Cloud Config.

[0087] The form page configuration module is used for the configuration server to associate the entity table with the form page, configure the management authority of the form page, and save the configuration data of the form page, that is, save the form page, and name the form page during the saving process.

[0088] External link access URL generation module, which is used to configure the server to generate an external link access URL for accessing the configuration data, and configure the external link access URL to the business server; that is, configure the external link access URL into the system menu of the business server, and the configuration data can be obtained through the external link access URL in the system menu;

[0089] Form page rendering module, which is used for the business server to obtain configuration data based on the external link access URL, parse and render the configuration data to obtain a form page;

[0090] Form page management module, which is used for the business server to apply for management permissions from the configuration server through the API gateway based on a preset token, and perform management including at least adding, deleting, modifying, and querying on the form page. Specifically, in implementation, the business server performs traffic control and circuit breaker degradation through Sentinel to maintain high availability and prevent crashes caused by high concurrency or abnormal requests.

[0091] The present invention not only realizes efficient form page configuration and permission management, but also ensures user experience and data security, greatly improving business automation and management efficiency.

[0092] The entity table creation module is specifically used for:

[0093] The configuration server designs a table structure through a visual form design interface to obtain form information including at least form fields and field formats, converts the table information into a database table creation statement, automatically creates an entity table for storing data in the business database based on the database table creation statement, and names the entity table. The form page reads and displays data from the data source, and supports storing the read data into the entity table. Subsequently, data can be directly queried from the entity table or traced.

[0094] In the form page creation module, the form attributes at least include data source, data attributes, original associated table, data title, form type, form fields, form size, label alignment, label width, and grid interval to ensure the usability and aesthetics of the form page; the data attributes are static data or dynamic interface data;

[0095] The page layout is executed by dragging components from the component library to the form page and adjusting their positions. During the layout process, set the component name, required field, default value, data type, dependency relationship, and field verification rules (such as regular expressions, length, uniqueness) of the component; the data type at least includes text, numeric, date, and enumeration;

[0096] The list style is configured based on a form template, and at least includes component position, component style, component size, grid, font, border, and spacing, and supports selecting form fields to be displayed in an interactive form of ticking, and adjusting the display position of components in an interactive form of dragging and dropping.

[0097] The form page configuration module is specifically used for:

[0098] The configuration server associates the entity table with the form page based on form fields through a preset JS script, configures the form page to include at least management permissions for addition, deletion, modification, and query, and based on the trigger signal of the save button, saves the configuration data of the form page including at least form attributes, page layout, and list style in JSON format, and stores the management permissions in a preset user management table; the user management table stores user role IDs corresponding to the management permissions; complex business requirements can be met through the JS script; specifically in implementation, the configuration data further includes form ID, JavaScript form verification code, and the mapping relationship between the entity table and the form page;

[0099] The management permission for query is to query all data, query data of a specified department, or query data of this account.

[0100] The form page rendering module is specifically used for:

[0101] The business server sends a configuration data acquisition request to the configuration server based on the external link access URL. After the configuration server verifies the received configuration data acquisition request, it sends the configuration data to the business server;

[0102] The business server parses the configuration data and renders a form page based on the form attributes, page layout, and list style carried in the configuration data; specifically in implementation, the business server also determines whether the list query condition of the form page involves dictionary values. If it involves dictionary values, it requests data from the dictionary value interface of the configuration server and renders the dictionary values into the drop-down tick box of the list query condition;

[0103] The form page management module is specifically used for:

[0104] The business server sends an HTTP request carrying a token (Token) to the configuration server through the API gateway, and the token is provided with a user role ID (user information); the API gateway uses Spring Cloud Gateway, which supports functions such as access authentication, encryption and decryption of interactive messages, and service routing, ensuring the security and efficiency of communication;

[0105] The configuration server parses the received HTTP request to obtain a token. After verifying the token, it parses the token to obtain the user role ID, matches the management permissions from the preset user management table through the user role ID, and sends the management permissions to the business server. Specifically, when implemented, the HTTP request carries a timestamp and a signature value obtained by signing the timestamp with a preset private key. Subsequently, the signature value can be verified using the preset public key, and the timeliness can be verified through the timestamp to enhance the security of the HTTP request transmission.

[0106] The business server manages the form page based on the management permissions, including at least adding, deleting, modifying, and querying.

[0107] To further understand the present invention, the operations of adding, deleting, modifying, and querying are described as follows:

[0108] For the add operation, the configuration server generates a primary key ID value, serializes the request message information and the primary key ID value into a table field attribute object, and then inserts them into the corresponding entity table through the database unified insertion method according to the source information of the form page.

[0109] For the delete operation, the configuration server parses the request message information to obtain the primary key ID value of the business data, and deletes the data in the corresponding entity table through the database unified deletion method according to the data source of the form page and the primary key ID value.

[0110] For the modify operation, the configuration server parses the request message information and serializes it into a table field attribute object, obtains the primary key ID value and the field information to be updated, and updates it to the corresponding entity table through the database unified update method according to the source information of the form page and the primary key ID value.

[0111] For the query operation, the configuration server obtains the user information in the cache through the Token in the HTTP request header, obtains the user role ID in the user information, queries the management permissions through the role ID. If all permissions are available, all information is queried; if department permissions are available, all information created under the same department is queried; if personal permissions are available, information created by the user himself is queried.

[0112] In summary, the advantages of the present invention are:

[0113] The configuration server designs a table structure through a visual form design interface to obtain form information, creates an entity table in the business database based on the form information, then creates a form page through the form design interface, configures the form properties, page layout, and list style of the form page, then associates the entity table with the form page, configures the management permissions of the form page, and saves the configuration data of the form page. Then, an external link access URL for accessing the configuration data is generated and configured to the business server; the business server obtains the configuration data based on the external link access URL, parses and renders the configuration data to obtain the form page, and then, through the API gateway, applies for management permissions to the configuration server based on a preset token, and performs management on the form page including at least addition, deletion, modification, and query based on the management permissions; that is, the form page is developed and configured through a visual form design interface, without the need to write code as in the traditional way, and the form page required for the business can be quickly constructed, realizing efficient form page generation and data management, and supporting flexible form configuration, permission management, and data storage, being applicable to various business scenarios, greatly improving the standardization degree of the configuration, and reducing the error risk brought by manual modification, greatly reducing the workload and maintenance cost generated by manual code writing; at the same time, the configuration of the form page adopts a visual method, which is intuitively displayed and can achieve what you see is what you get, without the need for repeated modification and debugging, greatly reducing the delivery cycle, and also supporting refined permission management to ensure the security and flexibility of the data and configuration, and ultimately greatly improving the efficiency, security, and scalability of the form page development.

[0114] Although the specific implementation manners of the present invention have been described above, those skilled in the art of this technology should understand that the specific embodiments we described are illustrative rather than used to limit the scope of the present invention. Equivalent modifications and variations made by those skilled in the art in accordance with the spirit of the present invention should be covered by the scope protected by the claims of the present invention.

Claims

1. A method for dynamically generating and managing a visual form page, characterized in that: It includes the following steps: Step S1: The configuration server designs a table structure through a visual form design interface to obtain form information, and creates an entity table in the business database based on the form information; Step S2: The configuration server creates a form page through the form design interface, and configures form attributes, page layout, and list style of the form page; Step S3: The configuration server associates the entity table with the form page, configures management permissions of the form page, and saves configuration data of the form page; Step S4: The configuration server generates an external link access URL for accessing the configuration data, and configures the external link access URL to the business server; Step S5: The business server obtains configuration data based on the external link access URL, parses and renders the configuration data to obtain a form page; Step S6: The business server applies for management permissions to the configuration server based on a preset token through the API gateway, and performs management on the form page including at least adding, deleting, modifying, and querying based on the management permissions.

2. The visual form page dynamic generation management method according to claim 1, characterized in that: The specific content of step S1 is as follows: The configuration server designs a table structure through a visual form design interface to obtain form information including at least form fields and field formats, converts the table information into a database table creation statement, and automatically creates an entity table for storing data in the business database based on the database table creation statement.

3. A method for dynamically generating and managing a visual form page as claimed in claim 1, characterized in that: In step S2, the form attributes include at least data source, data attribute, original associated table, data title, form type, form fields, form size, label alignment, label width, and grid interval; the data attribute is static data or dynamic interface data; The page layout is executed by dragging components from the component library to the form page and adjusting their positions. During the layout process, the component name, required field, default value, data type, and dependency relationship of the components are set; the data type includes at least text, number, date, and enumeration; The list style is configured based on a form template, including at least component position, component style, component size, grid, font, border, and spacing, and supports selecting form fields to be displayed in a tick-based interaction form and adjusting the display position of components in a drag-and-drop interaction form.

4. A method for dynamically generating and managing a visual form page as described in claim 1, characterized in that: The specific content of step S3 is as follows: The configuration server associates the entity table with the form page based on form fields through a preset JS script, configures management permissions of the form page including at least adding, deleting, modifying, and querying, and saves configuration data of the form page including at least form attributes, page layout, and list style in JSON format based on a trigger signal of a save button, and stores the management permissions in a preset user management table; The user management table stores user role ids corresponding to management permissions; The management permission for querying is to query all data, query data of a specified department, or query data of this account.

5. A method for dynamically generating and managing a visual form page as described in claim 1, characterized in that: The specific content of step S5 is as follows: The business server sends a configuration data acquisition request to the configuration server based on the external link access URL. After verifying the received configuration data acquisition request, the configuration server sends the configuration data to the business server; The business server parses the configuration data and renders a form page based on the form attributes, page layout, and list style carried in the configuration data; The specific step S6 is as follows: The business server sends an HTTP request carrying a token to the configuration server through the API gateway. The token is provided with a user role id; The configuration server parses the received HTTP request to obtain the token, verifies the token, parses the token to obtain the user role id, matches the management authority from the preset user management table through the user role id, and sends the management authority to the business server; The business server manages the form page based on the management authority, including at least adding, deleting, modifying, and querying; 6. A visual form page dynamic generation management system, characterized in that: It includes the following modules: An entity table creation module, which is used for the configuration server to design a table structure through a visual form design interface to obtain form information, and create an entity table in the business database based on the form information; A form page creation module, which is used for the configuration server to create a form page through the form design interface, and configure the form attributes, page layout, and list style of the form page; A form page configuration module, which is used for the configuration server to associate the entity table with the form page, configure the management authority of the form page, and save the configuration data of the form page; An external link access URL generation module, which is used for the configuration server to generate an external link access URL for accessing the configuration data, and configure the external link access URL to the business server; A form page rendering module, which is used for the business server to obtain configuration data based on the external link access URL, parse and render the configuration data to obtain a form page; A form page management module, which is used for the business server to apply for management authority to the configuration server through the API gateway based on a preset token, and manage the form page based on the management authority, including at least adding, deleting, modifying, and querying; 7. A visual form page dynamic generation management system according to claim 6, characterized in that: The specific function of the entity table creation module is as follows: The configuration server designs a table structure through a visual form design interface to obtain form information including at least form fields and field formats, converts the table information into database table creation statements, and automatically creates an entity table for storing data in the business database based on the database table creation statements; 8. A visual form page dynamic generation management system according to claim 6, characterized in that: In the form page creation module, the form attributes include at least data source, data attribute, original associated table, data title, form type, form fields, form size, label alignment, label width, and grid interval; the data attribute is static data or dynamic interface data; The page layout is executed by dragging components from the component library to the form page and adjusting their positions. During the layout process, the component name, required field, default value, data type, and dependency relationship of the component are set; the data type includes at least text, number, date, and enumeration; The list style is configured based on the form template, and at least includes component position, component style, component size, grid, font, border, and spacing, and supports selecting the form fields to be displayed in a tick-based interaction form and adjusting the display position of the components in a drag-and-drop interaction form.

9. The visual form page dynamic generation management system according to claim 6, characterized in that: The form page configuration module is specifically used for: The configuration server associates the entity table with the form page based on the form fields through a preset JS script, configures the form page to include at least management permissions for addition, deletion, modification, and query, and based on the trigger signal of the save button, saves the configuration data of the form page including at least form attributes, page layout, and list style in JSON format, and stores the management permissions in a preset user management table; The user management table stores the user role id corresponding to the management permission; The management permission for query is to query all data, query data of a specified department, or query data of this account.

10. A visual form page dynamic generation management system according to claim 6, characterized in that: The form page rendering module is specifically used for: The business server sends a configuration data acquisition request to the configuration server based on the external link access URL. After the configuration server verifies the received configuration data acquisition request, it sends the configuration data to the business server; The business server parses the configuration data and renders a form page based on the form attributes, page layout, and list style carried in the configuration data; The form page management module is specifically used for: The business server sends an HTTP request carrying a token to the configuration server through the API gateway, and the token is provided with a user role id; The configuration server parses the received HTTP request to obtain the token, verifies the token, parses the token to obtain the user role id, matches the management permission from the preset user management table through the user role id, and sends the management permission to the business server; The business server manages the form page based on the management permission, including at least addition, deletion, modification, and query.

Images