Visual web page editing method, system, device and storage medium

Abstract

The invention provides a visual webpage editing method, a system, a device and a storage medium, wherein, the method comprises the following steps: when receiving a webpage editing request, creating an empty page and a data structure of the empty page, wherein the empty page comprises a preview interface and an operation interface, wherein the operation interface is provided with a plurality of candidate components which can be dragged and moved to the preview interface; When the candidate components of the self-operation interface add components to the preview interface, the component tree ofthe preview interface is constructed through the component configuration module. When modifying the position and size of the component and configuring the component parameters, synchronizing the component parameters to the component; When a script is added to the request, the script code and data are bound to the component through a script module; When a save request is received, the component tree structure is saved to the server; As that web page link is obtain for display and propagation, the component tree data is obtained, and the page is render through the renderer module. The inventioncan have high expansibility and can easily produce rich interactive web pages.

Description

technical field [0001] The invention relates to the field of web page editing, in particular to a visual web page editing method, system, device and storage medium. Background technique [0002] The traditional webpage production process requires professional front-end developers to intervene, and the development, testing and release process is lengthy. The non-traditional development process web page production tools on the market mainly focus on visual operations, but they are seriously insufficient in component scalability, and cannot or are difficult to handle complex logic scenarios. In this context, there is an urgent need for a webpage editing system with both ease of use and high scalability, and this system is developed for this purpose. [0003] Therefore, the present invention provides a visual web page editing method, system, device and storage medium. Contents of the invention [0004] Aiming at the problems in the prior art, the purpose of the present inven...

AI Technical Summary

Problems solved by technology

[0002] The traditional webpage production process requires professional front-end developers to intervene, and the development, testing and release process is lengthy

The non-traditional development process web page production tools on the market mainly focus on visual operations, but they are seriously insufficient in component scalability, and cannot or are difficult to handle complex logic scenarios.

Images