CN117742559A - 一种页面交互方法和装置 - Google Patents

Abstract

本申请提供一种页面交互方法和装置，属于应用性能管理领域。方法包括：在应用性能管理系统中显示第一页面，所述第一页面显示的内容包括多个分析节点；若在所述第一页面中触发第一鼠标点击事件，则确定所述第一鼠标点击事件对应的第一分析节点；在所述第一分析节点的周围，显示所述第一分析节点的各个功能模块；确定待查看的第一功能模块，并根据当前的鼠标滚轮事件的属性，显示所述第一功能模块的第二页面。采用本申请，可以降低页面交互复杂度，便于用户使用。

Description

一种页面交互方法和装置

技术领域

本申请涉及应用性能管理领域，尤其涉及一种页面交互方法和装置。

背景技术

APM是应用性能管理(Application Performance Management)的缩写，是一种通过监控和管理软件应用程序性能来提高应用程序性能和可用性的实践和工具集合。APM旨在帮助开发人员和系统管理员识别和解决应用程序中的性能问题，以确保应用程序能够快速、高效地运行，并提供良好的用户体验。APM是一种重要的实践，可以帮助组织确保其应用程序在不断变化的技术环境中保持高性能和稳定性。

APM页面的交互中主要存在这样的几个方面：

应用层级关系：APM的系统一般对应应用的管理会分级别、分层级管理，一般可以存在两级管理(应用和实例)，三级管理(业务系统，应用和实例)。

不同的功能模块：存在不同的功能模块，事务模块，拓扑图模块，请求追踪模块，服务接口模块，响应时间，吞吐率，错误率等监控数据展示模块等等，并且不同层级都具有属于各自不同的层级模块，例如应用存在自己的事务模块，实例虽然从属于应用，但是也有属于自己的事务展示模块。

目前大部分APM页面互相之间的交互逻辑为：点击，跳转，大量的横条，各个之间的数据存在很强的割裂感，无法从感官上面紧密的联系在一起。并且，大量的跳转、切换、鼠标的点击次数，使得交互的复杂度存在一定的问题，而且对于不熟悉的APM系统的用户存在一定的使用难度。

发明内容

为了解决现有技术问题，本申请实施例提供了一种页面交互方法和装置，可以降低页面交互复杂度，便于用户使用。技术方案如下：

根据本申请的一方面，提供了一种页面交互方法，所述方法包括：

在应用性能管理系统中显示第一页面，所述第一页面显示的内容包括多个分析节点；

若在所述第一页面中触发第一鼠标点击事件，则确定所述第一鼠标点击事件对应的第一分析节点；

在所述第一分析节点的周围，显示所述第一分析节点的各个功能模块；

确定待查看的第一功能模块，并根据当前的鼠标滚轮事件的属性，显示所述第一功能模块的第二页面。

可选的，所述确定所述第一鼠标点击事件对应的第一分析节点之后，还包括：

将所述第一分析节点的第一信息获取请求发送至所述应用性能管理系统的服务器；

接收所述服务器反馈的所述第一分析节点的各个功能模块当前的告警信息；

所述在所述第一分析节点的周围，显示所述第一分析节点的各个功能模块，包括：

基于所述第一分析节点的各个功能模块当前的告警信息，在所述第一分析节点的周围，按照告警信息对应的模块颜色显示所述第一分析节点的各个功能模块。

可选的，所述根据当前的鼠标滚轮事件的属性，显示所述第一功能模块的第二页面，包括：

若当前的鼠标滚轮事件的属性满足第一方向，则放大显示所述第一功能模块；

当鼠标滚轮事件的属性在所述第一方向上达到第一阈值时，将所述第一功能模块的第二信息获取请求发送至所述应用性能管理系统的服务器；

接收所述服务器反馈的所述第一功能模块当前的属性信息，并基于所述属性信息，显示所述第一功能模块的第二页面。

可选的，所述分析节点的大小与对应的预测应用性能指数负相关，所述第一阈值与所述预测应用性能指数正相关。

可选的，所述分析节点的预测应用性能指数基于如下方式得到：

将最近的预设时长内所述分析节点的历史应用性能数据按照时间顺序划分为n份参考应用性能数据；

对所述n份参考应用性能数据分别设置索引x，并计算每份参考应用性能数据的应用性能指数y；

计算所述n份参考应用性能数据的索引总和x_sum、应用性能指数总和y_sum、索引与其应用性能指数的乘积的总和xy_sum和索引平方值的总和x_square_sum；

通过如下公式计算所述分析节点的预测应用性能指数A：

A＝b0+b1*n

