| In the times of rapid development of technology,with the continuous progress of big data,intelligent terminals and network communication technology,the Internet and all walks of life are more and more closely linked,the demand of Web system is increasing day by day.In order to provide better services to users,improve the core competitiveness of enterprises and manage the corporate structure,back-office management systems have become an integral part of enterprises.Through research and analysis of common management systems,it is easy to see that most management systems have a relatively fixed page structure with a two-column layout and provide similar functionality.The management system is essentially an add,delete,change and check operation of data,the user’s requirements for page style are not high and the overall demand for the system is huge.This paper addresses the stability of management system page functionality and style,with the starting point of reducing code redundancy,increasing code maintainability and easing the difficulty of data visualisation,conducting in-depth research and analysis of common management systems and web building tools,and applying software engineering thinking to design and implement a low-code based management system template library.First,in order to solve the problem of repetitive coding caused by the small granularity of components in traditional management system development,this paper designs and implements a large number of functional components and page templates commonly used in management systems based on the principle of component-based design and object-oriented thinking,which mainly include chart components and table components for data display,network request components for front and back-end interaction,interface encryption components for data encryption transmission etc.Templates mainly include system home page,data statistics,personal center,user management,etc.The simple business logic is also implemented in the page templates.When developers use it,they only need to pass in the required parameters to quickly and efficiently complete the construction of the management system.Secondly,due to the different levels of team developers and different code styles in medium and large projects,it is difficult to guarantee code quality and difficult to maintain.At the same time,the front-end development technology is complicated and rapidly updated,and developers need to learn new technologies continuously,which increases the learning pressure of developers.For this reason,this paper designs and implements a low-code development method based on the component library and template library provided by this system.Developers only need to design the page according to the prescribed JSON configuration,and the system automatically converts it into Vue code and displays the page design results in the preview area.When the page design is finished,the developer can save the Vue code of the page to use in the project.Finally,in order to meet the demand of visualizing large amount of data in management system,let the developers only focus on code writing without additional knowledge of data visualization and data analysis.The system is based on Seq2 Seq model,combined with attention mechanism and beam search algorithm to achieve intelligent data visualization recommendation function.The user only needs to pass in data,and the system calls the recommendation model in the background to generate a list of available visual charts and display the list on the page.Users can save the source code of the charts to use in their own projects.The system has passed both functional and non-functional tests,and the test results show that the system has a high degree of functional completion,which can effectively improve the development efficiency and maintainability of the backend management system by reducing development costs,reducing developer pressure and lowering learning costs. |