Method and system for generating reusable page based on image

Abstract

The invention relates to a method and system for generating a reusable page based on an image, and the method comprises the following steps: S1, converting a design drawing source file into a. Dsl-ended domain specific language file through an analysis module command line; s2, running an upload storage command, converting a domain specific language file ending with. Dsl into a JSON file by a storage module, storing the JSON file in a server, and returning a corresponding URL and an ID; s3, using a component editing module to import the corresponding URL and ID to obtain a corresponding JSON file, carrying out dragging editing operation on a page, and writing an edited result back into a storage module; and S4, splicing the unique ID in the URL provided by the rendering module to form a final URL, where the URL is a page address provided for the user to watch. According to the method, a programmable person uses a mouse dragging operation and a visual component editing module to modify the page content to a certain extent, and the page content can be online again after modification is completed, so that the manpower is greatly saved, and the working efficiency is improved.

Description

technical field [0001] The invention relates to the technical field of computer applications, in particular to a method and system for generating reusable pages based on images. Background technique [0002] With the development and popularization of network technology, the Internet has become the main medium for people to obtain and exchange information. The use of web pages for information publicity has become the main trend at present, and there are more and more platforms that provide page production. The current mainstream page development mode is that designers add pictures, text and other materials to the user interface design software Sketch by dragging, and assemble them into a complete design drawing by arranging and combining. [0003] Professional programmers manually code the design drawing, write the pictures, text and other elements in the design drawing into the web page code, and compile the code into a static HTML file through the compilation process. By d...

AI Technical Summary

Problems solved by technology

[0004] The coding steps require the participation of professional programmers, but due to factors such as inconsistent levels of programmers, it is easy to cause inconsistencies between page restoration and design drawings. At the same time, in many cases, the components and elements designed on the page are actually similar, such as the same Buttons, the same banner, etc., are only changes in the size or color of the element. If it needs to be modified at this time, professional programmers are still required to participate, and it takes a lot of manpower to repeat the coding process, resulting in manpower tension.

Images