物联网是新一代信息技术的高度集成和综合运用,对新一轮产业变革和经济社会绿色、智能、可持续发展具有重要意义。随着物联网设备数量的强劲增长,截止至2019年初,物联网设备总数达到了70亿。基于传统模式和架构开发的物联网维管系统在面对与日俱增的设备接入的情况下,出现了页面数据渲染延迟、代码维护困难和系统更新迭代周期长等问题,给使用维管系统的企业造成了信息缺失、安全隐患和财产损失。针对上述问题,本文围绕如何构建具有实时性、交互性和可拓展性的物联网维管系统展开研究。基于MVVM(Model-ViewViewModel)的设计模式,构建了一种前后端分离架构的物联网维管系统。该系统能够保证模型数据更新的实时性和可靠性,提高代码可复用性,缩短系统更新迭代周期,为企业节约成本。论文首先介绍了课题的背景、研究意义与国内外相关领域的研究现状,并对实现物联网维管系统所需要的技术进行阐述。其次,针对页面更新时,尾元素移动会增加页面渲染性能消耗的问题,提出并实现对Virtual DOM Diff(虚拟文档对象模型对比)算法的优化。之后,基于MVVM模式对物联网维管系统整体框架、分层架构和各功能模块进行设计。最后,对各个功能模块进行了实现与调试。论文的主要工作有:1.应用Virtual DOM技术,有效地减少了操作真实DOM带来的性能损耗。深入研究和分析Virtual DOM中的Diff算法,针对在尾节点移动时原Diff算法未能实现最佳性能的问题,提出了一种优化方案,即对Diff算法进行了优化改进。实验证明优化后的算法有效提升了页面性能。2.针对MVC(Model-View-Controller)模式视图层和模型层的强依赖性、MVP(Model-View-Presenter)模式需要手动绑定视图层和模型层等不足,分析研究了MVVM设计模式的优势,并基于MVVM设计了系统的总体架构。3.深入调研了维管系统的实际需求,针对其功能性与非功能性需求对系统进行了结构与功能划分,提出了各层结构与功能模块的实现方案。运用可预测状态管理容器的原理对状态进行统一管理;运用组件与模块化思想,有效提高了代码的可复用性。4.根据企业的实际需求,设计实现了GIS沙盘模型、设备健康管理和企业事务管理等功能模块。目前该系统已经接入某铁路企业的实时监控系统中,并运行良好。