CN113900755B - 告警页面处理方法、装置、计算机设备及可读存储介质 - Google Patents

Abstract

本发明涉及信息处理技术领域，提供了一种告警页面处理方法、装置、计算机设备及可读存储介质，应用于客户端的方法包括：获取查询参数及配置标识，其中，查询参数是用户通过客户端指定的，配置标识是从用户指定页面的动态路由中得到的；将查询参数及配置标识发送至服务器，以指示服务器获取与配置标识对应的页面配置和查询配置、并根据查询参数及查询配置，得到告警数据、并将告警数据及页面配置发送至客户端；根据页面配置生成告警页面；在告警页面上显示告警数据。本发明实现了告警数据的自动获取、告警页面的自动生成及告警数据在告警页面上的自动展示，降低了维护成本、时间成本及人力成本。

Description

告警页面处理方法、装置、计算机设备及可读存储介质

技术领域

本发明涉及信息处理技术领域，具体而言，涉及一种告警页面处理方法、装置、计算机设备及可读存储介质。

背景技术

随着业务的扩展，针对业务的告警事件的类型越来越多，告警类型不同，其需要提示的告警信息也会有差别，现有技术针对每种告警类型，由开发人员分别进行硬编码，在针对每一种告警事件开发对应的页面进行告警信息的展示，由此导致告警开发项目的代码越来越多，在当前告警开发项目代码的基础上扩展难度较大，增加了维护成本，且不灵活，同时开发时间也较长，造成时间和人力成本的极大浪费。

发明内容

本发明的目的在于提供了一种告警页面处理方法、装置、计算机设备及可读存储介质，其能够实现告警数据的自动获取、告警页面的自动生成及告警数据在告警页面上的自动展示，降低了维护成本、时间成本及人力成本。

为了实现上述目的，本发明采用的技术方案如下：

第一方面，本发明提供一种告警页面处理方法，应用于客户端，所述客户端与服务器通信连接，所述方法包括：获取查询参数及配置标识，其中，所述查询参数是用户通过所述客户端指定的，所述配置标识是从用户指定页面的动态路由中得到的；将所述查询参数及所述配置标识发送至所述服务器，以指示所述服务器获取与所述配置标识对应的页面配置和查询配置、并根据所述查询参数及所述查询配置，得到告警数据、并将所述告警数据及所述页面配置发送至所述客户端；根据所述页面配置生成告警页面；在所述告警页面上显示所述告警数据。

第二方面，本发明提供一种告警页面处理方法，应用于服务器，所述服务器与客户端通信连接，所述方法包括：接收所述客户端发送的查询参数及配置标识，其中，所述查询参数是用户通过所述客户端指定的，所述配置标识是从用户指定页面的动态路由中得到的；获取与所述配置标识对应的页面配置和查询配置；根据所述查询参数及所述查询配置，得到告警数据；将所述告警数据及所述页面配置发送至所述客户端，以指示所述客户端根据所述页面配置生成告警页面，并在所述告警页面上显示所述告警数据。

第三方面，本发明提供一种告警页面处理装置，应用于客户端，所述客户端与服务器通信连接，所述装置包括：第二获取模块，用于获取查询参数及配置标识，其中，所述查询参数是用户通过所述客户端指定的，所述配置标识是从用户指定页面的动态路由中得到的；第二发送模块，用于将所述查询参数及所述配置标识发送至所述服务器，以指示所述服务器获取与所述配置标识对应的页面配置和查询配置、并根据所述查询参数及所述查询配置，得到告警数据、并将所述告警数据及所述页面配置发送至所述客户端；生成模块，用于根据所述页面配置生成告警页面；显示模块，用于在所述告警页面上显示所述告警数据。

第四方面，本发明提供一种告警页面处理装置，应用于服务器，所述服务器与客户端通信连接，所述装置包括：接收模块，用于接收所述客户端发送的查询参数及配置标识，其中，所述查询参数是用户通过所述客户端指定的，所述配置标识是从用户指定页面的动态路由中得到的；第一获取模块，用于获取与所述配置标识对应的页面配置和查询配置；查询模块，用于根据所述查询参数及所述查询配置，得到告警数据；第一发送模块，用于将所述告警数据及所述页面配置发送至所述客户端，以指示所述客户端根据所述页面配置生成告警页面，并在所述告警页面上显示所述告警数据。

第五方面，本发明提供一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现如上述应用于客户端的告警页面处理方法，或者上述应用于服务器的告警页面处理方法。

