Front-end Development And Design Of Bearing Data Management System Based On B/S Structure

Bearing is the basic component in industry,which has a wide range of applications.Bearing design has become an important part of mechanical design.Due to the variety of bearing types and complex application conditions,the design parameters of bearings are many and complex,and the types of bearings produced by different companies vary greatly.Designers need to find a lot of relevant information when designing bearings,which makes the design work cumbersome.In order to improve the design efficiency of designers,the design and development of a bearing data management system has a certain practical significance.The bearing data management system adopts B/S architecture and MVVM front end and back end separation mode.It is mainly used for designers to search and export bearing data in daily bearing design.In this paper,through the Internet technology,data visualization technology to complete the front-end design of the system.All modules of the system are deployed to the cloud server,and interfaces are provided according to restful API specification.Vue.js is used as the development framework,webpack construction technology,element UI,iView component,and ecarts tool are used to realize the overall design of the page and the display of data.The front-end and back-end data interact with each other through Axios technology,and the data is bound in two directions to improve the development efficiency.The bearing data management system mainly includes login module,home page display module,bearing management module,information management module and system setting module.Each module mainly includes data management,data visualization and other functions.After the completion of the system development,the system front-end function,UI interface,security test,the results show that the functional modules can run normally,the page display is complete,in line with the design requirements.