The invention provides a
system for generating a dynamic form page through visual dragging, and the
system comprises a design interface which comprises a component region, a design region and a parameter configuration region: the component region comprises a basic component and a sharing component, and the basic component comprises a
layout component, a form component, an interaction component anda display component, wherein the
layout component can realize one-row multi-column and multi-layer nested
layout, and a plurality of div
layers are arranged in one row of a page to display an area; when the multi-layer
assembly is nested, the outer-layer
assembly is dragged to other areas, and the inner
assembly is included together with the outer-layer assembly. A
status bar is arranged at the bottom of the design area, each component dragged into the design area is provided with a unique ID attribute, the nesting relation of the components is obtained, the nesting relation is displayed on the
status bar, and the component with the ID is directly positioned by clicking a certain component name of the
status bar. According to the method, complete free layout is achieved, the method can adapt to any webpage design, and the display effect can be achieved through reasonable
layout planning no matter how complex the pages are.