其中，b1是指线性回归的斜率，b1＝Sxy/Sxx；b0是指线性回归的截距，b0＝y_avg-b1*x_avg；Sxx是指x的方差，Sxx＝x_square_sum-x_sum*x_sum/n；Sxy是指x和y的协方差，Sxy＝xy_sum-x_sum*y_sum/n；x_avg是指索引平均值，x_avg＝x_sum/n；y_avg是指应用性能指数平均值，y_avg＝y_sum/n。

可选的，所述显示所述第一功能模块的第二页面之后，还包括：

若监测到鼠标滚轮事件的属性满足第二方向，则缩小显示所述第二页面；

当鼠标滚轮事件的属性在所述第二方向上达到第二阈值时，显示所述第一页面。

可选的，若所述第一功能模块包括从属的分析节点，则所述显示所述第一功能模块的第二页面之后，还包括：

若在所述第二页面中触发第二鼠标点击事件，则确定所述第二鼠标点击事件对应的第二分析节点；

在所述第二分析节点的周围，显示所述第二分析节点的各个功能模块；

确定待查看的第二功能模块，并根据当前的鼠标滚轮事件的属性，显示所述第二功能模块的第三页面。

根据本申请的另一方面，提供了一种页面交互装置，所述装置包括：

第一显示模块，用于在应用性能管理系统中显示第一页面，所述第一页面显示的内容包括多个分析节点；

确定模块，用于若在所述第一页面中触发第一鼠标点击事件，则确定所述第一鼠标点击事件对应的第一分析节点；

第二显示模块，用于在所述第一分析节点的周围，显示所述第一分析节点的各个功能模块；

第三显示模块，用于确定待查看的第一功能模块，并根据当前的鼠标滚轮事件的属性，显示所述第一功能模块的第二页面。

可选的，所述第二显示模块，还用于：

将所述第一分析节点的第一信息获取请求发送至所述应用性能管理系统的服务器；

接收所述服务器反馈的所述第一分析节点的各个功能模块当前的告警信息；

基于所述第一分析节点的各个功能模块当前的告警信息，在所述第一分析节点的周围，按照告警信息对应的模块颜色显示所述第一分析节点的各个功能模块。

可选的，所述第三显示模块，用于：

若当前的鼠标滚轮事件的属性满足第一方向，则放大显示所述第一功能模块；

当鼠标滚轮事件的属性在所述第一方向上达到第一阈值时，将所述第一功能模块的第二信息获取请求发送至所述应用性能管理系统的服务器；

接收所述服务器反馈的所述第一功能模块当前的属性信息，并基于所述属性信息，显示所述第一功能模块的第二页面。

可选的，所述分析节点的大小与对应的预测应用性能指数负相关，所述第一阈值与所述预测应用性能指数正相关。

可选的，所述第三显示模块，还用于：

将最近的预设时长内所述分析节点的历史应用性能数据按照时间顺序划分为n份参考应用性能数据；

对所述n份参考应用性能数据分别设置索引x，并计算每份参考应用性能数据的应用性能指数y；

计算所述n份参考应用性能数据的索引总和x_sum、应用性能指数总和y_sum、索引与其应用性能指数的乘积的总和xy_sum和索引平方值的总和x_square_sum；

通过如下公式计算所述分析节点的预测应用性能指数A：

A＝b0+b1*n

其中，b1是指线性回归的斜率，b1＝Sxy/Sxx；b0是指线性回归的截距，b0＝y_avg-b1*x_avg；Sxx是指x的方差，Sxx＝x_square_sum-x_sum*x_sum/n；Sxy是指x和y的协方差，Sxy＝xy_sum-x_sum*y_sum/n；x_avg是指索引平均值，x_avg＝x_sum/n；y_avg是指应用性能指数平均值，y_avg＝y_sum/n。

可选的，所述第三显示模块，还用于：

若监测到鼠标滚轮事件的属性满足第二方向，则缩小显示所述第二页面；

当鼠标滚轮事件的属性在所述第二方向上达到第二阈值时，显示所述第一页面。

可选的，若所述第一功能模块包括从属的分析节点，则所述第三显示模块，还用于：

若在所述第二页面中触发第二鼠标点击事件，则确定所述第二鼠标点击事件对应的第二分析节点；

在所述第二分析节点的周围，显示所述第二分析节点的各个功能模块；

确定待查看的第二功能模块，并根据当前的鼠标滚轮事件的属性，显示所述第二功能模块的第三页面。

根据本申请的另一方面，提供了一种电子设备，包括：

处理器；以及

存储程序的存储器，

其中，所述程序包括指令，所述指令在由所述处理器执行时使所述处理器执行上述页面交互方法。

根据本申请的另一方面，提供了一种存储有计算机指令的非瞬时计算机可读存储介质，其中，所述计算机指令用于使所述计算机执行上述页面交互方法。

本申请可以取得如下有益效果：