第六方面，本发明提供一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现如上述应用于客户端的告警页面处理方法，或者上述应用于服务器的告警页面处理方法。

与现有技术相比，本发明根据用户通过客户端指定的查询参数及用户指定页面的配置标识中的查询配置，通过服务器自动查询得到告警数据，客户端根据配置标识对应的页面配置生成告警页面，并将从服务器获取的告警数据显示在告警页面上，由此实现了告警数据的自动获取、告警页面的自动生成及告警数据在告警页面上的自动展示，降低了维护成本、时间成本及人力成本。

附图说明

为了更清楚地说明本发明实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本发明的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。

图1为本发明实施例提供的应用场景图。

图2为本发明实施例提供的计算机设备的方框示意图。

图3为本发明实施例提供的一种应用于客户端的告警页面处理方法的流程示例图。

图4是本发明实施例提供的列表格式显示的告警数据的示例图。

图5为本发明实施例提供的另一种应用于客户端的告警页面处理方法的流程示例图。

图6为本发明实施例提供的另一种应用于客户端的告警页面处理方法的流程示例图。

图7是本发明实施例提供的卡片格式显示的告警数据的示例图。

图8为本发明实施例提供的另一种应用于客户端的告警页面处理方法的流程示例图。

图9为本发明实施例提供的弹框显示的示例图。

图10为本发明实施例提供的一种应用于服务器的告警页面处理方法的流程示例图。

图11为本发明实施例提供的另一种应用于服务器的告警页面处理方法的流程示例图。

图12为本发明实施例提供的查询结果的示例图。

图13为本发明实施例提供的映射关系的示例图。

图14为本发明实施例提供的第一告警页面处理装置的方框示意图。

图15为本发明实施例提供的第二告警页面处理装置的方框示意图。

图标：10-客户端；20-服务器；30-计算机设备；31-处理器；32-存储器；33-总线；34-通信接口；100-第一告警页面处理装置；110-第一获取模块；120-第一发送模块；130-生成模块；140-显示模块；200-第二告警页面处理装置；210-接收模块；220-第二获取模块；230-查询模块；240-第二发送模块。

具体实施方式

为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本发明实施例的组件可以以各种不同的配置来布置和设计。

因此，以下对在附图中提供的本发明的实施例的详细描述并非旨在限制要求保护的本发明的范围，而是仅仅表示本发明的选定实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。

在本发明的描述中，需要说明的是，若出现术语“上”、“下”、“内”、“外”等指示的方位或位置关系为基于附图所示的方位或位置关系，或者是该发明产品使用时惯常摆放的方位或位置关系，仅是为了便于描述本发明和简化描述，而不是指示或暗示所指的装置或元件必须具有特定的方位、以特定的方位构造和操作，因此不能理解为对本发明的限制。

此外，若出现术语“第一”、“第二”等仅用于区分描述，而不能理解为指示或暗示相对重要性。

需要说明的是，在不冲突的情况下，本发明的实施例中的特征可以相互结合。

为了避免针对每种告警类型都需要开发和维护一套对应的代码，且针对每种告警类型都开发一个告警页面展示告警信息带来的代码冗余度高、耦合度高、维护成本高、开发时间长等一系列的问题，节约时间、人力和维护成本，本发明实施例提供一种告警页面处理方法、装置、计算机设备及可读存储介质用于解决上述问题，下面将对其进行详细描述。

请参照图1，图1为本发明实施例提供的应用场景图，图1中，客户端10和服务器20通信连接，用户访问客户端10的网页，在网页上点击网页链接以访问待访问页面，或者在网页上输入需要查询的数据对应的查询参数，例如，输入要查询的用户的用户名，或者要查询的数据产生的日期等。待访问页面的动态路由中存在预设的配置标识，该配置标识用于唯一表征待访问页面的页面配置和查询配置等信息。客户端10将查询参数及配置标识发送至服务器20，服务器20获取与配置标识对应的页面配置和查询配置、并根据查询参数及所述查询配置，得到告警数据，并将告警数据发送至客户端10，客户端10根据页面配置生成告警页面，并在告警页面上显示告警数据。由此实现了告警数据的自动获取、告警页面的自动生成及告警数据在告警页面上的自动展示，降低了维护成本、时间成本及人力成本。

需要说明的是，作为一种具体交互方式，客户端10和服务器20之间可以通过json格式进行交互，即客户端10将需要发送至服务器20的数据封装为json格式，然后发送至服务器20，服务器20按照json格式解封，即可得到客户端实际发送的数据。可以理解的是，除了json格式，客户端10和服务器20之间还可以用其他预先约定好的格式进行交互。

