Front-end code generation method and device and computer equipment

A code and code conversion technology, applied in the computer field, can solve the problems of front-end code duplication and low code generation efficiency, and achieve the effects of low platform learning cost, high recognition accuracy and style restoration, and high efficiency

Active Publication Date: 2021-12-17
PINGAN INT SMART CITY TECH CO LTD
View PDF6 Cites 6 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0004] In view of this, the present application provides a method, device, and computer equipment for generating front-end codes, which can...

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 code generation method and device and computer equipment
  • Front-end code generation method and device and computer equipment
  • Front-end code generation method and device and computer equipment

Examples

Experimental program
Comparison scheme
Effect test

Embodiment Construction

[0022] Hereinafter, the present application will be described in detail with reference to the accompanying drawings and embodiments. It should be noted that, in the case of no conflict, the embodiments in the present application and the features in the embodiments can be combined with each other.

[0023] In view of the technical problem that the current front-end code generation method has duplication of labor, resulting in low code generation efficiency, this application provides a front-end code generation method, such as figure 1 As shown, the method includes:

[0024] 101. Obtain a UI design draft file, and parse the UI design draft file according to a preset file analysis rule, and obtain the first front-end data of each component element in the UI interface.

[0025] Among them, the UI design draft file can specifically be a Sketch file design document (view structure), and the creation and editing software of the visual draft is Sketch; the preset file parsing rules i...

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 a front-end code generation method and device and computer equipment, relates to the technical field of computers, and can solve the technical problems that the code generation efficiency is low and the workload is large due to the fact that an existing front-end code generation mode has a repeated labor part. The method comprises the following steps: acquiring a UI design draft file, analyzing the UI design draft file according to a preset file analysis rule, and acquiring first front-end data of each component element in a UI interface; based on a depth-first algorithm and according to the first front-end data, generating first component structured data of each component element; and performing correctness verification on the first component structured data according to a preset verification rule, and if it is judged that the first component structured data passes the correctness verification, converting the first component structured data into a front-end code corresponding to the UI design draft file based on a preset code conversion rule. The invention is suitable for automatic generation of front-end codes.

Description

technical field [0001] The present application relates to the field of computer technology, in particular to a method, device and computer equipment for generating front-end codes. Background technique [0002] With the gradual development and maturity of 5G technology, a large number of application scenarios in the future will require front-end presentation, including smart home, wearable devices and other fields will bring a large number of front-end development needs, how to improve development efficiency and reduce development threshold becomes particularly important important and urgent. Low-code platform technology is gradually gaining attention in the IT and business markets. By using visual models and graphic design techniques to build software, low-code platforms can reduce development time and R&D costs by 70-90%. [0003] At present, the code platform mainly builds the UI interface and generates code by dragging and configuring front-end components, which is much...

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/34G06F8/38
CPCG06F8/34G06F8/38Y02D10/00
Inventor 梁雪超
Owner PINGAN INT SMART CITY TECH CO LTD
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Try Eureka
PatSnap group products

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

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap