Front-end code generation method and device

Abstract

The embodiment of the invention provides a front-end code generation method and device which can be used for the technical field of finance, and the method comprises the following steps: if it is detected that a user adds a preset target parameterized component in a current graphical display page, automatically updating a corresponding configuration file, outputting a first preview page corresponding to the updated configuration file, and after the user edits the target parameterized component from the first preview page, updating the configuration file automatically again; translating the current latest updated configuration file into a native code; and outputting a second preview page corresponding to the native code so as to obtain a corresponding target front-end code after the user edits the native code from the second preview page. According to the invention, on the basis of meeting personalized editing requirements of users, professional requirements, workload and time cost on developers in a front-end code generation process can be effectively reduced, and the flexible degree, the intelligent degree and the automation degree of front-end code generation can be effectively improved.

Description

technical field [0001] The present application relates to the field of data processing technology, in particular to the field of financial technology, and in particular to a front-end code generation method and device. Background technique [0002] In the current front-end development process, about half of the workload is invested in the page layout. Although there are some tools that can be configured to generate pages, the idea is to use specific parameterized components to analyze the configuration information, resulting in a common usage range. Forms and the like. Since the analysis work of such tools is completed by the imported specific parameterized components, the analysis ability of the parameterized components themselves often becomes the bottleneck of the applicability of the scene, and at the same time increases the professional requirements, workload and time cost of developers. ; and if only the code obtained by parsing is used as the final front-end code, al...

AI Technical Summary

Problems solved by technology

[0002] In the current front-end development process, about half of the workload is invested in the page layout. Although there are some tools that can be configured to generate pages, the idea is to use specific parameterized components to analyze the configuration information, resulting in a common usage range. Scenarios such as forms

Since the analysis work of such tools is completed by the imported specific parameterized components, the analysis ability of the parameterized components themselves often becomes the bottleneck of the applicability of the scene, and at the same time increases the professional requirements, workload and time cost of developers. ; and if only the parsed code is used as the final front-end code, although it meets the requirements of automatic development, it cannot meet the developer's personalized customization requirements for the front-end code

In other words, the existing front-end code generation methods cannot simultaneously meet the user's personalized editing requirements and meet the traditional development habits of developers.

Images