Design And Implementation Of Front-end Automation Construction Tool Of Information Management System Based On React

The 21 st century is an information age.With the development of the Internet,all walks of life need to build their own information management system,which has become a new favorite of enterprise information construction and e-government.The front-end development of information management system needs to invest a lot of manpower and time,and the front-end function modules of general enterprise information management system are similar,and the development is full of a lot of repetitive work.In order to simplify the work of development engineers and improve the code reuse rate,this paper puts forward the concept of information management system front-end automation construction tool.Using this tool can not only reduce the repeated development of front-end code,but also solve the problems of front-end and back-end data joint debugging,engineering maintenance,and developer resource shortage.In this paper,the requirement analysis,design and implementation of the front-end automation construction tool of information management system are done.Based on the component-based front-end development idea,the tool encapsulates each function into basic components,and invokes the target component of the corresponding function from the pre packaged functional component library according to the metadata of the back-end configuration.The development of this tool is based on the real front-end development framework.It uses less preprocessing language to make the front-end page style development easier.It uses webpack module packer to complete the automatic construction of the front-end system and typescript to make strong constraints on the code.According to the requirements of business process,this paper will develop the construction tool from four business modules: navigation bar generation module,list generation module,detail generation module and form generation module.The author independently designed and implemented the following four major business modules:(1)Navigation bar generation module: This module is the key framework of building a set of information management system,providing route jump for menus and directories,and including the main navigation name and logo of the information management system.(2)List generation module: This module automatically generates a list display area according to the metadata configured at the back end,and supports operations such as adding,deleting,modifying and querying,data filtering,batch import / export,etc.(3)Detail generation module: This module automatically generates a detail page according to the metadata configured by the backend,displaying all the information for users to view.(4)Form generation module: This module automatically generates corresponding components according to the metadata configured at the back end and its data type,and forms from each component for users to enter data,verify and submit.At present,the project has been in normal operation in the company and achieved the expected goal.The front-end project of the information management system generated by this construction tool basically meets the functional requirements,and has the characteristics of low learning cost,fast start-up speed,and good implementation effect,which can greatly improve the efficiency of development.