在应用性能管理系统中显示具有多个分析节点的第一页面时，通过点击可以确定第一分析节点，并在第一分析节点的周围，显示第一分析节点的各个功能模块。确定待查看的第一功能模块后，可以通过滚动鼠标滚轮，显示第一功能模块的第二页面。

通过上述处理，用户可以通过滚轮的方式进行页面交互，操作复杂度大大降低，方便使用。分析节点与其功能模块之间的从属关系、相邻层级之间的页面从属关系直观明了，便于不熟悉APM的用户使用。通过滚轮对APM系统的信息进行深入钻取，方便从最高层级钻取至最低层级，并从最低层级返回最高层级。

并且，对告警信息的显示直观，方便用户定位并处理应用程序性能出现的问题。

附图说明

在下面结合附图对于示例性实施例的描述中，本申请的更多细节、特征和优点被公开，在附图中：

图1示出了根据本申请示例性实施例提供的页面交互方法的流程图；

图2示出了根据本申请示例性实施例提供的系统级别页面示意图；

图3示出了根据本申请示例性实施例提供的应用级别页面示意图；

图4示出了根据本申请示例性实施例提供的功能模块示意图；

图5示出了根据本申请示例性实施例提供的另一功能模块示意图；

图6示出了根据本申请示例性实施例提供的服务接口列表示意图；

图7示出了根据本申请示例性实施例提供的页面交互装置的示意性框图；

图8示出了能够用于实现本申请的实施例的示例性电子设备的结构框图。

具体实施方式

下面将参照附图更详细地描述本申请的实施例。虽然附图中显示了本申请的某些实施例，然而应当理解的是，本申请可以通过各种形式来实现，而且不应该被解释为限于这里阐述的实施例，相反提供这些实施例是为了更加透彻和完整地理解本申请。应当理解的是，本申请的附图及实施例仅用于示例性作用，并非用于限制本申请的保护范围。

应当理解，本申请的方法实施方式中记载的各个步骤可以按照不同的顺序执行，和/或并行执行。此外，方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本申请的范围在此方面不受限制。

本文使用的术语“包括”及其变形是开放性包括，即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”；术语“另一实施例”表示“至少一个另外的实施例”；术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。需要注意，本申请中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分，并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。

需要注意，本申请中提及的“一个”、“多个”的修饰是示意性而非限制性的，本领域技术人员应当理解，除非在上下文另有明确指出，否则应该理解为“一个或多个”。

本申请实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的，而并不是用于对这些消息或信息的范围进行限制。

本申请提供了一种页面交互方法，该方法可以由具有页面显示功能的终端、服务器和/或其他具备处理能力的设备完成。本申请实施例提供的方法可以由上述任一设备完成，也可以由多个设备共同完成。

下面将参照图1所示的页面交互的流程图，对该方法进行介绍。

步骤101，在应用性能管理系统中显示第一页面。

其中，第一页面显示的内容可以包括多个分析节点。

在一种可能的实施方式中，为了便于开发人员和系统管理员等用户识别和解决应用程序中的性能问题，APM通常可以收集关于应用程序性能的数据，例如响应时间、吞吐量、资源利用率和错误率等指标，并将这些数据在页面中显示，用于监控、分析和优化应用系统的性能。本实施例中，可以按照层级显示各页面。

例如，可以显示系统级别的页面，如图2示出的系统级别页面示意图，该页面中可以显示各个业务系统的节点以及各业务系统之间的拓扑关系，各个业务系统的节点即为分析节点。

又例如，也可以显示应用级别的页面，如图3示出的应用级别页面示意图，该页面中可以显示任意业务系统中的各个应用的节点，以及各应用之间的拓扑关系，各个应用的节点即为分析节点。

以此类推，本实施例对该页面不作具体限定。

可以通过浏览器显示APM的页面，APM的初始页面可以是最高层级的页面，如系统级别的页面。当然，上述第一页面并不限于初始页面，也可以是通过后续步骤深入钻取后显示的次级页面。

步骤102，若在第一页面中触发第一鼠标点击事件，则确定第一鼠标点击事件对应的第一分析节点。

在一种可能的实施方式中，每当用户需要查看第一页面中的任一分析节点时，可以通过鼠标点击该分析节点的标签。此时，可以在第一页面中触发相应的鼠标点击事件“click”，即第一鼠标点击事件，该事件携带的信息可以包括用户点击鼠标时光标在浏览器中的坐标值。解析第一鼠标点击事件并获取该坐标值，并将该坐标值与第一页面中绘制各个分析节点的标签的位置范围进行比较，确定光标的坐标值落入的目标位置范围，该目标范围对应的分析节点，即为选中的第一分析节点。

步骤103，在第一分析节点的周围，显示第一分析节点的各个功能模块。

