Front end interface code generating method and device, electronic equipment and storage medium

Abstract

The invention provides a front end interface code generating method, and belongs to the technical field of computers. The front end interface code generating method solves the problems existing in a front end interface generating method in the prior art that a generated code is low in accuracy, and the developing efficiency is low. The method comprises the steps of obtaining position information of a control included in source data exported by a design file of a front end interface, then based on the position information of the control, through the mode of simulating the layout or iteration ofthe control in a container, determining the layout scheme of the control, and finally, according to the layout scheme, generating the code of the front end interface. By means of the method, by obtaining the position information of the control included in the source data exported by the design file of the front end interface, control data is fully reserved, and the accuracy of the generated codecan be effectively improved; according to the position information of the control, the layout scheme of the control is automatically determined, a standard layout template does not need to be manuallyinput, the efficiency of generating the code of the front end interface is improved, and meanwhile, the generated layout code is higher in flexibility.

Description

technical field [0001] The present application relates to the field of computer technology, in particular to a front-end interface code generation method, device, electronic equipment and storage medium. Background technique [0002] With the development of computer technology, there are more and more types of clients. In order to maintain the consistency of the product interface, the UI (user interface) designed by designers usually needs to be displayed on different types of clients, such as webpage, PC, mobile terminal etc. In the traditional graphical user interface development process, the user interface designed by the designer usually needs to be delivered to the coding engineer. The coding engineer lays out the interface elements in the graphical user interface to the front end by writing code. However, the traditional interface layout method Coding engineers are required to manually write code and layout interface elements, and the development efficiency is low. I...

AI Technical Summary

Problems solved by technology

Compared with the traditional technology, the method of generating front-end interface code based on deep learning has greatly improved the speed of generating front-end interface code, but the screenshots lose a lot of necessary programming information compared with the complete design draft, resulting in low accuracy of the generated code, which cannot Reach engineering-level use requirements

In the prior art, there is also a method for generating a web interface by pre-establishing code standard templates, general script files, and information item configuration tables, automatically loading elements and calling script files according to configuration processing results, but this method requires pre-establishing code standards Templates, low development efficiency, and are only suitable for interfaces with single interface design elements and simple structures, which cannot meet the needs of complex design interfaces

[0003] It can be seen that the front-end interface code generation method in the prior art has at least the defects of low code generation accuracy, low development efficiency, or poor applicability

Images