Looking for breakthrough ideas for innovation challenges? Try Patsnap Eureka!

Form item rendering method and system based on dynamic data, equipment and storage medium

A dynamic data and data rendering technology, applied in the computer field, can solve the problems of heavy workload on the server side and the inability to realize the separation of front-end and back-end development, so as to meet the requirements of form item rendering, meet the requirements of form item rendering, and improve the purity of data Effect

Pending Publication Date: 2021-07-16
BEIJING XUEZHITU NETWORK TECH
View PDF0 Cites 2 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0006] The present invention aims at the above-mentioned technical problem that the server uses dynamic data splicing Html structure to return to the front end, which causes the server to handle too much workload and cannot realize the separation of front and back end development, and proposes a form item rendering method based on dynamic data, System, Equipment and Storage Media

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • Form item rendering method and system based on dynamic data, equipment and storage medium
  • Form item rendering method and system based on dynamic data, equipment and storage medium
  • Form item rendering method and system based on dynamic data, equipment and storage medium

Examples

Experimental program
Comparison scheme
Effect test

Embodiment 1

[0049] figure 1 It is a schematic diagram of steps of a method for rendering form items based on dynamic data provided by the present invention. Such as figure 1 As shown, this embodiment discloses a specific implementation of a method for rendering form items based on dynamic data (hereinafter referred to as "method").

[0050] Specifically, the method disclosed in this embodiment mainly includes the following steps:

[0051] Step S1: Determine the dynamic data structure of the form item;

[0052] Specifically, front-end developers and server-side developers jointly determine the dynamic data structure of form items according to business needs, such as image 3 As shown, among them, image 3 The meanings of the corresponding fields in are as follows:

[0053] en represents the English label of the form item; cn represents the Chinese label of the form item; multi represents whether the form item is multi-valued, among which, true represents multi-value, false represents ...

example 2

[0061] Example 2: Enterprise type form item data structure:

[0062]

[0063]

[0064] According to the above data structure, the actual structure of rendering can be obtained as Image 6 shown.

[0065] Example 3: Create date form item data structure

[0066]

[0067] According to the above data structure, the actual structure of rendering can be obtained as Figure 7 shown.

[0068] Step S3: Render the actual form data through the front-end page using the data rendering template to obtain corresponding dynamic form items.

[0069] refer to figure 2 As shown, wherein, the step S3 specifically includes the following:

[0070] Step S31: After receiving the data request sent by the front-end page, encapsulate the actual form data to be displayed according to the format of the dynamic data structure through the server and return to the front-end page;

[0071] Step S32: Pass the actual form data into the data rendering template through the front-end page, and rend...

Embodiment 2

[0075] In combination with the dynamic data-based form item rendering method disclosed in Embodiment 1, this embodiment discloses a specific implementation example of a dynamic data-based form item rendering system (hereinafter referred to as the "system").

[0076] refer to Figure 9 As shown, the system includes:

[0077] Data structure determination module 11: determine the dynamic data structure of the form item;

[0078] Template acquisition module 12: combine the required form item types with the dynamic data structure through the front-end page according to business requirements for rendering and splicing to obtain a data rendering template;

[0079] Rendering module 13: Render the actual form data through the front-end page using the data rendering template to obtain corresponding dynamic form items.

[0080] Specifically, in the data structure determination module 11, the dynamic data structure is jointly determined by the front-end page and the server according to ...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

PUM

No PUM Login to View More

Abstract

The invention discloses a form item rendering method and system based on dynamic data, equipment and a storage medium. The method comprises the following steps: determining a dynamic data structure of a form item; performing rendering splicing on the required form item type in combination with the dynamic data structure through the front-end page according to the business requirement to obtain a data rendering template; and rendering the actual form data by using the data rendering template through the front-end page to obtain a corresponding dynamic form item. All form item rendering type judgment logic is processed at the front end, the data purity of a development interface can be improved, and the form item rendering requirement of dynamic data can be well met.

Description

technical field [0001] The present invention relates to the field of computer technology, in particular to a dynamic data-based form item rendering method, system, device and storage medium. Background technique [0002] At present, in the Web field, the development of web pages generally adopts the front-end and back-end separation mode. The front-end engineer is responsible for writing the page structure and style, and the server is responsible for providing data. The front-end engineer obtains the server-side data through Http requests, formats and inserts Render the data into the page structure to form a formal web page. Among them, Web represents a webpage, and an Http request refers to a request message from a client to a server. [0003] In the entire web development process, the front-end rendering page structure can be roughly divided into two forms. One is: the data structure is fixed, the page structure is fixed, the front end only needs to format the data obtai...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

Application Information

Patent Timeline
no application Login to View More
Patent Type & Authority Applications(China)
IPC IPC(8): G06F8/38G06F16/957G06F16/958
CPCG06F8/38G06F16/957G06F16/958
Inventor 肖伟超
Owner BEIJING XUEZHITU NETWORK TECH
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Patsnap Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Patsnap Eureka Blog
Learn More
PatSnap group products

Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic, Popular Technical Reports.

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap|About US| Contact US: help@patsnap.com