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.