在一种可能的实施方式中，在用户点击选中第一分析节点后，可以在第一分析节点的标签周围，均匀显示该第一分析节点的各个功能模块。例如，如图4所示的功能模块示意图，当用户点击图2中业务系统A的标签时，可以在该标签周围，显示事务、请求追踪、服务接口、响应时间、数据库等功能模块。

可选的，在显示第一分析节点的各个功能模块之后，还可以降低第一分析节点之外的其余分析节点的透明度，从而突出显示第一分析节点。并且，用户还可以在点击第一分析节点之后，点击其余分析节点，便于用户切换所要查看的分析节点。

可选的，上述确定第一鼠标点击事件对应的第一分析节点之后，还可以包括如下处理：将第一分析节点的第一信息获取请求发送至应用性能管理系统的服务器；接收服务器反馈的第一分析节点的各个功能模块当前的告警信息。

相应的，上述步骤103的处理可以如下：基于第一分析节点的各个功能模块当前的告警信息，在第一分析节点的周围，按照告警信息对应的模块颜色显示第一分析节点的各个功能模块。

在一种可能的实施方式中，APM可以提供实时警报，收集关于应用程序性能的数据之后，可以进行数据分析，形成相应的告警信息，例如：需要重点关注的错误信息，该信息代表要求及时处理；警戒信息，该信息代表可适当延缓处理。上述实时的告警信息可以存储在服务器的数据库中。

每当用户点击第一分析节点时，浏览器可以将第一分析节点的第一信息获取请求发送至应用性能管理系统的服务器。服务器在接收该请求后，可以查询数据库，获取第一分析节点的各个功能模块当前的告警信息并反馈至浏览器。从而，浏览器在绘制上述第一分析节点的各个功能模块时，可以同时显示各个功能模块的告警信息，以便用户查看并在应用程序性能出现问题时能够及时采取行动。

可选的，可以采用不同的颜色表示不同的告警信息，相应的处理可以如下：

基于第一分析节点的各个功能模块当前的告警信息，在预先设置的告警信息与模块颜色的对应关系中，分别确定第一分析节点的各个功能模块的目标模块颜色；

在第一分析节点的周围，按照目标模块颜色显示第一分析节点的各个功能模块。

作为一种具体的示例，可以利用红色代表上述需要重点关注的错误信息，黄色代表上述警戒信息，绿色代表正常访问信息，可作为数据正常展示观察及交互信息处理，以此类推。

浏览器在接收到第一分析节点的各个功能模块当前的告警信息后，可以根据上述对应关系，确定各个功能模块的目标模块颜色，并在显示各个功能模块时，将目标模块颜色填充至相应的功能模块中。

步骤104，确定待查看的第一功能模块，并根据当前的鼠标滚轮事件的属性，显示第一功能模块的第二页面。

可选的，上述确定待查看的功能模块的处理可以包括：

根据当前的鼠标移动事件，监听光标在第一页面中的目标坐标；

根据第一分析节点的各个功能模块在第一页面中的坐标范围，以及上述目标坐标，确定光标当前所处的功能模块，作为第一功能模块。

在一种可能的实施方式中，用户可以移动鼠标至其关注的功能模块上，移动过程中可以触发鼠标移动事件“mousemove”。此时，可以解析鼠标移动事件，以实时获取其携带的光标在第一页面中的坐标值，作为监听的目标坐标。从而，通过对比目标坐标和各个功能模块的标签的坐标范围，确定目标坐标落入的坐标范围，以确定光标滑过的功能模块，作为待查看的第一功能模块。

鼠标移动至第一功能模块之上时，用户可以滚动鼠标滚轮，触发鼠标滚轮事件“mousewheet”或“wheet”(取决于浏览器)。解析该鼠标滚轮事件，获取其携带的方向属性和距离属性，以放大第一功能模块的标签，并在放大至一定比例后，如果该第一功能模块具有细分的内容，则在浏览器中显示第二页面，以深入钻取第一功能模块的详细内容。

例如，通过滚轮放大业务系统A的服务接口模块，可以跳转至业务系统A的服务接口页面，以便用户查看业务系统A中各个服务接口的总耗时、平均响应时间、请求数等信息。

又例如，通过滚轮放大业务系统A的事务模块，可以跳转至业务系统A的事务页面，该页面中可以显示业务系统A中的各个应用及各应用之间的拓扑关系。

可选的，上述根据当前的鼠标滚轮事件的属性，显示第一功能模块的第二页面，包括：

若当前的鼠标滚轮事件的属性满足第一方向，则放大显示第一功能模块；

当鼠标滚轮事件的属性在第一方向上达到第一阈值时，将第一功能模块的第二信息获取请求发送至应用性能管理系统的服务器；

接收服务器反馈的第一功能模块当前的属性信息，并基于属性信息，显示第一功能模块的第二页面。