在图1的基础上，本发明实施例还提供了一种计算机设备的方框示意图，请参照图2，图2为本发明实施例提供的计算机设备的方框示意图，图2中的计算机设备30可以是图1中的客户端10，也可以是图1中的服务器20。计算机设备30包括处理器31、存储器32、总线33、通信接口34。处理器31、存储器32通过总线33连接，处理器31通过通信接口34与外部设备通信。

处理器31可能是一种集成电路芯片，具有信号的处理能力。在实现过程中，上述方法的各步骤可以通过处理器31中的硬件的集成逻辑电路或者软件形式的指令完成。上述的处理器31可以是通用处理器，包括中央处理器(Central Processing Unit，简称CPU)、网络处理器(Network Processor，简称NP)等；还可以是数字信号处理器(DSP)、专用集成电路(ASIC)、现成可编程门阵列(FPGA)或者其它可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。

存储器32用于存储程序，例如本发明实施例中的应用于客户端10的第一告警页面处理装置100和应用于服务器20的第二告警页面处理装置200，第一告警页面处理装置100或第二告警页面处理装置200均包括至少一个可以软件或固件(firmware)的形式存储于存储器32中的软件功能模块，处理器31在接收到执行指令后，执行所述程序以实现本发明实施例中的应用于客户端10的告警页面处理方法或应用于服务器20的告警页面处理方法。

存储器32可能包括高速随机存取存储器(RAM：Random Access Memory)，也可能还包括非易失存储器(non-volatile memory)。可选地，存储器32可以是内置于处理器31中的存储装置，也可以是独立于处理器31的存储装置。

总线33可以是ISA总线、PCI总线或EISA总线等。图2仅用一个双向箭头表示，但并不表示仅有一根总线或一种类型的总线。

在图1和图2的基础上，本发明实施例还提供了一种应用于客户端的告警页面处理方法，请参照图3，图3为本发明实施例提供的一种应用于客户端的告警页面处理方法的流程示例图，该方法包括以下步骤：

步骤S100，获取查询参数及配置标识，其中，查询参数是用户通过客户端指定的，配置标识是从用户指定页面的动态路由中得到的。

在本实施例中，查询参数可以是用户在客户端的网页上输入的，客户端再通过网页获取到的，也可以是用户在客户端的网页上进行点击操作指定的，客户端通过响应用户点击操作获取到的。

在本实施例中，每一预设页面具有一个配置标识，配置标识用于标识预设页面的配置相关信息，配置相关信息包括页面配置，页面配置包括该页面的显示方式，显示方式包括、但不限于列表方式、地图方式、卡片方式等。配置相关信息还包括查询配置，查询配置包括、但不限于模糊查询、精确查询、待查询的数据库访问地址等。

可以理解的是，用户也可以根据自己的实际需要预先指定其他的配置相关信息，例如，作为一种具体实现方式，配置相关信息还可以包括列表关联的告警类型配置数组、列字段的配置信息、检索条件配置信息、列表操作栏的配置。其中，告警类型配置包含了告警列表详情弹框的字段内容、字段类型、图片信息、图片上的操作按钮。

在本实施例中，当用户指定该预设页面中的任一页面时，可以从该页面的动态路由中得到该页面的配置标识，动态路由可以通过组件react.js得到，例如，动态路由格式为：/sceneAlarm/historicalAlarm/customAlarm/：alarmCode，其中，alarmCode为配置标识，配置标识是自定义列表配置信息的唯一编码。

步骤S110，将查询参数及配置标识发送至服务器，以指示服务器获取与配置标识对应的页面配置和查询配置、并根据查询参数及查询配置，得到告警数据、并将告警数据及页面配置发送至客户端。

在本实施例中，每一配置标识均对应页面配置和查询配置，为了减轻客户端的存储压力，配置标识及对应的页面配置和查询配置可以存储于服务器20，也可以存储于服务器20可以访问到的专门的数据库服务器。

在本实施例中，查询配置包括、但不限于告警数据库的访问地址、预设查询条件及待查询字段，服务器20根据查询参数，按照查询配置，查询到告警数据。告警数据包括、但不限于包括告警时间、告警地点、告警类型名称、告警状态等信息。

在本实施例中，客户端还可以利用搜索组件支持模糊查询搜索框、告警类型下拉框、字典下拉框、告警时间段控件、设备资源数穿梭框，用户可以通过不同的搜索组件指定查询参数。

