Looking for breakthrough ideas for innovation challenges? Try Patsnap Eureka!

Sketch-based webpage generation method and system

A web page generation and sketching technology, applied in the computer field, can solve the problems such as the inability to automatically generate page code, the low efficiency of traditional web page development, etc., and achieve the effect of improving development efficiency

Pending Publication Date: 2021-02-26
SHANGHAI BILIBILI TECH CO LTD
View PDF8 Cites 1 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0004] The purpose of the embodiment of the present application is to provide a method, system, computer device, and computer-readable storage medium for generating webpages based on sketches, which are used to solve the problems of low efficiency in traditional webpage development and the inability to automatically generate page codes

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
  • Sketch-based webpage generation method and system
  • Sketch-based webpage generation method and system
  • Sketch-based webpage generation method and system

Examples

Experimental program
Comparison scheme
Effect test

Embodiment 1

[0067] figure 1 A schematic flow chart of a method for generating a webpage based on a sketch according to Embodiment 1 of the present application is shown. It can be understood that the flowchart in this method embodiment is not used to limit the sequence of execution steps. An exemplary description is given below taking computer equipment as an execution subject. Such computer devices include, but are not limited to, tablet computers, laptop computers, and the like.

[0068] Such as figure 1 As shown, the sketch-based web page generation method may include steps S100-S106, wherein:

[0069] Step S100, identifying the sketch to obtain element information of a plurality of elements, each element corresponding to a sketch pattern in the sketch.

[0070] The sketch can be a webpage UI design drawing hand-drawn on white paper, a whiteboard, etc., or a webpage UI design drawing drawn on an electronic device with a stylus or a third-party drawing tool in JPEG, PNG and other for...

Embodiment 2

[0155] Figure 28 Schematically shows a block diagram of a sketch-based webpage generation system according to Embodiment 2 of the present application, the sketch-based webpage generation system can be divided into one or more program modules, and one or more program modules are stored in a storage medium and executed by one or more processors to complete the embodiments of the present application. The program modules referred to in the embodiments of the present application refer to a series of computer program instruction segments capable of accomplishing specific functions. The following description will specifically introduce the functions of each program module in this embodiment.

[0156] Such as Figure 28 As shown, the sketch-based web page generation system 2800 may include an acquisition module 2810, a first generation module 2820, a second generation module 2830 and a third generation module 1740, wherein:

[0157] An acquisition module 2810, configured to identif...

Embodiment 3

[0182] Figure 29 A schematic diagram of a hardware architecture of a computer device according to Embodiment 3 of the present application is schematically shown. In this embodiment, the computer device is a device capable of automatically performing numerical calculation and / or information processing according to preset or stored instructions. For example, it can be a smartphone, tablet computer, laptop computer, desktop computer, video conferencing system, rack server, blade server, tower server, or rack server (including a stand-alone server, or a server composed of multiple servers) cluster). Such as Figure 29 As shown, the computer equipment at least includes but is not limited to: a memory 2910 , a processor 2920 , and a network interface 2930 that can communicate with each other through a system bus. in:

[0183] The memory 2910 includes at least one type of computer-readable storage medium, and the readable storage medium includes flash memory, hard disk, multimed...

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 embodiment of the invention provides a sketch-based webpage generation method, which comprises the steps of identifying a sketch to obtain element information of a plurality of elements, each element corresponding to a sketch pattern in the sketch; generating a syntax tree according to the element information of the plurality of elements; generating a webpage code according to the syntax tree;and generating a target webpage corresponding to the sketch according to the webpage code. According to the sketch-based webpage generation method provided by the embodiment of the invention, the webpage layout for webpage generation and the element information of the plurality of elements can be obtained through sketch identification, and the syntax tree is generated based on the information andthen the webpage code is generated, so that the page code and the corresponding target page are automatically generated by a machine, the sketch does not need to be manually converted into a webpagecode, and the webpage development efficiency is improved.

Description

technical field [0001] The embodiments of the present application relate to the field of computer technology, and in particular to a sketch-based webpage generation method, system, computer equipment, and computer-readable storage medium. Background technique [0002] With the development of the Internet, users have higher and higher requirements for pages. Whether it is visual design, interaction or front-end, they are becoming more and more professional. Users need more beautiful designs and more powerful technologies to realize WEB pages, and promote the following New technologies: HTML5 (HyperTextMarkupLanguage5, version 5 of Hypertext Markup Language) and CSS3 (CascadingStyleSheets3, version 3 of Cascading Style Sheets) are becoming more and more popular. In addition, mobile terminals with various screen sizes are constantly being introduced, which brings new challenges: the front-end needs to be compatible with more and more screen sizes. Based on the above trends, th...

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/38G06F8/41G06F16/958G06K9/00G06K9/32G06K9/34
CPCG06F8/38G06F8/425G06F16/986G06V30/413G06V10/25G06V10/267
Inventor 王海洋
Owner SHANGHAI BILIBILI TECH CO LTD
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Patsnap Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Patsnap Eureka Blog
Learn More
PatSnap group products

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

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