在一种可能的实施方式中，鼠标滚轮事件包括“deltaY”属性，该属性的数值为负值时表示滚轮在向下滚动，绝对值表示滚动的距离。当检测到鼠标移动至第一功能模块之上，且判断鼠标滚轮事件的“deltaY”属性为负时，按照滚轮滚动的距离对第一功能模块进行比例放大。

进一步对滚轮滚动的距离进行判断，若达到第一阈值，则浏览器可以将第一功能模块的第二信息获取请求发送至应用性能管理系统的服务器。服务器在接收到该请求后，可以查询数据库，获取第一功能模块当前的详细内容(即属性信息)并反馈至浏览器。浏览器在接收到该内容后，可以跳转至第一功能模块的第二页面，并在第二页面中显示该内容。

可选的，分析节点的大小与对应的预测应用性能指数负相关，第一阈值与预测应用性能指数正相关。

应用性能指数Apdex(Application Performance Index)是一种开放的、独立的、全球标准的方法，用于衡量和报告软件应用程序的性能。它将所有用户的满意度转化为一个介于0和1之间的度量，其中1表示所有用户都满意，0表示所有用户都不满意。

Apdex得分的计算过程如下：1、定义一个响应时间阈值T，表示响应时间在T秒内为满意；2、将请求分为三类，即满意(响应时间小于等于T)、容忍(响应时间在T和4T之间)、不满意(响应时间大于4T)；3、计算每一类的数量，记为Satisfied(满意)，Tolerating(容忍)，Frustrated(不满意)；4、使用以下公式计算Apdex得分：Apdex得分＝(Satisfied+0.5*Tolerating)/(Satisfied+Tolerating+Frustrated)。

在一种可能的实施方式中，认为当前时刻还未得到各个分析节点的响应时间，因此可以基于历史应用性能数据对当前时刻的Apdex得分进行预测，本实施例将预测结果称为预测应用性能指数。若预测应用性能指数较大，表示用户可能较为满意，则相应的节点标签可以显示得较小；若预测应用性能指数较小，表示用户可能不满意，则相应的节点标签可以显示得较大。

当用户点击其关注的分析节点时，可以在其周围显示各个功能模块，各个功能模块的大小可以与该节点标签的大小成正比，即，分析节点显示较大时，功能模块也显示较大；分析节点显示较小时，功能模块也显示较小。相应的，在功能模块显示较大时，上述第一阈值较小，代表用户可以滚动滚轮较少的距离即可显示该功能模块的第二页面；在功能模块显示较小时，上述第一阈值较大，代表用户需要滚动滚轮较多的距离显示该功能模块的第二页面。

用户更希望看到的是最有可能出现问题的系统、应用或实例，在此基础上，可以突出显示这类分析节点的标签，当用户需要深入钻取这类分析节点的信息时，可以更快地进行显示，提高信息获取效率。

可选的，分析节点的预测应用性能指数可以基于如下方式得到：

将最近的预设时长内分析节点的历史应用性能数据按照时间顺序划分为n份参考应用性能数据；

对n份参考应用性能数据分别设置索引x，并计算每份参考应用性能数据的应用性能指数y；

计算n份参考应用性能数据的索引总和x_sum、应用性能指数总和y_sum、索引与其应用性能指数的乘积的总和xy_sum和索引平方值的总和x_square_sum；

通过如下公式计算第一功能模块的预测应用性能指数A：

A＝b0+b1*n

其中，b1＝Sxy/Sxx，b0＝y_avg-b1*x_avg，Sxx＝x_square_sum-x_sum*x_sum/n，Sxy＝xy_sum-x_sum*y_sum/n，x_avg＝x_sum/n，y_avg＝y_sum/n。b1是指线性回归的斜率，b0是指线性回归的截距。Sxx是指x的方差，Sxy是指x和y的协方差。x_avg是指索引平均值，y_avg是指应用性能指数平均值。

可选的，在显示第一功能模块的第二页面之后，还可以包括如下处理：

若监测到鼠标滚轮事件的属性满足第二方向，则缩小显示第二页面；

当鼠标滚轮事件的属性在第二方向上达到第二阈值时，显示第一页面。

在一种可能的实施方式中，每当检测到鼠标滚轮事件的“deltaY”属性为正时，按照滚轮滚动的距离对第二页面进行比例缩小。进一步对滚轮滚动的距离进行判断，若达到第二阈值，则返回已显示过的第一页面，即返回上一层级的页面。

可选的，若第一功能模块包括从属的分析节点，则在显示第一功能模块的第二页面之后，还可以包括如下处理：

若在第二页面中触发第二鼠标点击事件，则确定第二鼠标点击事件对应的第二分析节点；

在第二分析节点的周围，显示第二分析节点的各个功能模块；