步骤S120，根据页面配置生成告警页面。

在本实施例中，页面配置用于表征告警页面的页面属性信息，包括页面格式、页面布局、页面大小等。

步骤S130，在告警页面上显示告警数据。

在本实施例中，告警数据可以按照告警页面的布局或者格式进行显示，例如，告警页面的是列表格式，则告警数据按照列表的形式进行显示，请参照图4，图4是本发明实施例提供的列表格式显示的告警数据的示例图，告警数据包括布控照、抓拍照、相似度、姓名、性别、民族、告警事件、告警点位、布控目标等。

本发明实施例提供的上述方法，其能够根据用户通过客户端指定的查询参数及配置标识，从服务器自动查询得到告警数据，并根据配置标识对应的页面配置生成告警页面，再将告警数据在告警页面上显示，由此实现了告警数据的自动获取、告警页面的自动生成及告警数据在告警页面上的自动展示，降低了维护成本、时间成本及人力成本。

在图3的基础上，本发明实施例还提供了一种显示告警数据的具体实施方式，请参照图5，图5为本发明实施例提供的另一种应用于客户端的告警页面处理方法的流程示例图，步骤S130包括以下子步骤：

子步骤S1301，若待查询字段为字典类型，则将待查询字段对应的告警数据转换成告警数据表征的告警信息。

在本实施例中，查询配置包括待查询字段，待查询字段为需要查询的告警数据对应的字段，例如，待查询字段为“用户名”。

在本实施例中，有些类型告警数据在数据库中直接存储的，当然也可以直接显示，例如数字型的年龄、相似度等，或者字符串类型的住址、个人介绍等信息，但是，另一些告警数据在数据库中是以字典类型存储的，字典类型也称为枚举类型，即用不同的数值代表不同的信息。对于字典类型的待查询字段，其对应的告警数据是数据库中实际存储的数据，而对应的告警信息则是其代表的实际信息，例如，待查询字段为“性别”，如果用0代表“男”，用1代表“女”，实际数据库中存储的告警数据就是0或1，而在显示的时候需要客户端将其转换告警信息：“男”或“女”。

在本实施例中，作为一种具体实现方式，可以将告警数据作为入参，调用字典服务器接口得到字典值(即告警数据对应的告警信息)。作为一种具体实现方式，对于不同的告警状态，可以在为不同字典值配置不同的颜色信息，根据配置的颜色，不同的告警状态可以在列表中展示不同的颜色。

在具体应用场景中，待查询字段的类型还可以包括文本类型、图片类型、时间戳、数字、字典类型、车牌号类型、人脸比对相似度类型，服务器中预先存储有待查询字段和告警数据库的字段之间一一对应的映射关系。

子步骤S1302，将告警信息显示在告警页面。

本发明实施例提供的上述方法，对于存储和实际显示不一致的字典类型的待查询字段对应的告警数据，客户端将其进行自动转换成对应的告警信息，以便可以更直观地展示告警数据。

在本实施例中，为了满足不同场景的显示需求，本发明实施例还提供了一种生成告警页面的具体实施方式，请参照图6，图6为本发明实施例提供的另一种应用于客户端的告警页面处理方法的流程示例图，步骤S120包括以下子步骤：

子步骤S1201，若页面配置为列表方式，则生成包括至少一行、至少一列的列表的告警页面。

在本实施例中，页面配置为列表方式，告警页面是以行、列方式显示的，包括至少一行、至少一列，例如，图4中告警页面包括11列、10行，其中值显示了第6-10行。

子步骤S1202，若页面配置为地图方式，则生成包括地图的告警页面。

在本实施例中，页面配置为地图方式，会在告警页面中显示预设地图，并且将告警数据的告警点位显示在预设地图中，以便用户可以高效地定位告警数据对应地点。

子步骤S1203，若页面配置为卡片方式，则生成包括至少一个卡片框的告警页面。

在本实施例中，页面配置为卡片方式，告警页面是以一个个卡片框显示的，告警数据显示在卡片框中，请参照图7，图7是本发明实施例提供的卡片格式显示的告警数据的示例图。

在本实施例中，为了更高效地显示用户需要的详细信息，本发明实施例还提供了一种通过弹框显示方式，请参照图8，图8为本发明实施例提供的另一种应用于客户端的告警页面处理方法的流程示例图，该方法包括以下步骤：

步骤S140，接收用户通过告警页面指定的列表中的目标行。

