Design And Implementation Of UI Assistant Development System Of Mobile Application

The mobile applications of our country have seen a blowout growth in recent years.In this way,it also results in a large number of mobile web pages need to be written manually.At the same time.in the development trend of front-end and back-end separation,front-end engineers began to spend more time and energy to complete the business logic design,circulation and processing in data,performance optimization.interactive experience and other aspects of the work,while the redundant and tedious development work of web page still accounts for a lot of time of engineers,which greatly wastes the human cost.In order to solve this contradiction,this paper hopes to develop an assistant development system of mobile application to realize the effect of using the system to generate the code of mobile web page automatically.The system can be divided into two subsystems:backstage management system for administrators and visual UI design system for users.In outline design,first,the software architecture is designed hierarchically on the two subsystems respectively.Then,this part summarized and decomposed each function module and design the corresponding database table.Finally.for the visual UI design system,the view of the operation interface is designed.In detailed design.the design of overall plan is given for the core function of exporting code.and the design ideas are elaborated from three aspects of code source,data management on screen and code exporting.Compared with the traditional tool of automatic code generation,this system applies the idea of componentization well,so that the overall style is not limited to a specific framework.With the characteristics of componentization,this system can be more flexible to meet the needs of more UI design.According to this plan,Java and SpringBoot are used to complete the interface development on the server side.Using JavaScript and Vue related framework to complete the function development on the browser side.When testing the system.first,the interface of the system was demonstrated through an actual case,and then verify the actual effect of the code generated by the case.The effectiveness of the system can be verified by comparing the content,the generated UI interfaces,the time spent on UI design and UI modification between the code generated by the system and the handwritten code.To sum up,this system can efficiently complete the core demand of automatically generating mobile web page code.