确定待查看的第二功能模块，并根据当前的鼠标滚轮事件的属性，显示第二功能模块的第三页面。

作为一种具体的示例，若第二页面为业务系统A的事务模块的页面，其中显示有业务系统A中的各个应用(如图3所示的应用级别页面示意图)，则点击任一应用(即第二分析节点)的标签时，可以在其周围显示该应用的各个功能模块(如图5所示的另一功能模块示意图)。鼠标移动到任一功能模块(即第二功能模块)之上，并向下滚动滚轮，在放大一定比例后，可以跳转至该功能模块的页面，以显示该功能模块的详细内容，如图6所示的服务接口列表示意图。

其中的具体处理与上述在第一页面中的处理同理，此处不再赘述。

可选的，第一功能模块的第二页面中，还可以设置有跳转选项。当用户点击该跳转选项时，可以跳转至该功能模块对应的处理模块中，以便用户在发现错误信息时能够及时处理。

本申请实施例可以取得如下有益效果：

在应用性能管理系统中显示具有多个分析节点的第一页面时，通过点击可以确定第一分析节点，并在第一分析节点的周围，显示第一分析节点的各个功能模块。确定待查看的第一功能模块后，可以通过滚动鼠标滚轮，显示第一功能模块的第二页面。

通过上述处理，用户可以通过滚轮的方式进行页面交互，操作复杂度大大降低，方便使用。分析节点与其功能模块之间的从属关系、相邻层级之间的页面从属关系直观明了，便于不熟悉APM的用户使用。通过滚轮对APM系统的信息进行深入钻取，方便从最高层级钻取至最低层级，并从最低层级返回最高层级。

并且，对告警信息的显示直观，方便用户定位并处理应用程序性能出现的问题。

本申请实施例提供了一种页面交互装置，该装置用于实现上述页面交互方法。如图7所示的页面交互装置的示意性框图，页面交互装置700包括：第一显示模块701，确定模块702，第二显示模块703，第三显示模块704。

第一显示模块701，用于在应用性能管理系统中显示第一页面，所述第一页面显示的内容包括多个分析节点；

确定模块702，用于若在所述第一页面中触发第一鼠标点击事件，则确定所述第一鼠标点击事件对应的第一分析节点；

第二显示模块703，用于在所述第一分析节点的周围，显示所述第一分析节点的各个功能模块；

第三显示模块704，用于确定待查看的第一功能模块，并根据当前的鼠标滚轮事件的属性，显示所述第一功能模块的第二页面。

可选的，所述第二显示模块703，还用于：

将所述第一分析节点的第一信息获取请求发送至所述应用性能管理系统的服务器；

接收所述服务器反馈的所述第一分析节点的各个功能模块当前的告警信息；

基于所述第一分析节点的各个功能模块当前的告警信息，在所述第一分析节点的周围，按照告警信息对应的模块颜色显示所述第一分析节点的各个功能模块。

可选的，所述第三显示模块704，用于：

若当前的鼠标滚轮事件的属性满足第一方向，则放大显示所述第一功能模块；

当鼠标滚轮事件的属性在所述第一方向上达到第一阈值时，将所述第一功能模块的第二信息获取请求发送至所述应用性能管理系统的服务器；

接收所述服务器反馈的所述第一功能模块当前的属性信息，并基于所述属性信息，显示所述第一功能模块的第二页面。

可选的，所述分析节点的大小与对应的预测应用性能指数负相关，所述第一阈值与所述预测应用性能指数正相关。

可选的，所述第三显示模块，还用于：

将最近的预设时长内所述分析节点的历史应用性能数据按照时间顺序划分为n份参考应用性能数据；

对所述n份参考应用性能数据分别设置索引x，并计算每份参考应用性能数据的应用性能指数y；

计算所述n份参考应用性能数据的索引总和x_sum、应用性能指数总和y_sum、索引与其应用性能指数的乘积的总和xy_sum和索引平方值的总和x_square_sum；

通过如下公式计算所述分析节点的预测应用性能指数A：

A＝b0+b1*n

其中，b1是指线性回归的斜率，b1＝Sxy/Sxx；b0是指线性回归的截距，b0＝y_avg-b1*x_avg；Sxx是指x的方差，Sxx＝x_square_sum-x_sum*x_sum/n；Sxy是指x和y的协方差，Sxy＝xy_sum-x_sum*y_sum/n；x_avg是指索引平均值，x_avg＝x_sum/n；y_avg是指应用性能指数平均值，y_avg＝y_sum/n。

可选的，所述第三显示模块704，还用于：

若监测到鼠标滚轮事件的属性满足第二方向，则缩小显示所述第二页面；

当鼠标滚轮事件的属性在所述第二方向上达到第二阈值时，显示所述第一页面。

可选的，若所述第一功能模块包括从属的分析节点，则所述第三显示模块，还用于：

