Supercharge Your Innovation With Domain-Expert AI Agents!

Automatic webpage front-end page generation system and method

A web front-end, generation system technology, applied in the direction of website content management, network data retrieval, special data processing applications, etc., to achieve the effect of high efficiency, high degree of personalization, and wide application range

Pending Publication Date: 2021-09-28
四川娱尚互娱科技有限公司
View PDF0 Cites 0 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

However, there is still a long way to go from the prototype of the website to the real website that can be accessed by users. At present, this part of the work still needs software engineers to spend several months or even longer to complete

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
  • Automatic webpage front-end page generation system and method
  • Automatic webpage front-end page generation system and method

Examples

Experimental program
Comparison scheme
Effect test

Embodiment 1

[0026] An automatic webpage front-end page generation system, the system includes: a webpage design unit, used to design a webpage according to a design drawing, and generate a product design document; an acquisition unit, used to acquire the product design document, and the product design document includes: The design of N functional pages, where N is a natural number greater than 0; the first conversion unit is used to convert the designs of the N functional pages according to a preset page design configuration template to obtain page design configuration information; A converting unit, configured to convert the page design configuration information into page front-end configuration information; a generating unit, configured to generate a web page according to the page front-end configuration information.

[0027] Specifically, the web page design aims to beautify the page, and use PS, AI and other software to adjust and use more reasonable colors, fonts, pictures, and styles...

Embodiment 2

[0029] Further, the webpage design unit includes: a design diagram loading subunit, a design diagram transparency processing subunit and a design diagram element attribute setting subunit, and the design diagram loading subunit is used to load the design corresponding to the current web page in the browser plug-in Figure: the design drawing transparency processing subunit performs transparency processing on the design drawing; the design drawing element attribute setting subunit is used to adjust the attributes of the corresponding elements on the current webpage according to the attributes of the elements on the design drawing.

Embodiment 3

[0031] Further, the design drawing loading subunit includes a size acquisition subunit, a calculation subunit and a design drawing positioning subunit, and the size acquisition subunit is used to acquire the size of the design drawing and the size of the visible window of the browser; the calculation subunit uses Based on the data obtained from the size acquisition subunit, calculate the position coordinates of the design drawing in the browser viewable window; the design drawing positioning subunit is used to calculate the position coordinates of the design drawing in the browser viewable window based on the calculation subunit , to position the blueprint in the visible window of the browser.

[0032] Specifically, at present, when a webpage developer develops a webpage interface, a design drawing needs to be displayed on one screen, and a browser (or code) is displayed on another screen to realize the designer's design. The web page developer locates the position of each ele...

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 discloses an automatic webpage front-end page generation system and method, and relates to the technical field of network development, and the system comprises: a webpage design unit, which is used for carrying out webpage design and generating a product design document according to a design drawing; an obtaining unit, which is used for obtaining a product design document, wherein the product design document comprises design of N function pages, and N is a natural number larger than 0; a first conversion unit, which is used for converting the design of the N functional pages according to a preset page design configuration template to obtain page design configuration information; a second conversion unit, which is used for converting the page design configuration information into page front-end configuration information; and a generation unit, which is used for generating a webpage according to the page front-end configuration information. The invention has the advantages of high efficiency and high individuation degree.

Description

technical field [0001] The invention relates to the technical field of remote network development, in particular to an automatic webpage front-end page generation system and method. Background technique [0002] Front-end development is the process of creating front-end interfaces such as web pages or apps to present to users. Through HTML, CSS, JavaScript and various derived technologies, frameworks, and solutions, the user interface interaction of Internet products is realized. It evolved from web page production, and the name has obvious characteristics of the times. In the evolution of the Internet, web page production is a product of the Web 1.0 era. The main content of early websites was static, mainly pictures and text, and the behavior of users using websites was also mainly browsing. With the development of Internet technology and the application of HTML5 and CSS3, modern web pages are more beautiful, with remarkable interactive effects and more powerful functions....

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
IPC IPC(8): G06F8/38G06F16/958
CPCG06F8/38G06F16/958
Inventor 王鑫炎张光辉邹朝辉
Owner 四川娱尚互娱科技有限公司
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