Visual form drawing method

A form and cell technology, applied in the information field, can solve problems such as level confusion and complex web page drawing, and achieve the effect of avoiding level confusion

Active Publication Date: 2018-01-05
JIANGSU ZHONGWEI TECH SOFTWARE SYST
View PDF5 Cites 30 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0004] In order to overcome the problems of complex web page drawing and hierarchical confusion existing in the prior art, the present invention provides a visual form drawing method

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
  • Visual form drawing method
  • Visual form drawing method
  • Visual form drawing method

Examples

Experimental program
Comparison scheme
Effect test

Embodiment Construction

[0030] The present invention will be described in further detail below in conjunction with the accompanying drawings and embodiments. It should be understood that the specific embodiments described here are only used to explain the present invention, not to limit the present invention.

[0031] This embodiment discloses a method for drawing a visual form, the form is used in a web page, and the drawn form is as follows image 3 As shown, the drawing method includes the following steps (such as figure 1 shown):

[0032] Step 1, react builds form components and uses redux to manage data flow to create a visual form editor;

[0033] Step 2, use the visual form editor to customize or import from outside to create the initial form template 3;

[0034] Step 3, adjusting the initial template of the form; including adjusting the layout and basic information of the initial template 3 of the form, receiving the user's action of dragging the form component to the end of the operation,...

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 present invention provides a visual form drawing method, the drawing method comprises react to build a form component and create a visual form editor with redux management data flow; use the visual form editor to customize or externally import to create a form initial template; adjust the form initial template Layout and basic information, the user drags the operation object to the end of the operation, and returns to the form setting state at a certain time through the undo or restore operation; the form data is saved to the html file, which is parsed into a layout data flow file by JS. The present invention draws the form through the toolbar in the visual form editor, sets the overall style, and directly drags the form component to the page setting area and changes the component properties, so as to realize fast and accurate drawing of the standardized form, and avoid the problem of modifying the source code Hierarchical confusion; each operation of the adjustment step in the form drawing process is automatically saved, and the adjustment step operation is corrected by undoing or reverting the operation.

Description

technical field [0001] The invention relates to the field of information technology, in particular to a visual form drawing method. Background technique [0002] Forms (webpages), as the most common information carrier, are widely used in various fields (including government industries). Forms can be generated by writing source codes such as html, js, css, etc., but it is difficult to generate and edit (especially the form effects with complex styles), and the code style is quite different after multiple revisions by multiple people. Form modification and adjustment, and later adjustment and maintenance are complicated. Manually drawn forms or forms constructed by photoshop cannot specify various automatic operation methods, which do not conform to the standard format of the layout data flow. [0003] For example, Chinese patent CN106202016A discloses a custom form system based on Bootstrap, which belongs to the field of form data management technology, including form elem...

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): G06F9/44G06F17/24
Inventor 何中蔡亚军严伟戴建峰顾永新刘剑波徐晓辉施小峰
Owner JIANGSU ZHONGWEI TECH SOFTWARE SYST
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Try Eureka
PatSnap group products

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

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap