| With the rapid development of computer science and technology,Web applications can be seen everywhere in people’s daily life.Whether it is people’s daily life or industrial production,Web applications play a pivotal role.As the update speed of web applications accelerates and the iterative demand becomes more rapid,how to rapidly develop web applications,including web terminals,mobile terminals and electronic large screens,etc.,to meet the needs of rapid product development and iteration has become a very important issue.For small and medium-sized outsourcing companies and small development teams,they often lack senior technical developers.The developers lack the mastery of the latest front-end and back-end technologies,and are not very familiar with the in-depth development of the front-end interface.In the process of developing and designing the interface,they will continue to When encountering new problems and challenges,developers need to try,which consumes time and development costs;when they want to develop a small web application,they need to build a front-end and back-end development framework,and write common business logic including:login function,user rights management and menu management,etc.When designing the front-end interface,for the forms,tables and data statistics interfaces that often appear in the business system,it is necessary to write the interface layout and style,and write the front-end business logic.This kind of interface and business logic common to each system does not have Encapsulation,so a lot of repetitive work is required.Against the above background,through the research and analysis of low-code platforms at home and abroad,combined with actual needs,this paper adopts the architecture design that separates the front and back ends.The front-end framework design is based on Vue,and the back-end framework adopts Springboot technology.The development design realizes a Web application development tools,improve development efficiency.This Web application development tool provides a development platform and front-end and back-end development framework,as well as basic components,business logic encapsulation and system interface generation capabilities.For developers who are unfamiliar with web application development,they can configure the database through the platform,generate basic forms,table statistics and data visualization interfaces for web applications,and generate background business logic.For simple business systems,developers can use YAML configuration to generate system interface.For developers who lack experience in jfront-end development,the development tool provides a front-end framework,provides various front-end component libraries,supports direct import,and generates dynamic UI interfaces.Developers can implement their functions by importing and calling related components.In order to encapsulate,reduce developers’ design of interface styles and styles,and improve development efficiency.For experienced developers,the development tool also supports secondary development.The development tool provides extensible front-end and back-end interfaces,supports the extension of front-end custom interfaces,supports the integration and introduction of front-end interfaces,and supports the writing of back-end custom business logic.At the same time,the development tool extracts and encapsulates the common modules of the business system,such as user permissions,menus,login,etc.,and provides a wealth of components and public methods for developers to use.Based on this development tool,developers conduct secondary development to improve development speed.The development framework has been applied to the development of multiple web applications,including the enterprise’s EAM system,the Spanish-language supermarket management system with Chinese and Western interfaces,and WeChat applet applications,such as the Shandong University graduate management applet.The application of development tools has achieved good results and improved development efficiency. |