A method for dynamically generating ui

Abstract

The invention discloses a UI dynamic generation method. The method includes configuring the layout json at the UI backend, configuring the component json at the UI backend, and configuring the template according to the layout and components to generate the template json, and configuring the template json at the UI front end. Data rendering. The present invention modularizes the UI page by means of layout and components, which can realize high reuse of layout and components, facilitate flexible collocation, and improve the efficiency of UI generation; and adopt the tree-shaped json data structure to generate the layout and component configuration The template is converted to the corresponding json data and saved to realize the separation of front-end and back-end configurations, and the rendering can be adjusted according to the current environment to adapt to multiple platforms.

Description

technical field [0001] The invention belongs to the technical field of UI generation, and in particular relates to a dynamic UI generation method suitable for various environments. Background technique [0002] With the high popularity of smart terminals, H5 and WeChat applets have become the most common welcome homepages, event displays, and marketing promotion tools in people's lives. Changes may require redevelopment, and it is difficult to make dynamic adjustments according to actual application scenarios such as promotion process and customer base, which makes the development cost huge and consumes a lot of resources, time and manpower. [0003] At present, the existing mainstream UI generation technologies are divided into two types, one is to dynamically generate corresponding H5 pages by setting component parameters by dragging and dropping components, and the other is to generate H5 pages for specific usage scenarios through background configuration and specified pa...

AI Technical Summary

Problems solved by technology

[0002] With the high popularity of smart terminals, H5 and WeChat applets have become the most common welcome homepages, event displays, and marketing promotion tools in people's lives. Changes may require redevelopment, and it is difficult to make dynamic adjustments according to actual application scenarios such as promotion process and customer base, which makes development costs huge and consumes a lot of resources, time and manpower

[0003] At present, the existing mainstream UI generation technologies are divided into two types, one is to dynamically generate corresponding H5 pages by setting component parameters by dragging and dropping components, and the other is to generate H5 pages for specific usage scenarios through background configuration and specified parameters; the former Although the first method can solve the problem of dynamic and rapid configuration generation of H5 content, it cannot solve the problem of dynamic generation of H5 pages; the latter method can solve the problem of dynamic generation of H5, but it relies heavily on business scenario logic and has poor scalability.

[0004] The above two technologies are mainly aimed at H5, but they cannot solve the problem of UI generation on the small program side; in addition, they cannot adapt to the growing usage scenarios, and the generated UI cannot dynamically monitor response events and cannot generate dynamic forms. Insufficient flexibility and scalability

Images