在本实施例中，目标行是用户想要获取其详细信息的行，用户可以在告警页面上通过点击列表中的任一行的任意位置指定目标行，也可以通过点击列表中的任一行的指定位置(例如第一列的位置，或者最后一列的位置等)指定目标行。

步骤S150，获取目标行的数据标识。

在本实施例中，目标行的数据标识为唯一表征该目标行的标识，例如，数据标识可以是该目标行的键值。

步骤S160，从服务器获取与数据标识对应的预设信息，并将预设信息以弹框的方式显示。

在本实施例中，预设信息中的字段可以预先设置，字段的类型可以包括、但不限于字典类型、图片类型、生日类型、时间类型、文本类型、省份类型。作为一种具体实现方式，实现过程为：通过调用服务器20提供的/api/biz-scene/v1/alarm/base/info/{id}接口获取与数据标识对应的预设信息，服务器20通过该id调用alarmBaseInfoMapper.findById方法查询到数据库中保存的对应告警详情数据，对于图片类型的字段，服务器20调用imageFullPathConvert.convertCascadeImageUrl方法将图片类型字段转化为完整的url，调用getBizJsonList将详情弹框的图片数据转化对应的图片字段，主要是将json字段的相对图片路径转化绝对路径地址。最后调用templateDataBuilder.buildTemplateDataBySceneCode构造详情弹框中的展示内容，调用buildTemplateDataBySceneCode方法将json字符串中的变量值替换为数据库中存储的值，例如face_id:”${face_id}”转化为face_id:”1111111111”。请参照图9，图9为本发明实施例提供的弹框显示的示例图。

本发明实施例提供的上述方法，通过为用户指定的行信息弹框，可以显示用户指定行对应的更详细的信息，提高用户查看告警效率。

基于与上述实施例相同的发明构思，为了配合上述客户端，本发明实施例还提供一种应用于服务器的告警页面处理方法，请参照图10，图10为本发明实施例提供的一种应用于服务器的告警页面处理方法的流程示例图，该方法包括以下步骤：

步骤200，接收客户端发送的查询参数及配置标识，其中，查询参数是用户通过客户端指定的，配置标识是从用户指定页面的动态路由中得到的。

步骤210，获取与配置标识对应的页面配置和查询配置。

步骤220，根据查询参数及查询配置，得到告警数据。

步骤230，将告警数据及页面配置发送至客户端，以指示客户端根据页面配置生成告警页面，并在告警页面上显示告警数据。

本发明提供的上述方法，通过配置标识获得页面配置和查询配置，通过查询参数及查询配置，可以自动获取告警数据，将告警数据及页面配置发送至客户端，使得客户端可以自动生成告警页面，并将告警数据在告警页面上显示，降低了维护成本、时间成本及人力成本。

在图10的基础上，本发明实施例还提供了一种得到告警数据的具体实现方式，请参照图11，图11为本发明实施例提供的另一种应用于服务器的告警页面处理方法的流程示例图，步骤S220包括以下子步骤：

子步骤S2201，根据待查询字段及映射关系，从属性字段中确定与待查询字段对应的目标属性字段。

在本实施例中，待查询字段为用户需要获取的字段，可以是一个或者多个，例如，用户需要获取姓名、性别和年龄三个字段的值，则待查询字段为：姓名、性别和年龄。目标属性字段为告警数据库中与待查询字段对应的字段，例如，姓名、性别和年龄这三个待查询字段对应的目标属性字段分别为：name、gender、age。

在本实施例中，告警数据库中存储有多条告警数据，告警数据库包括属性字段，查询配置包括告警数据库的访问地址、预设查询条件及待查询字段。由于不同的告警类型，待查询字段可以不同，待查询字段与数据库中的属性字段也可以不一致，因此，为了可以根据不同告警类型自动查询到对应的告警数据，服务器预先存储有待查询字段与属性字段之间的映射关系，根据该映射关系可以确定待查询字段对应的告警数据库中的属性字段，以便可以从告警数据库中查询到所需的告警数据。

子步骤S2202，根据查询参数、预设查询条件、访问地址及目标属性字段，生成查询指令。

在本实施例中，查询参数可以包括查询所需要的索引字段及对应索引值，例如，索引字段为：用户名，索引值为“ABC”。预设查询条件可以包括查询方式，例如，模糊查询方式或者精确查询方式。访问地址为告警数据库的访问地址，对于设置用户名和密码的告警数据库，除了访问地址，还包括访问该告警数据库的用户名和密码。

