Supercharge Your Innovation With Domain-Expert AI Agents!

Method and system for intelligently generating front-end codes

A code and intelligent technology, applied in the field of code generation, to achieve good interactive effects, strengthen support, and achieve interactive effects

Active Publication Date: 2021-12-31
上海汇付支付有限公司
View PDF4 Cites 2 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0005] However, so far, there is no website that can support the one-stop operation from idea to design to code, referred to as I2D2C, that is, from idea to design to code

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
  • Method and system for intelligently generating front-end codes
  • Method and system for intelligently generating front-end codes
  • Method and system for intelligently generating front-end codes

Examples

Experimental program
Comparison scheme
Effect test

Embodiment Construction

[0043] The present invention will be described in detail below in conjunction with the accompanying drawings and specific embodiments. Note that the aspects described below in conjunction with the drawings and specific embodiments are only exemplary, and should not be construed as limiting the protection scope of the present invention.

[0044] figure 1 The framework of an embodiment of the system for intelligently generating front-end codes of the present invention is shown. See figure 1 , the system for intelligently generating front-end codes in this embodiment includes: a product module, a design module, a front-end module, and an underlying platform module.

[0045] The product module is output to the design module, the design module is output to the front-end module, and the front-end module is output to the underlying platform module.

[0046] The product module is used to provide product managers with the creation of wireframes or prototypes, where the wireframes or...

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 method and a system for intelligently generating front-end codes, which realize one-stop service from products to design to codes, improve support for interaction and data binding and strengthen support for interaction logic so as to better realize an interaction effect. According to the technical scheme, the system comprises a product module, a design module, a front-end module and a bottom-layer platform module, wherein the product module is used for providing creation of a wireframe diagram or a prototype diagram for a product manager; the design module is used for automatically generating a design drawing and image resources based on the wireframe diagram or the prototype diagram generated and transmitted by the product module; the front-end module is used for generating a front-end code based on the design drawing and the image resources generated by the design module and displaying a webpage by running the front-end code; and the bottom-layer platform module is used for front-end code operation.

Description

technical field [0001] The present invention relates to a code generation technology, in particular to a method and system for intelligently generating front-end codes through analysis of prototypes, design drafts, and pictures, which can be applied to UI design, UI interaction, front-end page development, artificial intelligence analysis, large-scale fields of data analysis. Background technique [0002] In a complete project development process, it generally includes the following steps: the product manager proposes ideas and creates a prototype → the designer polishes the visual interaction draft according to the prototype, that is, the PSD design draft → the front-end engineer restores the PSD design draft Create a webpage → back-end engineer develops interface → front-end and front-end interface joint debugging → test engineer conducts test according to requirements. The process from the design draft to the front-end restoration page in the above-mentioned "front-end e...

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): G06F8/20G06F8/30
CPCG06F8/20G06F8/30
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

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