Design Of A Front-end Framework Of Devices Management System Based On React

With the continuous development of science and technology,the equipment management system using information technology has replaced the traditional equipment management mode,which has greatly improved the efficiency of equipment management.At the same time,with the development of Web technology,browsers have more powerful performance,and B/S architecture has been widely used.Today's Web technology not only delivers functionality that would otherwise be available on the client side,but also has more advantages over the client side.Therefore,the adoption of B/S architecture has gradually become the development trend of equipment management system.For the device management system,how to improve the efficiency of users to obtain information from the device management system is an important proposition.WebGL technology in recent years,increasingly mature and browser to improve the performance of equipment management information system can use WebGL to display devices,using WebGL technology equipment management system management system to be able to show in the form of 3 d images to the user,the user can intuitive understanding of the running status of equipment,improve the working efficiency of the equipment maintenance personnel.In order to optimize the application of device management system in WebGL and reduce the development workload of developers,this thesis designs and implements a front-end framework for device management system.This framework combines React with Three to enable developers to draw 3D effects in browsers as React components.In order to improve the applicability of the device management system,this framework provides a variety of interactive functions: camera control,drag and drop add device,edit mode,save scene and click and trigger deformation.To simplify the modeling process,a rapid modeling tool is designed to implement custom model files and corresponding model loader components.In order to simplify the driving of data to device model,the data bidirectional binding tool is designed.At the end of this thesis,the front-end framework of the design is tested,and various functions provided by this framework are demonstrated.