若在所述第二页面中触发第二鼠标点击事件，则确定所述第二鼠标点击事件对应的第二分析节点；

在所述第二分析节点的周围，显示所述第二分析节点的各个功能模块；

确定待查看的第二功能模块，并根据当前的鼠标滚轮事件的属性，显示所述第二功能模块的第三页面。

本申请实施例可以取得如下有益效果：

在应用性能管理系统中显示具有多个分析节点的第一页面时，通过点击可以确定第一分析节点，并在第一分析节点的周围，显示第一分析节点的各个功能模块。确定待查看的第一功能模块后，可以通过滚动鼠标滚轮，显示第一功能模块的第二页面。

通过上述处理，用户可以通过滚轮的方式进行页面交互，操作复杂度大大降低，方便使用。分析节点与其功能模块之间的从属关系、相邻层级之间的页面从属关系直观明了，便于不熟悉APM的用户使用。通过滚轮对APM系统的信息进行深入钻取，方便从最高层级钻取至最低层级，并从最低层级返回最高层级。

并且，对告警信息的显示直观，方便用户定位并处理应用程序性能出现的问题。

本申请示例性实施例还提供一种电子设备，包括：至少一个处理器；以及与至少一个处理器通信连接的存储器。所述存储器存储有能够被所述至少一个处理器执行的计算机程序，所述计算机程序在被所述至少一个处理器执行时用于使所述电子设备执行根据本申请实施例的方法。

本申请示例性实施例还提供一种存储有计算机程序的非瞬时计算机可读存储介质，其中，所述计算机程序在被计算机的处理器执行时用于使所述计算机执行根据本申请实施例的方法。

本申请示例性实施例还提供一种计算机程序产品，包括计算机程序，其中，所述计算机程序在被计算机的处理器执行时用于使所述计算机执行根据本申请实施例的方法。

参考图8，现将描述可以作为本申请的服务器或客户端的电子设备800的结构框图，其是可以应用于本申请的各方面的硬件设备的示例。电子设备旨在表示各种形式的数字电子的计算机设备，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本申请的实现。

如图8所示，电子设备800包括计算单元801，其可以根据存储在只读存储器(ROM)802中的计算机程序或者从存储单元808加载到随机访问存储器(RAM)803中的计算机程序，来执行各种适当的动作和处理。在RAM 803中，还可存储设备800操作所需的各种程序和数据。计算单元801、ROM 802以及RAM 803通过总线804彼此相连。输入/输出(I/O)接口805也连接至总线804。

电子设备800中的多个部件连接至I/O接口805，包括：输入单元806、输出单元807、存储单元808以及通信单元809。输入单元806可以是能向电子设备800输入信息的任何类型的设备，输入单元806可以接收输入的数字或字符信息，以及产生与电子设备的用户设置和/或功能控制有关的键信号输入。输出单元807可以是能呈现信息的任何类型的设备，并且可以包括但不限于显示器、扬声器、视频/音频输出终端、振动器和/或打印机。存储单元808可以包括但不限于磁盘、光盘。通信单元809允许电子设备800通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据，并且可以包括但不限于调制解调器、网卡、红外通信设备、无线通信收发机和/或芯片组，例如蓝牙设备、WiFi设备、WiMax设备、蜂窝通信设备和/或类似物。

计算单元801可以是各种具有处理和计算能力的通用和/或专用处理组件。计算单元801的一些示例包括但不限于中央处理单元(CPU)、图形处理单元(GPU)、各种专用的人工智能(AI)计算芯片、各种运行机器学习模型算法的计算单元、数字信号处理器(DSP)、以及任何适当的处理器、控制器、微控制器等。计算单元801执行上文所描述的各个方法和处理。例如，在一些实施例中，页面交互方法可被实现为计算机软件程序，其被有形地包含于机器可读介质，例如存储单元808。在一些实施例中，计算机程序的部分或者全部可以经由ROM802和/或通信单元809而被载入和/或安装到电子设备800上。在一些实施例中，计算单元801可以通过其他任何适当的方式(例如，借助于固件)而被配置为执行页面交互方法。

用于实施本申请的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器或控制器，使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行，作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。

在本申请的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。

如本申请使用的，术语“机器可读介质”和“计算机可读介质”指的是用于将机器指令和/或数据提供给可编程处理器的任何计算机程序产品、设备、和/或装置(例如，磁盘、光盘、存储器、可编程逻辑装置(PLD))，包括，接收作为机器可读信号的机器指令的机器可读介质。术语“机器可读信号”指的是用于将机器指令和/或数据提供给可编程处理器的任何信号。

