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...

Images