子步骤S2203，执行查询指令，以从告警数据库中查询出目标属性字段对应的目标数据。

在本实施例中，作为一种具体实现方式，客户端10和服务器20之间可以采用json格式交互，即客户端10将查询参数封装成json格式发送至服务器，服务器解析出其中的查询参数，将查询参数、预设查询条件、访问地址及目标属性字段通过ognl表达式，拼接成一条完整的sql语句，通过调用alarmBaseInfoMapper.findByCondition方法执行该sql语句，为了得到最近的信息，可以将查询默认按照时间倒序查询。请参照图12，图12为本发明实施例提供的查询结果的示例图。图12中的biz字段，都是业务信息字段，用于解决告警数据中差异化的检索，例如，如果告警的业务对象是人脸，那么biz信息就是存储人名、人脸id、抓拍图等信息，如果是车，那么biz信息就是存储车牌号、车辆类型等信息。

子步骤S2204，根据映射关系及目标数据，生成告警数据，其中，告警数据包括待查询字段及对应的目标数据。

在本实施例中，对于图片或者视频等数据而言，告警数据库中通常存储的是访问图片或者视频的地址，该地址通常为相对预设访问地址的相对地址，预设访问地址可以是当前访问告警数据库的地址，而非图片或者视频数据本身，此时，为了使客户端可以根据目标数据访问到对应的图片或者视频等数据，需要对目标数据进行转换，将相对地址转化为绝对地址，绝对地址为访问图片或者视频的唯一地址，若目标数据为访问预设数据的相对地址，作为一种具体实现方式，根据映射关系及目标数据，生成告警数据的方法可以是：

首先，若目标数据为访问预设数据的相对地址，则将相对地址转化为对应的绝对地址，相对地址为相对于预设访问地址的地址，绝对地址为访问预设数据的唯一地址。

其次，根据映射关系及转化后的目标数据，生成告警数据。

在本实施例中，作为一种具体实施方式，在得到目标数据后，调用imageFullPathConvert.convertCascadeSceneImageUrl函数转化对应图片字段，该函数的实现过程为：先根据自定义列表的唯一编码查询到目标数据中每列的字段类型，如果字段是图片字段，那么在调用urlConvertService.toCascadeUrlList得到一个以图片相对路径为key，图片转化的全路径为value的HashMap集合，然后遍历数据中的查询结果，以图片相对路径为key从HashMap中获取到完整的路径并且将相应的图片字段内容修改为完整的路径返回给客户端。

在本实施例中，为了使客户端和服务器之间数据传送实现更简单，本发明实施例还提供了一种将告警数据和页面配置发送至客户端的具体实现方式，该方法可以为：

首先，按照json格式将告警数据及页面配置进行封装，得到封装数据。

在本实施例中，json格式是一种比可扩展标记语言XML(Extensible MarkupLanguage，XML)格式实现复杂度低得多的格式，可以用数组方式或者对象方式按照json格式对告警数据及页面配置进行封装。

其次，将封装数据发送至客户端。

作为应用上述方法的具体的实施建议，配置的时候需要了解各个业务内容的含义以及字段值，如果采用json格式进行数据传输，则前后端开发人员需要约定好数据传输的json内容。配置的自定义列表支持配置的相关业务信息查询，可以减少重复开发的工作量。请参照图13，图13为本发明实施例提供的映射关系的示例图，由图13可以看出，映射关系除了包括列名(即待查询字段)与告警数据库中字段名称之间的对应关系，还可以包括字段类型等信息。

以应用场景为金融行业为例，可以通过场景配置文件配置金融需要的告警类型、搜索条件、展示列内容、列表的详情弹框内容，利用上述方法自动生成一个告警列表页面查询金融相关的告警事件，并且查询页面支持卡片和列表形式进行展示。

为了执行上述实施例及各个可能的实施方式中的相应步骤，下面分别给出一种应用于客户端的第一告警页面处理装置100和应用于服务器的第二告警页面处理装置200的实现方式。请参照图14和图15，图14为本发明实施例提供的第一告警页面处理装置100的方框示意图，图15为本发明实施例提供的第二告警页面处理装置200的方框示意图。需要说明的是，本实施例所提供的应用于客户端10的第一告警页面处理装置100和应用于服务器20的第二告警页面处理装置200，其基本原理及产生的技术效果和上述实施例相同，为简要描述，本实施例部分未提及指出。

第一告警页面处理装置100包括第一获取模块110、第一发送模块120、生成模块130及显示模块140。

