| The Internet of Things is a highly integrated and comprehensive application of the new generation of information technology,which is of great significance to the new round of industrial transformation and the green,intelligent and sustainable development of the economy and society.With the strong growth in the number of Internet of Things devices,the total number of Internet of Things devices will reach 7 billion connections by the beginning of 2019.The vascular system of the Internet of Things developed based on the traditional mode and architecture has problems such as page data rendering delay,code maintenance difficulty and long iteration period of system update,etc.under the condition of increasing equipment access,which has caused information loss,potential safety hazard and property loss to enterprises using the vascular system.In order to solve the above problems,this paper focuses on how to construct a real-time,interactive and expandable vascular system of the Internet of Things.Based on MVVM(Model-View-ViewModel)design mode,a vascular system of the Internet of Things with a front-end and rear-end separation architecture is constructed.The system can ensure the real-time and reliability of model data updating,improve the reusable lines of codes,shorten the iterative cycle of system updating,and save a lot of manpower and material resources for enterprises.Firstly,the paper introduces the background,research significance and research status in related fields at home and abroad,and introduces in detail the technologies needed to realize the vascular system of the Internet of Things.Secondly,aiming at the problem that the tail element movement increases the performance consumption when the page is updated,the optimization of the Virtual DOM Diff algorithm is proposed and implemented.Then,based on MVVM mode,the overall framework,hierarchical framework and functional modules of the vascular system of the Internet of Things are designed.Finally,each functional module is implemented and debugged.The main work of this paper is as follows:1.Applying Virtual DOM technology can effectively reduce the performance loss caused by operating real DOM.The Diff algorithm in Virtual DOM is deeply studied and analyzed.To solve the problem that the original Diff algorithm cannot achieve the best performance when the tail node moves,an optimization scheme is proposed,i.e.the Diff algorithm is optimized and improved.Experiments show that the optimized algorithm effectively improves the page performance.2.In view of the strong dependency between the view layer and the model layer of MVC(Model-View-Controller)pattern and the deficiency that MVP(Model-ViewPresenter)pattern needs to bind the view layer and the model layer manually,the advantages of MVVM design pattern are analyzed and studied,and the overall architecture of the system is designed based on MVVM.3.The actual demand of vascular system was deeply investigated,the structure and function of the system were divided according to its functional and non-functional demand,and the realization scheme of each layer structure and function module was put forward.Applying the principle of predictable state management container to carry out unified state management;The reuse of codes is effectively improved by using the idea of components and modularization.4.According to the actual needs of enterprises,functional modules such as GIS sand table model,equipment health management and enterprise affairs management are designed and implemented.At present,the system has been connected to the real-time monitoring system of a railway enterprise and is running well. |
PDF Full Text Request