CN114047989A - Dynamic form configuration and rendering method, system and device - Google Patents
Dynamic form configuration and rendering method, system and device Download PDFInfo
- Publication number
- CN114047989A CN114047989A CN202111336834.6A CN202111336834A CN114047989A CN 114047989 A CN114047989 A CN 114047989A CN 202111336834 A CN202111336834 A CN 202111336834A CN 114047989 A CN114047989 A CN 114047989A
- Authority
- CN
- China
- Prior art keywords
- configuration
- template
- rendering
- page
- dynamic
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000009877 rendering Methods 0.000 title claims abstract description 52
- 238000000034 method Methods 0.000 title claims abstract description 38
- 238000013507 mapping Methods 0.000 claims description 10
- 230000008569 process Effects 0.000 claims description 9
- 238000013461 design Methods 0.000 claims description 5
- 238000011161 development Methods 0.000 abstract description 8
- 238000012545 processing Methods 0.000 abstract description 2
- 238000010586 diagram Methods 0.000 description 8
- 238000006467 substitution reaction Methods 0.000 description 2
- 230000004075 alteration Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/166—Editing, e.g. inserting or deleting
- G06F40/177—Editing, e.g. inserting or deleting of tables; using ruled lines
- G06F40/18—Editing, e.g. inserting or deleting of tables; using ruled lines of spreadsheets
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
The invention relates to the field of computer software technology and data processing, in particular to a dynamic form configuration and rendering method, which comprises form configuration and form rendering, wherein the form configuration comprises the following steps: s1, analyzing each field attribute feature of the service field level required by the service scene; s2, designing a form interface prototype; s3, creating a form template and inputting a service field by the Web foreground, and binding the template and the corresponding service object instance; and S4, after Web storage, the form template information configured by the user is input into a database. And S5, issuing the form. Compared with the prior art, the method and the device have the advantages that a large amount of repeated iteration workload is converted into simple page configuration, the workload of developers is greatly reduced, the utilization rate of the developers is improved, and the development efficiency is improved. When the form needs to be iterated when the requirement changes, the page form can be refreshed only by modifying the template configuration without additional development.
Description
Technical Field
The invention relates to the field of computer software technology and data processing, and particularly provides a method, a system and a device for configuring and rendering a dynamic form.
Background
With the development of the internet, each software development scene meets various form design requirements, and with the change of customer requirements and specific services, multiple iterations of the same service form are often required in the development stage, and each iteration is accompanied by many repeated and additional development workloads.
With the development of technology, some form configuration methods capable of being configured and multiplexed independently also appear at present, but the problems of over-customization, incapability of realizing page dynamic rendering, no management of mapping relation between form models and business object instances and the like exist.
Disclosure of Invention
Aiming at the defects of the prior art, the invention provides a dynamic form configuration and rendering method with strong practicability.
The second step of the invention is to provide a dynamic form configuration and rendering system which is reasonable in design, safe and applicable.
The third step of the invention is to provide a dynamic form configuration and rendering device.
The technical task of the fourth step of the invention is to provide a dynamic form configuration and rendering computer medium.
The technical scheme adopted by the invention for solving the technical problems is as follows:
a dynamic form configuration and rendering method comprises form configuration and form rendering, wherein the form configuration comprises the following steps:
s1, analyzing each field attribute feature of the service field level required by the service scene;
s2, designing a form interface prototype;
s3, creating a form template and inputting a service field by the Web foreground, and binding the template and the corresponding service object instance;
and S4, after Web storage, the form template information configured by the user is input into a database.
S5, issuing a form;
the form rendering has the following steps:
(1) when a work order is input at a Web end and a business object instance is loaded, a server-end interface is called to read a form template and a template configuration which are mounted on the instance from a database;
(2) after receiving the configuration information, the Web end analyzes the configuration information to obtain page elements, and loads the page elements to the page form by updating the global elements bound to the page form to realize local page refreshing;
(3) filling the rendered form information by the user;
(4) the user clicks a page saving button to request a background saving interface, and the background stores the form information input by the user into a form instance table;
(5) and when the work order information is displayed, loading the dynamic rendering of the form, requesting a background interface to inquire the information input by the user when the work order is input, which is stored on the form template instance associated with the business object, and backfilling the information to the rendered form.
Preferably, in the form configuration step S2, a form interface prototype is designed using the AxureRP prototype design tool.
Further, in the form configuring step S3, the form field characteristics further include name, presentation name, number, length, whether it is necessary to fill, page width, check rule, type, value format, default value, presentation order, mapping type, and mapping Sql.
Further, in the step (2) and the step (5) of rendering the form, dynamic rendering of the page is realized by mapping the table unit data configuration stored in the database to the JSON configuration item bound on the table unit element of the page based on vue.js and using avue.js plug-in.
A dynamic form configuration and rendering system comprises a form template configuration module, a process management module and a permission management module, wherein the form template configuration module is used for creating and configuring a form template and binding the form template to a service object instance;
the flow management module is used for the work order management of each flow link;
and the authority management module is used for configuring the administrator role open form template and carrying out operation log recording on the template operation.
Furthermore, the form template configuration module is also used for managing and releasing templates, and the process management module is used for work order management of each process link and loading and rendering the form templates related to the different business object instances by selecting the different business object instances.
A dynamic form configuration, rendering apparatus, comprising: at least one memory and at least one processor;
the at least one memory to store a machine readable program;
the at least one processor is configured to invoke the machine readable program to perform a dynamic form configuration, rendering method.
A computer readable medium having stored thereon computer instructions which, when executed by a processor, cause the processor to perform a method of dynamic form configuration, rendering.
Compared with the prior art, the dynamic form configuration and rendering method, system and device have the following outstanding advantages:
the invention converts a large amount of repeated iteration workload into simple page configuration, greatly lightens the workload of developers, improves the utilization rate of the personnel and improves the development efficiency. When the form needs to be iterated when the requirement changes, the page form can be refreshed only by modifying the template configuration without additional development.
Drawings
In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings used in the description of the embodiments or the prior art will be briefly introduced below, and it is obvious that the drawings in the following description are some embodiments of the present invention, and for those skilled in the art, other drawings can be obtained according to these drawings without creative efforts.
FIG. 1 is a flow diagram of a method for dynamic form configuration and rendering;
FIG. 2 is a schematic diagram of a dynamic form configuration in a dynamic form configuration and rendering method;
FIG. 3 is a diagram illustrating form field features in a dynamic form configuration and rendering method;
FIG. 4 is a schematic diagram of dynamic form rendering in a dynamic form configuration and rendering method;
FIG. 5 is a diagram of a form template in a dynamic form configuration and rendering method;
FIG. 6 is a diagram of form parameters in a dynamic form configuration and rendering method;
FIG. 7 is a diagram of a dynamic form configuration, rendering method creating a single page;
FIG. 8 is a schematic diagram of a work order detail page in a dynamic form configuration and rendering method.
Detailed Description
The present invention will be described in further detail with reference to specific embodiments in order to better understand the technical solutions of the present invention. It is to be understood that the described embodiments are merely exemplary of the invention, and not restrictive of the full scope of the invention. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present invention.
A preferred embodiment is given below:
as shown in fig. 1 to 8, a dynamic form configuration and rendering method in this embodiment is divided into a form configuration and a form rendering, where the form configuration includes the following steps:
s1, analyzing each field attribute feature of the service field level required by the service scene;
s2, designing a form interface prototype;
s3, creating a form template and inputting a service field by the Web foreground, and binding the template and the corresponding service object instance;
and S4, after Web storage, the form template information configured by the user is input into a database.
S5, issuing a form;
the form rendering has the following steps:
(1) when a work order is input at a Web end and a business object instance is loaded, a server-end interface is called to read a form template and a template configuration which are mounted on the instance from a database;
(2) after receiving the configuration information, the Web end analyzes the configuration information to obtain page elements, and loads the page elements to the page form by updating the global elements bound to the page form to realize local page refreshing;
(3) filling the rendered form information by the user;
(4) the user clicks a page saving button to request a background saving interface, and the background stores the form information input by the user into a form instance table;
(5) and when the work order information is displayed, loading the dynamic rendering of the form, requesting a background interface to inquire the information input by the user when the work order is input, which is stored on the form template instance associated with the business object, and backfilling the information to the rendered form.
Wherein, in the form configuration step S2, a form interface prototype is designed using the AxureRP prototype design tool.
In the form configuring step S3, the form field characteristics further including description include name, presentation name (EN/CN), number, length, whether filling is necessary, page width, check rule, type (select/input/radio/date/timetime/textarea/upload), value type (Boolean/String/Integer/Decimal/TimeStamp/File), value format, default value, presentation order, mapping type (dictionary/Sql), mapping Sql, and the like.
In the step (2) and the step (5), dynamic rendering of the page is realized by mapping the table unit data configuration stored in the database to the JSON configuration item bound on the page table unit element based on Vue.
A dynamic form configuration and rendering system comprises a form template configuration module, a process management module and a permission management module, wherein the form template configuration module is used for creating and configuring a form template and binding the form template to a service object instance;
the flow management module is used for the work order management of each flow link;
and the authority management module is used for configuring the administrator role open form template and carrying out operation log recording on the template operation.
The form template configuration module is also used for managing and releasing templates, the process management module is used for work order management of each process link, and the form templates related to the different business object instances are loaded and rendered by selecting the different business object instances.
A dynamic form configuration, rendering apparatus, comprising: at least one memory and at least one processor;
the at least one memory to store a machine readable program;
the at least one processor is configured to invoke the machine readable program to perform a dynamic form configuration, rendering method.
A computer readable medium having stored thereon computer instructions which, when executed by a processor, cause the processor to perform a method of dynamic form configuration, rendering.
The above embodiments are only specific examples, and the scope of the present invention includes but is not limited to the above embodiments, and any suitable changes or substitutions that are consistent with the claims of a dynamic form configuration, rendering method, system and apparatus of the present invention and are made by those skilled in the art should fall within the scope of the present invention.
Although embodiments of the present invention have been shown and described, it will be appreciated by those skilled in the art that changes, modifications, substitutions and alterations can be made in these embodiments without departing from the principles and spirit of the invention, the scope of which is defined in the appended claims and their equivalents.
Claims (8)
1. A dynamic form configuration and rendering method is characterized by comprising form configuration and form rendering, wherein the form configuration comprises the following steps:
s1, analyzing each field attribute feature of the service field level required by the service scene;
s2, designing a form interface prototype;
s3, creating a form template and inputting a service field by the Web foreground, and binding the template and the corresponding service object instance;
and S4, after Web storage, the form template information configured by the user is input into a database.
S5, issuing a form;
the form rendering has the following steps:
(1) when a work order is input at a Web end and a business object instance is loaded, a server-end interface is called to read a form template and a template configuration which are mounted on the instance from a database;
(2) after receiving the configuration information, the Web end analyzes the configuration information to obtain page elements, and loads the page elements to the page form by updating the global elements bound to the page form to realize local page refreshing;
(3) filling the rendered form information by the user;
(4) the user clicks a page saving button to request a background saving interface, and the background stores the form information input by the user into a form instance table;
(5) and when the work order information is displayed, loading the dynamic rendering of the form, requesting a background interface to inquire the information input by the user when the work order is input, which is stored on the form template instance associated with the business object, and backfilling the information to the rendered form.
2. The method for dynamically configuring and rendering forms of claim 1, wherein in the form configuring step S2, form interface prototypes are designed using an AxureRP prototype design tool.
3. The dynamic form configuring and rendering method of claim 2, wherein in the form configuring step S3, the form field characteristics further including description include name, presentation name, number, length, whether padding is necessary, page width, check rule, type, value format, default value, presentation order, mapping type and mapping Sql.
4. The dynamic form configuring and rendering method of claim 1, wherein in the form rendering step (2) and step (5), dynamic rendering of the page is implemented by mapping the table unit data configuration stored in the database to the JSON configuration item bound on the page table unit element based on vue.js and using avue.js plug-in.
5. A dynamic form configuration and rendering system is characterized by comprising a form template configuration module, a process management module and a permission management module, wherein the form template configuration module is used for creating and configuring a form template and binding the form template to a service object instance;
the flow management module is used for the work order management of each flow link;
and the authority management module is used for configuring the administrator role open form template and carrying out operation log recording on the template operation.
6. The system of claim 5, wherein the form template configuration module is further configured to manage and release templates, and the process management module is configured to manage work orders for each process, and load and render the associated form templates by selecting different instances of the business objects.
7. An apparatus for dynamically configuring and rendering forms, comprising: at least one memory and at least one processor;
the at least one memory to store a machine readable program;
the at least one processor, configured to invoke the machine readable program to perform the method of any of claims 1 to 4.
8. A computer readable medium having stored thereon computer instructions which, when executed by a processor, cause the processor to perform the method of any of claims 1 to 4.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111336834.6A CN114047989A (en) | 2021-11-12 | 2021-11-12 | Dynamic form configuration and rendering method, system and device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111336834.6A CN114047989A (en) | 2021-11-12 | 2021-11-12 | Dynamic form configuration and rendering method, system and device |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN114047989A true CN114047989A (en) | 2022-02-15 |
Family
ID=80208616
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202111336834.6A Pending CN114047989A (en) | 2021-11-12 | 2021-11-12 | Dynamic form configuration and rendering method, system and device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114047989A (en) |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115048151A (en) * | 2022-06-13 | 2022-09-13 | 艺龙网信息技术（北京）有限公司 | Background data configuration method and device |
| CN115167848A (en) * | 2022-07-04 | 2022-10-11 | 北京金和网络股份有限公司 | Form management method and platform for mobile application |
| CN115168365A (en) * | 2022-09-01 | 2022-10-11 | 浪潮通信信息系统有限公司 | Data storage method and device, electronic equipment and storage medium |
| CN115983232A (en) * | 2023-03-21 | 2023-04-18 | 青岛诺亚信息技术有限公司 | Form system based on view and data integrated design |
| CN117193755A (en) * | 2023-03-22 | 2023-12-08 | 山东浪潮爱购云链信息科技有限公司 | Code multiplexing method, system and storage medium based on dynamic form generation |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20150032478A1 (en) * | 2013-07-24 | 2015-01-29 | Hartford Fire Insurance Company | System and method to document and display business requirements for computer data entry |
| CN107122173A (en) * | 2017-03-28 | 2017-09-01 | 成都优易数据有限公司 | A kind of adaptation activiti, the list generation method that can be pulled |
| CN110555025A (en) * | 2019-08-29 | 2019-12-10 | 中邮科通信技术股份有限公司 | method and system for realizing WEB form custom field |
| CN112286999A (en) * | 2020-08-12 | 2021-01-29 | 北京海致网聚信息技术有限公司 | Dynamic form implementation method based on MYSQL and MONGODB |
| CN112328212A (en) * | 2020-09-08 | 2021-02-05 | 中国电子系统技术有限公司 | Rapid development platform based on separation of front end and rear end of engine mode and use method thereof |
-
2021
- 2021-11-12 CN CN202111336834.6A patent/CN114047989A/en active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20150032478A1 (en) * | 2013-07-24 | 2015-01-29 | Hartford Fire Insurance Company | System and method to document and display business requirements for computer data entry |
| CN107122173A (en) * | 2017-03-28 | 2017-09-01 | 成都优易数据有限公司 | A kind of adaptation activiti, the list generation method that can be pulled |
| CN110555025A (en) * | 2019-08-29 | 2019-12-10 | 中邮科通信技术股份有限公司 | method and system for realizing WEB form custom field |
| CN112286999A (en) * | 2020-08-12 | 2021-01-29 | 北京海致网聚信息技术有限公司 | Dynamic form implementation method based on MYSQL and MONGODB |
| CN112328212A (en) * | 2020-09-08 | 2021-02-05 | 中国电子系统技术有限公司 | Rapid development platform based on separation of front end and rear end of engine mode and use method thereof |
Non-Patent Citations (1)
| Title |
|---|
| 杨智勇，: "基于AJAX的自定义表单及报表生成工具的研究与开发", 《中国优秀硕士学位论文全文数据库(信息科技辑), 15 June 2009 (2009-06-15) * |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115048151A (en) * | 2022-06-13 | 2022-09-13 | 艺龙网信息技术（北京）有限公司 | Background data configuration method and device |
| CN115048151B (en) * | 2022-06-13 | 2024-08-02 | 艺龙网信息技术（北京）有限公司 | Background data configuration method and device |
| CN115167848A (en) * | 2022-07-04 | 2022-10-11 | 北京金和网络股份有限公司 | Form management method and platform for mobile application |
| CN115168365A (en) * | 2022-09-01 | 2022-10-11 | 浪潮通信信息系统有限公司 | Data storage method and device, electronic equipment and storage medium |
| CN115983232A (en) * | 2023-03-21 | 2023-04-18 | 青岛诺亚信息技术有限公司 | Form system based on view and data integrated design |
| CN117193755A (en) * | 2023-03-22 | 2023-12-08 | 山东浪潮爱购云链信息科技有限公司 | Code multiplexing method, system and storage medium based on dynamic form generation |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11210460B2 (en) | Templating process for a multi-page formatted document | |
| CN114047989A (en) | Dynamic form configuration and rendering method, system and device | |
| CN105144080B (en) | System for metadata management | |
| CN113076096B (en) | Desktop application program development method, device, equipment and storage medium | |
| US10713420B2 (en) | Composition and declaration of sprited images in a web page style sheet | |
| US8826247B2 (en) | Enabling computational process as a dynamic data source for BI reporting systems | |
| US20140317563A1 (en) | Generate field mapping | |
| US10417924B2 (en) | Visual work instructions for assembling product | |
| CN110941614A (en) | Form generation method and device, electronic equipment and computer readable storage medium | |
| US20130318029A1 (en) | Distributed order orchestration system with extensible flex field support | |
| US20110202831A1 (en) | Dynamic cache rebinding of processed data | |
| CN114201718A (en) | Dynamically configurable form instance generation method and device | |
| CN107679056A (en) | Generate method, electronic installation and the readable storage medium storing program for executing of SQL statement | |
| US9280361B2 (en) | Methods and systems for a real time transformation of declarative model and layout into interactive, digital, multi device forms | |
| CN113157779A (en) | Data chart generation method and device | |
| CN114371845A (en) | Form generation method and device | |
| CN111126008B (en) | Code generation method and device based on XSD, computer equipment and storage medium | |
| CA2864914A1 (en) | Virtual data write-back for business intelligence reporting | |
| WO2018206819A1 (en) | Data storage method and apparatus | |
| US20170161359A1 (en) | Pattern-driven data generator | |
| CN114579085A (en) | API (application program interface) development method and device of gateway | |
| CN109522370A (en) | A kind of automatic table generation method and device based on SQL | |
| CN117519691B (en) | Application processing method, device, computer equipment and storage medium | |
| CN108319750B (en) | Subway engineering collaborative design system based on DWG file splitting and recombining method | |
| Jun et al. | Computer Data Based on Domino Application System Design and Implementation of Interface Analysis Experiment |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |