Check patentability & draft patents in minutes with Patsnap Eureka AI!

Front-end webpage template design and code generation method

A technology for code generation and front-end web pages, applied in program control design, calculation, network data retrieval, etc., can solve the problems that the development results are difficult to be consistent with the original design draft, and the development efficiency is low

Pending Publication Date: 2022-01-28
SHANGHAI ZHONGTONGJI NETWORK TECH CO LTD
View PDF0 Cites 2 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0003] This application provides a front-end web page template design and code generation method, which is used to solve the problems in the prior art that when front-end developers are developing front-end developers, the development results are difficult to be consistent with the original design draft, and the development efficiency is low

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
  • Front-end webpage template design and code generation method
  • Front-end webpage template design and code generation method

Examples

Experimental program
Comparison scheme
Effect test

Embodiment

[0029] figure 1 It is a schematic flowchart of a front-end web page template design and code generation method provided by the embodiment of the present application, figure 2 A schematic flowchart of a front-end web page template design and code generation method provided by another embodiment of the present application, as shown in figure 1 and figure 2 As shown: the design and code generation method of the front-end web page template provided by the embodiment of the present application includes:

[0030] S101. Acquire a template file; wherein, the template file is generated based on a preset design draft and a preset page effect.

[0031] Specifically, the template file is a template file obtained by designers and project personnel after setting page style attributes on the basis of preset design drafts, based on various browsers and screen size factors.

[0032] In practical application, after designing the manuscript, the designer can set the template together with t...

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 invention relates to a front-end webpage template design and code generation method. The method comprises the following steps: obtaining a template file, wherein the template file is generated based on a preset design draft and a preset page effect; generating a code suitable for a front end based on the template file, and obtaining and storing a code template; and receiving a template downloading request sent by a developer, and sending data which is matched with the template downloading request and comprises the code template to the developer. In this way, the template file with the page effect is generated into the code which can be directly used for the front end through a preset system platform, and the developer can directly perform development after locally downloading the code, so that the situation that when the developer performs code development by utilizing an original design draft, a developed result is different from an expected result and extensive modification is required can be avoided, and the problems that in the prior art, the front-end development effect is difficult to be consistent with the original design draft, and the development efficiency is low are solved.

Description

technical field [0001] This application relates to the technical field of Web front-end development, in particular to a method for designing and code-generating a front-end webpage template. Background technique [0002] In the prior art, in the development of the front-end webpage, the designer generally completes the design draft through design, and publishes the design draft to platforms such as Blue Lake for developers to view and develop according to the design draft. However, during development, because the design draft is a drawing, it is impossible to actually meet the design expectations based on other factors such as the browser. For example, factors such as screen size and browser kernel will cause inconsistencies. When there are inconsistencies, a lot of work is required. There is a problem that the development result is difficult to be consistent with the original design draft, and the development efficiency is low. Contents of the invention [0003] This app...

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): G06F16/958G06F9/445
CPCG06F16/958G06F9/44505
Inventor 李鹏鹏
Owner SHANGHAI ZHONGTONGJI NETWORK TECH CO LTD
Features
  • R&D
  • Intellectual Property
  • Life Sciences
  • Materials
  • Tech Scout
Why Patsnap Eureka
  • Unparalleled Data Quality
  • Higher Quality Content
  • 60% Fewer Hallucinations
Social media
Patsnap Eureka Blog
Learn More

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

© 2025 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap|About US| Contact US: help@patsnap.com