第一获取模块110，用于获取查询参数及配置标识，其中，所述查询参数是用户通过所述客户端指定的，所述配置标识是从用户指定页面的动态路由中得到的。

第一发送模块120，用于将所述查询参数及所述配置标识发送至所述服务器，以指示所述服务器获取与所述配置标识对应的页面配置和查询配置、并根据所述查询参数及所述查询配置，得到告警数据、并将所述告警数据及所述页面配置发送至所述客户端。

生成模块130，用于根据所述页面配置生成告警页面。

作为一种具体实施方式，页面配置包括列表方式，生成模块130具体用于：若所述页面配置为列表方式，则生成包括至少一行、至少一列的列表的告警页面；若所述页面配置为地图方式，则生成包括地图的告警页面；若所述页面配置为卡片方式，则生成包括至少一个卡片框的告警页面。

显示模块140，用于在所述告警页面上显示所述告警数据。

作为一种具体实施方式，查询配置包括待查询字段，显示模块140具体用于：若所述待查询字段为字典类型，则将所述待查询字段对应的告警数据转换成所述告警数据表征的告警信息；将所述告警信息显示在所述告警页面。

作为一种具体实施方式，显示模块140还用于：接收用户通过所述告警页面指定的所述列表中的目标行；获取所述目标行的数据标识；从所述服务器获取与所述数据标识对应的预设信息，并将所述预设信息以弹框的方式显示。

第二告警页面处理装置200包括接收模块210、第二获取模块220、查询模块230及第二发送模块240。

接收模块210，用于接收所述客户端发送的查询参数及配置标识，其中，所述查询参数是用户通过所述客户端指定的，所述配置标识是从用户指定页面的动态路由中得到的。

第二获取模块220，用于获取与所述配置标识对应的页面配置和查询配置。

查询模块230，用于根据所述查询参数及所述查询配置，得到告警数据。

作为一种具体实施方式，查询配置包括告警数据库的访问地址、预设查询条件及待查询字段，所述告警数据库包括属性字段，所述服务器预先存储有所述待查询字段与所述属性字段之间的映射关系，查询模块230具体用于：根据所述待查询字段及所述映射关系，从所述属性字段中确定与所述待查询字段对应的目标属性字段；根据所述查询参数、所述预设查询条件、所述访问地址及所述目标属性字段，生成查询指令；执行所述查询指令，以从所述告警数据库中查询出所述目标属性字段对应的目标数据；根据所述映射关系及所述目标数据，生成所述告警数据，其中，所述告警数据包括所述待查询字段及对应的所述目标数据。

作为一种具体实施方式，查询模块230具体用于根据所述映射关系及所述目标数据，生成所述告警数据时具体用于：若所述目标数据为访问预设数据的相对地址，则将所述相对地址转化为对应的绝对地址，所述相对地址为相对于预设访问地址的地址，所述绝对地址为访问所述预设数据的唯一地址；根据所述映射关系及转化后的目标数据，生成所述告警数据。

第二发送模块240，用于将所述告警数据及所述页面配置发送至所述客户端，以指示所述客户端根据所述页面配置生成告警页面，并在所述告警页面上显示所述告警数据。

综上所述，本发明实施例提供了一种告警页面处理方法、装置、计算机设备及可读存储介质，应用于客户端的方法包括：获取查询参数及配置标识，其中，查询参数是用户通过客户端指定的，配置标识是从用户指定页面的动态路由中得到的；将查询参数及配置标识发送至服务器，以指示服务器获取与配置标识对应的页面配置和查询配置、并根据查询参数及查询配置，得到告警数据、并将告警数据及页面配置发送至客户端；根据页面配置生成告警页面；在告警页面上显示告警数据。与现有技术相比，本发明实施例根据用户通过客户端指定的查询参数及用户指定页面的配置标识中的查询配置，通过服务器自动查询得到告警数据，客户端根据配置标识对应的页面配置生成告警页面，并将从服务器获取的告警数据显示在告警页面上，由此实现了告警数据的自动获取、告警页面的自动生成及告警数据在告警页面上的自动展示，降低了维护成本、时间成本及人力成本。

以上所述，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到的变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应以所述权利要求的保护范围为准。

Claims (8)

1.一种告警页面处理方法，其特征在于，应用于客户端，所述客户端与服务器通信连接，所述方法包括：

获取查询参数及配置标识，其中，所述查询参数是用户通过所述客户端指定的，所述配置标识是从用户指定页面的动态路由中得到的；

