[发明专利]无刷新跳转监控页面的方法、系统、电子设备和存储介质

说明书

本申请提供了无刷新跳转监控页面的方法、系统、电子设备和存储介质，包括：实时监控基于单页富应用程序SPA的待监控实体的监控页面是否发生popstate事件；如果发生所述popstate事件，则判断所述监控页面需要进行无刷新跳转，从数据库中调取需要加载的所述待监控实体的监控数据；将所述监控数据加载到所述监控页面，并呈现加载后的监控页面。使得基于SPA技术的监控页面的刷新效率得到了提高，增加了待监控实体的维护效率。

技术领域

本申请属于监控领域，尤其涉及无刷新跳转监控页面的方法、系统、电子设备和存储介质。

背景技术

机房监控系统可以对机房内机器的运行状态进行监控，不仅有效的对机房进行了运维管理，而且保证了机房财产及人身安全。

监控系统常用的架构主要有C/S和B/S两种，C/S架构的特点是用户体验好但对设备的要求较高，而B/S架构的特点与C/S架构相反，体验差但对设备的要求较低，随着监控需求的普及，越来越多的监控系统采用B/S这种只需要安装浏览器不需要安装任何其他软件和插件即可访问监控系统的架构。随着浏览器性能的不断提升，用户对基于WEB技术的监控系统提出了更高的要求，不仅要求用户体验好，而且对设备的要求要低。

发明内容

本发明实施例的主要目的在于提供无刷新跳转监控页面的方法、系统、电子设备和存储介质，使得监控系统不仅体验好，而且对设备的要求低。

第一方面，提供了无刷新跳转监控页面的方法，方法包括：

实时监控基于单页富应用程序SPA的待监控实体的监控页面是否发生popstate事件；

如果发生所述popstate事件，则判断所述监控页面需要进行无刷新跳转，从数据库中调取需要加载的所述待监控实体的监控数据；

将所述监控数据加载到所述监控页面，并呈现加载后的监控页面。

在一个可能的实现方式中，所述监控数据包括：机房模型、机房场景布设和控制、机房模型的交互事件。

在另一个可能的实现方式中，所述将所述监控数据加载到所述监控页面，包括：

如果为首次加载监控数据，则将所述机房模型、机房场景布设和控制、机房模型的交互事件加载到所述监控页面；或者，

如果为非首次加载监控数据，则将所述机房场景布设和控制、机房模型的交互事件加载到所述监控页面。

在另一个可能的实现方式中，所述将所述监控数据加载到所述监控页面，包括：

如果为首次加载监控数据，则删除旧机房模型、旧机房场景布设和控制、旧机房模型的交互事件，并将新机房模型、新机房场景布设和控制、新机房模型的交互事件加载到所述监控页面；或者，

如果为非首次加载监控数据，则删除旧机房场景布设和控制、旧机房模型的交互事件，并将新机房场景布设和控制、新机房模型的交互事件加载到所述监控页面。

第二方面，提供了无刷新跳转监控页面的系统，系统包括：

监控模块，用于实时监控基于单页富应用程序SPA的待监控实体的监控页面是否发生popstate事件；

调取模块，用于如果发生所述popstate事件，则判断所述监控页面需要进行无刷新跳转，从数据库中调取需要加载的所述待监控实体的监控数据；

加载模块，用于将所述监控数据加载到所述监控页面，并呈现加载后的监控页面。

在另一个可能的实现方式中，所述监控数据包括：机房模型、机房场景布设和控制、机房模型的交互事件。

在另一个可能的实现方式中，所述将所述监控数据加载到所述监控页面，包括：

如果为首次加载监控数据，则将所述机房模型、机房场景布设和控制、机房模型的交互事件加载到所述监控页面；或者，