为了提供与用户的交互，可以在计算机上实施此处描述的系统和技术，该计算机具有：用于向用户显示信息的显示装置(例如，CRT(阴极射线管)或者LCD(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。

可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(LAN)、广域网(WAN)和互联网。

计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。

Claims (10)

1.一种页面交互方法，其特征在于，所述方法包括：

在应用性能管理系统中显示第一页面，所述第一页面显示的内容包括多个分析节点；

若在所述第一页面中触发第一鼠标点击事件，则确定所述第一鼠标点击事件对应的第一分析节点；

在所述第一分析节点的周围，显示所述第一分析节点的各个功能模块；

确定待查看的第一功能模块，并根据当前的鼠标滚轮事件的属性，显示所述第一功能模块的第二页面。

2.根据权利要求1所述的方法，其特征在于，所述确定所述第一鼠标点击事件对应的第一分析节点之后，还包括：

将所述第一分析节点的第一信息获取请求发送至所述应用性能管理系统的服务器；

接收所述服务器反馈的所述第一分析节点的各个功能模块当前的告警信息；

所述在所述第一分析节点的周围，显示所述第一分析节点的各个功能模块，包括：

基于所述第一分析节点的各个功能模块当前的告警信息，在所述第一分析节点的周围，按照告警信息对应的模块颜色显示所述第一分析节点的各个功能模块。

3.根据权利要求1所述的方法，其特征在于，所述根据当前的鼠标滚轮事件的属性，显示所述第一功能模块的第二页面，包括：

若当前的鼠标滚轮事件的属性满足第一方向，则放大显示所述第一功能模块；

当鼠标滚轮事件的属性在所述第一方向上达到第一阈值时，将所述第一功能模块的第二信息获取请求发送至所述应用性能管理系统的服务器；

接收所述服务器反馈的所述第一功能模块当前的属性信息，并基于所述属性信息，显示所述第一功能模块的第二页面。

4.根据权利要求3所述的方法，其特征在于，所述分析节点的大小与对应的预测应用性能指数负相关，所述第一阈值与所述预测应用性能指数正相关。

5.根据权利要求4所述的方法，其特征在于，所述分析节点的预测应用性能指数基于如下方式得到：

将最近的预设时长内所述分析节点的历史应用性能数据按照时间顺序划分为n份参考应用性能数据；

对所述n份参考应用性能数据分别设置索引x，并计算每份参考应用性能数据的应用性能指数y；

计算所述n份参考应用性能数据的索引总和x_sum、应用性能指数总和y_sum、索引与其应用性能指数的乘积的总和xy_sum和索引平方值的总和x_square_sum；

通过如下公式计算所述分析节点的预测应用性能指数A：

A＝b0+b1*n

其中，b1是指线性回归的斜率，b1＝Sxy/Sxx；b0是指线性回归的截距，b0＝y_avg-b1*x_avg；Sxx是指x的方差，Sxx＝x_square_sum-x_sum*x_sum/n；Sxy是指x和y的协方差，Sxy＝xy_sum-x_sum*y_sum/n；x_avg是指索引平均值，x_avg＝x_sum/n；y_avg是指应用性能指数平均值，y_avg＝y_sum/n。

6.根据权利要求3所述的方法，其特征在于，所述显示所述第一功能模块的第二页面之后，还包括：

若监测到鼠标滚轮事件的属性满足第二方向，则缩小显示所述第二页面；

当鼠标滚轮事件的属性在所述第二方向上达到第二阈值时，显示所述第一页面。

7.根据权利要求3所述的方法，其特征在于，若所述第一功能模块包括从属的分析节点，则所述显示所述第一功能模块的第二页面之后，还包括：

若在所述第二页面中触发第二鼠标点击事件，则确定所述第二鼠标点击事件对应的第二分析节点；

在所述第二分析节点的周围，显示所述第二分析节点的各个功能模块；

确定待查看的第二功能模块，并根据当前的鼠标滚轮事件的属性，显示所述第二功能模块的第三页面。

8.一种页面交互装置，其特征在于，所述装置包括：

第一显示模块，用于在应用性能管理系统中显示第一页面，所述第一页面显示的内容包括多个分析节点；

确定模块，用于若在所述第一页面中触发第一鼠标点击事件，则确定所述第一鼠标点击事件对应的第一分析节点；

第二显示模块，用于在所述第一分析节点的周围，显示所述第一分析节点的各个功能模块；

第三显示模块，用于确定待查看的第一功能模块，并根据当前的鼠标滚轮事件的属性，显示所述第一功能模块的第二页面。

9.一种电子设备，包括：

处理器；以及

存储程序的存储器，

其中，所述程序包括指令，所述指令在由所述处理器执行时使所述处理器执行根据权利要求1-7中任一项所述的方法。

10.一种存储有计算机指令的非瞬时计算机可读存储介质，其中，所述计算机指令用于使计算机执行根据权利要求1-7中任一项所述的方法。