将所述查询参数及所述配置标识发送至所述服务器，以指示所述服务器获取与所述配置标识对应的页面配置和查询配置，并根据待查询字段及映射关系，从属性字段中确定与所述待查询字段对应的目标属性字段；根据所述查询参数、预设查询条件、告警数据库的访问地址及所述目标属性字段，生成查询指令；执行所述查询指令，以从所述告警数据库中查询出所述目标属性字段对应的目标数据；根据所述映射关系及所述目标数据，生成告警数据，其中，所述告警数据包括所述待查询字段及对应的所述目标数据；并将所述告警数据及所述页面配置发送至所述客户端；所述查询配置包括所述待查询字段、所述告警数据库的访问地址和所述预设查询条件；所述告警数据库包括所述属性字段；所述服务器预先存储有所述待查询字段与所述属性字段之间的映射关系；

根据所述页面配置生成告警页面；

在所述告警页面上显示所述告警数据；

所述在所述告警页面上显示所述告警数据的步骤包括：

若所述待查询字段为字典类型，则将所述待查询字段对应的告警数据转换成所述告警数据表征的告警信息；

将所述告警信息显示在所述告警页面。

2.如权利要求1所述的告警页面处理方法，其特征在于，所述页面配置包括列表方式，所述根据所述页面配置生成告警页面的步骤包括：

若所述页面配置为列表方式，则生成包括至少一行、至少一列的列表的告警页面；

若所述页面配置为地图方式，则生成包括地图的告警页面；

若所述页面配置为卡片方式，则生成包括至少一个卡片框的告警页面。

3.如权利要求2所述的告警页面处理方法，其特征在于，所述方法还包括：

接收用户通过所述告警页面指定的所述列表中的目标行；

获取所述目标行的数据标识；

从所述服务器获取与所述数据标识对应的预设信息，并将所述预设信息以弹框的方式显示。

4.一种告警页面处理方法，其特征在于，应用于服务器，所述服务器与客户端通信连接，所述服务器预先存储有待查询字段与属性字段之间的映射关系，所述方法包括：

接收所述客户端发送的查询参数及配置标识，其中，所述查询参数是用户通过所述客户端指定的，所述配置标识是从用户指定页面的动态路由中得到的；

获取与所述配置标识对应的页面配置和查询配置；所述查询配置包括待查询字段、告警数据库的访问地址和预设查询条件；所述告警数据库包括属性字段；

根据所述查询参数及所述查询配置，得到告警数据；

将所述告警数据及所述页面配置发送至所述客户端，以指示所述客户端根据所述页面配置生成告警页面，并在所述告警页面上显示所述告警数据，所述客户端在所述告警页面上显示所述告警数据的方式为若所述待查询字段为字典类型，则将所述待查询字段对应的告警数据转换成所述告警数据表征的告警信息；将所述告警信息显示在所述告警页面；

所述根据所述查询参数及所述查询配置，得到告警数据的步骤包括：

根据所述待查询字段及所述映射关系，从所述属性字段中确定与所述待查询字段对应的目标属性字段；

根据所述查询参数、所述预设查询条件、所述访问地址及所述目标属性字段，生成查询指令；

执行所述查询指令，以从所述告警数据库中查询出所述目标属性字段对应的目标数据；

根据所述映射关系及所述目标数据，生成所述告警数据，其中，所述告警数据包括所述待查询字段及对应的所述目标数据。

5.如权利要求4所述的告警页面处理方法，其特征在于，所述根据所述映射关系及所述目标数据，生成所述告警数据的步骤包括：

若所述目标数据为访问预设数据的相对地址，则将所述相对地址转化为对应的绝对地址，所述相对地址为相对于预设访问地址的地址，所述绝对地址为访问所述预设数据的唯一地址；

根据所述映射关系及转化后的目标数据，生成所述告警数据。

6.如权利要求4所述的告警页面处理方法，其特征在于，所述将所述告警数据及所述页面配置发送至所述客户端的步骤包括：

按照json格式将所述告警数据及所述页面配置进行封装，得到封装数据；

将所述封装数据发送至所述客户端。

7.一种计算机设备，包括存储器和处理器，其特征在于，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现如权利要求1-3中任一项所述的告警页面处理方法，或者如权利要求4-6中任一项所述的告警页面处理方法。

8.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该计算机程序被处理器执行时实现如权利要求1-3中任一项所述的告警页面处理方法，或者如权利要求4-6中任一项所述的告警页面处理方法。