CN111708961A - 页面数据获取方法、装置、设备及可读存储介质 - Google Patents

Abstract

本发明公开了一种页面数据获取方法、装置、设备及可读存储介质，所述方法包括：当侦测到对基于预设组件构建生成的显示页面中按钮组件的触发指令时，确定与所述按钮组件对应的接口请求；获取与所述接口请求对应的接口数据，并根据所述接口请求携带的预设标识，将所述接口数据返回到所述显示页面中与所述按钮组件关联的数据组件，完成页面数据的获取。本发明从所获取页面数据本身的实时准确性和数据组件显示的准确性等方面，确保了显示页面对页面数据的实时准确显示。

Description

页面数据获取方法、装置、设备及可读存储介质

技术领域

本发明涉及金融科技(Fintech)技术领域，尤其涉及一种页面数据获取方法、装置、设备及可读存储介质。

背景技术

随着金融科技(Fintech)，尤其是互联网科技金融的不断发展，越来越多的技术(如人工智能、大数据、云存储等)应用在金融领域，但金融领域也对各类技术提出了更高的要求，如要求对于通过自动建页/站系统构建的显示页面中所显示数据的实时性和准确性。

目前，自动建页/站系统构建的显示页面通常为静态页面，如静态H5页面、静态数据分析展示页面等。该类页面所展示的数据在页面形成过程中，添加到页面中生成，属于一次性输入的固定数据，不能随着数据的更新而更新显示。如此一来，因页面中所显示的数据为非更新的实时数据，导致所显示的数据不准确。

因此，对于构建生成的显示页面，如何确保其中所显示数据的实时性和准确性是当前亟待解决的技术问题。

发明内容

本发明的主要目的在于提供一种页面数据获取方法、装置、设备及可读存储介质，旨在解决现有技术中对于构建生成的显示页面，如何确保其中所显示数据的实时性和准确性的技术问题。

为实现上述目的，本发明提供一种页面数据获取方法，所述页面数据获取方法包括以下步骤：

当侦测到对基于预设组件构建生成的显示页面中按钮组件的触发指令时，确定与所述按钮组件对应的接口请求；

获取与所述接口请求对应的接口数据，并根据所述接口请求携带的预设标识，将所述接口数据返回到所述显示页面中与所述按钮组件关联的数据组件，完成页面数据的获取。

可选地，所述预设标识包含多项子标识，所述接口请求包含多个接口子请求；

所述当侦测到对基于预设组件构建生成的显示页面中按钮组件的触发指令时，确定与所述按钮组件对应的接口请求的步骤包括：

当侦测到对所述显示页面中所述按钮组件的触发指令时，获取所述按钮组件中基于所述多项子标识形成的请求序列；

遍历所述请求序列，获取所述请求序列中各请求对应的请求参数，并根据各所述请求参数，将所述请求序列拆分为多个所述接口子请求。

可选地，一个所述接口子请求携带一项所述子标识，所述请求数据包含多项接口子数据；

所述根据所述接口请求携带的预设标识，将所述接口数据返回到所述显示页面中与所述按钮组件关联的数据组件的步骤包括：

根据各所述接口子请求分别携带的所述子标识，分别为基于各所述接口子请求返回的所述接口子数据添加所述子标识，并将添加所述子标识后的各项所述接口子数据存储至预设存储单元中；

获取所述显示页面中各数据组件携带的组件标识，并根据各所述组件标识与各项所述接口子数据添加的所述子标识之间的匹配关系，确定与所述按钮组件关联的各数据组件；

根据所述匹配关系，从所述预设存储单元中读取各项所述接口子数据返回到各所述数据组件。

可选地，所述根据所述匹配关系，从所述预设存储单元中读取各项所述接口子数据返回到各所述数据组件的步骤包括：

确定各所述数据组件的预设变量，并从所述预设存储单元中读取各项所述接口子数据；

根据所述匹配关系，将各所述数据组件的预设变量替换为读取的各项所述接口子数据，以将各项所述接口子数据返回到各所述数据组件。

可选地，所述将各所述数据组件的预设变量替换为读取的各项所述接口子数据的步骤之后，所述方法还包括：

根据各所述数据组件的渲染逻辑，对各项所述接口子数据渲染，并展示渲染后的各项所述接口子数据。

可选地，所述当侦测到对基于预设组件构建生成的显示页面中按钮组件的触发指令时，确定与所述按钮组件对应的接口请求的步骤之前，所述方法包括：

接收按钮属性配置指令，并根据所述按钮属性配置指令，对所述按钮组件的按钮属性进行配置；

接收数据属性配置指令，并根据所述数据属性配置指令，对所述数据组件的数据属性进行配置。

可选地，所述当侦测到对基于预设组件构建生成的显示页面中按钮组件的触发指令时，确定与所述按钮组件对应的接口请求的步骤之前，所述方法包括：

识别所述按钮组件中的预设接口序列，并根据所述预设接口序列，确定所述预设标识；

在所述显示页面显示所述数据组件的属性配置面板，并将所述预设标识添加至所述属性配置面板；

当接收到基于所述属性配置面板发送的确认指令时，建立所述显示页面中所述按钮组件与所述数据组件之间的关联关系。

进一步地，为实现上述目的，本发明还提供一种页面数据获取装置，所述页面数据获取装置包括：

确定模块，用于当侦测到对基于预设组件构建生成的显示页面中按钮组件的触发指令时，确定与所述按钮组件对应的接口请求；

获取模块，用于获取与所述接口请求对应的接口数据，并根据所述接口请求携带的所述预设标识，将所述接口数据返回到所述显示页面中与所述按钮组件关联的数据组件，完成页面数据的获取。

进一步地，为实现上述目的，本发明还提供一种页面数据获取设备，所述页面数据获取设备包括存储器、处理器以及存储在所述存储器上并可在所述处理器上运行的页面数据获取程序，所述页面数据获取程序被所述处理器执行时实现如上述所述的页面数据获取方法的步骤。

进一步地，为实现上述目的，本发明还提供一种可读存储介质，所述可读存储介质上存储有页面数据获取程序，所述页面数据获取程序被处理器执行时实现如上所述的页面数据获取方法的步骤。

本发明的页面数据获取方法、装置、设备及可读存储介质，与现有技术将固定数据一次性添加到构建页面显示相比，本发明对于通过预设组件构建生成的显示页面，先由预设标识建立其中按钮组件与数据组件之间的关联关系；在侦测到对显示页面中该按钮组件的触发指令时，确定与按钮组件对应的接口请求发起访问；进而获取与接口请求对应的接口数据，并根据接口请求携带的预设标识，将获取的接口数据返回到显示页面中与按钮组件关联的数据组件，以此完成对显示页面中页面数据的获取。通过将显示页面中的按钮组件配置为与接口对接，对按钮组件触发即可从接口中获取实时的接口数据返回到显示页面中显示，确保了显示页面所显示数据的实时性和准确性。同时，将按钮组件与数据组件之间通过预设标识关联，且由按钮组件发起的接口请求也携带与按钮组件一致的预设标识，使得数据组件与接口请求之间也通过预设标识建立关联；进而依据该关联将接口请求所请求的接口数据返回到显示页面对应的数据组件，避免难以从显示页面的多个数据组件中确定用于对接口数据显示的数据组件。克服了现有技术中将固定数据一次性添加到构建页面显示，所存在显示数据的非实时性和不准确性的缺陷。从所获取页面数据本身的实时准确性和数据组件显示的准确性等方面，确保了显示页面对页面数据的实时准确显示。

附图说明

图1为本发明页面数据获取设备实施例方案涉及的设备硬件运行环境的结构示意图；

图2为本发明页面数据获取方法第一实施例的流程示意图；

图3为本发明页面数据获取装置较佳实施例的功能模块示意图；

图4为本发明页面数据获取方法一具体实施例中生成结果页面并获取页面数据的示意图；

图5为本发明页面数据获取方法一具体实施例中基于结果页面获取页面数据的示意图。

本发明目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。

具体实施方式

应当理解，此处所描述的具体实施例仅用以解释本发明，并不用于限定本发明。

本发明提供一种页面数据获取设备，参照图1，图1为本发明页面数据获取设备实施例方案涉及的设备硬件运行环境的结构示意图。

如图1所示，该页面数据获取设备可以包括：处理器1001，例如CPU，通信总线1002、用户接口1003，网络接口1004，存储器1005。其中，通信总线1002用于实现这些组件之间的连接通信。用户接口1003可以包括显示屏(Display)、输入单元比如键盘(Keyboard)，可选用户接口1003还可以包括标准的有线接口、无线接口。网络接口1004可选的可以包括标准的有线接口、无线接口(如WI-FI接口)。存储器1005可以是高速RAM存储器，也可以是稳定的存储器(non-volatile memory)，例如磁盘存储器。存储器1005可选的还可以是独立于前述处理器1001的存储设备。

本领域技术人员可以理解，图1中示出的页面数据获取设备的硬件结构并不构成对页面数据获取设备的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。

如图1所示，作为一种可读存储介质的存储器1005中可以包括操作系统、网络通信模块、用户接口模块以及页面数据获取程序。其中，操作系统是管理和控制页面数据获取设备与软件资源的程序，支持网络通信模块、用户接口模块、页面数据获取程序以及其他程序或软件的运行；网络通信模块用于管理和控制网络接口1004；用户接口模块用于管理和控制用户接口1003。

在图1所示的页面数据获取设备硬件结构中，网络接口1004主要用于连接后台服务器，与后台服务器进行数据通信；用户接口1003主要用于连接客户端(用户端)，与客户端进行数据通信；处理器1001可以调用存储器1005中存储的页面数据获取程序，并执行以下操作：

当侦测到对基于预设组件构建生成的显示页面中按钮组件的触发指令时，确定与所述按钮组件对应的接口请求；

获取与所述接口请求对应的接口数据，并根据所述接口请求携带的预设标识，将所述接口数据返回到所述显示页面中与所述按钮组件关联的数据组件，完成页面数据的获取。

进一步地，所述预设标识包含多项子标识，所述接口请求包含多个接口子请求；

所述当侦测到对基于预设组件构建生成的显示页面中按钮组件的触发指令时，确定与所述按钮组件对应的接口请求的步骤包括：

当侦测到对所述显示页面中所述按钮组件的触发指令时，获取所述按钮组件中基于所述多项子标识形成的请求序列；

遍历所述请求序列，获取所述请求序列中各请求对应的请求参数，并根据各所述请求参数，将所述请求序列拆分为多个所述接口子请求。

进一步地，一个所述接口子请求携带一项所述子标识，所述请求数据包含多项接口子数据；

所述根据所述接口请求携带的预设标识，将所述接口数据返回到所述显示页面中与所述按钮组件关联的数据组件的步骤包括：

根据各所述接口子请求分别携带的所述子标识，分别为基于各所述接口子请求返回的所述接口子数据添加所述子标识，并将添加所述子标识后的各项所述接口子数据存储至预设存储单元中；

获取所述显示页面中各数据组件携带的组件标识，并根据各所述组件标识与各项所述接口子数据添加的所述子标识之间的匹配关系，确定与所述按钮组件关联的各数据组件；

根据所述匹配关系，从所述预设存储单元中读取各项所述接口子数据返回到各所述数据组件。

进一步地，所述根据所述匹配关系，从所述预设存储单元中读取各项所述接口子数据返回到各所述数据组件的步骤包括：

确定各所述数据组件的预设变量，并从所述预设存储单元中读取各项所述接口子数据；

根据所述匹配关系，将各所述数据组件的预设变量替换为读取的各项所述接口子数据，以将各项所述接口子数据返回到各所述数据组件。

进一步地，所述将各所述数据组件的预设变量替换为读取的各项所述接口子数据的步骤之后，处理器1001可以调用存储器1005中存储的页面数据获取程序，并执行以下操作：

根据各所述数据组件的渲染逻辑，对各项所述接口子数据渲染，并展示渲染后的各项所述接口子数据。

进一步地，所述当侦测到对基于预设组件构建生成的显示页面中按钮组件的触发指令时，确定与所述按钮组件对应的接口请求的步骤之前，处理器1001可以调用存储器1005中存储的页面数据获取程序，并执行以下操作：

接收按钮属性配置指令，并根据所述按钮属性配置指令，对所述按钮组件的按钮属性进行配置；

接收数据属性配置指令，并根据所述数据属性配置指令，对所述数据组件的数据属性进行配置。

进一步地，所述当侦测到对基于预设组件构建生成的显示页面中按钮组件的触发指令时，确定与所述按钮组件对应的接口请求的步骤之前，处理器1001可以调用存储器1005中存储的页面数据获取程序，并执行以下操作：

识别所述按钮组件中的预设接口序列，并根据所述预设接口序列，确定所述预设标识；

在所述显示页面显示所述数据组件的属性配置面板，并将所述预设标识添加至所述属性配置面板；

当接收到基于所述属性配置面板发送的确认指令时，建立所述显示页面中所述按钮组件与所述数据组件之间的关联关系。

本发明页面数据获取设备的具体实施方式与下述页面数据获取方法各实施例基本相同，在此不再赘述。

本发明还提供一种页面数据获取方法。

参照图2，图2为本发明页面数据获取方法第一实施例的流程示意图。

本发明实施例提供了页面数据获取方法的实施例，需要说明的是，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。具体地，本实施例中的页面数据获取方法包括：

步骤S10，当侦测到对基于预设组件构建生成的显示页面中按钮组件的触发指令时，确定与所述按钮组件对应的接口请求；

本实施例中的页面数据获取方法应用于服务器，具有页面数据获取需求的客户端通信连接至服务器，通过服务器获取页面数据返回至显示页面。其中显示页面通过预设组件构建生成，预先设定用于构建显示页面的预设组件，预设组件用于实现显示页面的各项功能，如实现按钮功能的按钮组件、实现输入框功能的输入框组件、实现数据展示功能的数据组件等。同时针对不同的预设组件设定多种不同的属性，如按钮组件的属性至少包括按钮形状、尺寸、大小等，输入框组件的属性至少包括输入数据的范围、文本框还是下拉框等，数据组件的属性至少包括折线图、柱形图等展示形状，展示时间范围等。通过从预设组件中选择所需求的组件，并配置所选择组件的属性来形成显示页面。

其中，预设组件依据所实现功能的不同而具有不同的分类，如用于实现表单的各类组件所属的分类为表单组件，用于实现表格的各类组件所属的分类为表格组件，用于实现显示页面中各项基础功能的组件所属的分类为基础组件，用于实现数据展示的各类组件所属的分类为数据组件。并且，属性依据渲染形式的不同而具有不同的分类，如针对text渲染的文本框类型，针对select渲染的下拉框类型等，以依据组件所配置属性的类型，对属性进行渲染显示。

同时，各个预设组件通过组件配置表注册、存储和扩展，各个预设组件在组件配置表中均以同样的数据结构存在，该类数据结构包含组件唯一标识、组件名字、组件类型、组件属性、组件渲染temp文件等。不同类型组件通过组件类型配置表分类管理，设置不同的数组，同一类型预设组件的标识添加到同一数组中统一管理，不同类型预设组件的标识添加到不同数组中分类管理。同样地，各个属性通过属性配置表注册、存储和扩展，各个属性在属性配置表中也以同样的数据结构存在，该类数据结果包括属性名、属性类型(渲染标签)、属性选项、联动选项等。并且，对于支持不同渲染形式的属性，通过属性类型配置表分类管理，针对支持的各个渲染形式设定属性类型字段，添加到属性类型配置表存储管理。

更进一步地，本实施例通过从预设组件中选择所需求组件，并配置所选择组件的属性，构建生成的显示页面中包含有按钮组件和数据组件。按钮组件用于实现增、删、改、查等按钮行为，通过该类按钮行为实现增加数据到数据组件显示，删除通过数据组件显示的数据，改变通过数据组件显示的数据，以及查找符合筛选条件的数据等。数据组件则用于展示通过按钮行为所获取的数据。其中，按钮组件和数据组件的属性通过配置指令进行配置；具体地，当侦测到对基于预设组件构建生成的显示页面中按钮组件的触发指令时，确定与按钮组件对应的接口请求的步骤之前，还包括：

步骤a1，接收按钮属性配置指令，并根据所述按钮属性配置指令，对所述按钮组件的按钮属性进行配置；

步骤a2，接收数据属性配置指令，并根据所述数据属性配置指令，对所述数据组件的数据属性进行配置。

进一步地，用于构建生成显示页面的客户端界面中，包含有属性配置面板，且属性配置面板依据所选择组件的不同而不同。在选择按钮组件后，显示所选择按钮组件的属性配置面板，表示该所选择按钮组件支持配置的属性。用户依据需求对属性配置面板中的属性进行配置操作，形成按钮属性配置指令。服务器在接收到该按钮属性配置指令后，读取其中所携带由用户输入的配置信息；进而依据该类配置信息对按钮组件的按钮属性进行配置，使得按钮组件具有用户所需求的属性。同样地，在选择数据组件后，显示所选择数据组件的属性配置面板，表示该所选择数据组件支持配置的属性。用户依据需求对属性配置面板中的属性进行配置操作，形成数据属性配置指令。服务器在接收到该数据属性配置指令后，读取其中所携带由用户输入的配置信息；进而依据该类配置信息对数据组件的数据属性进行配置，使得数据组件具有用户所需求的属性。

更进一步地，在经配置，构建生成包含按钮组件和数据组件的显示页面后，通过预设标识，建立显示页面中按钮组件与数据组件之间的关联关系。其中预设标识为预先设定的标识符号，优选以序列号的形式存在；将预设标识分别添加到具有关联需求的按钮组件和数据组件中，即建立数据组件和按钮组件之间的关联关系。

需要说明的是，本实施例通过按钮组件所请求获取的数据，为向第三方接口或本地接口发起接口请求，即API(Application Programming Interface，应用程序接口)请求，获取的来源于第三方数据库或本地数据库的接口数据。并且由按钮组件所发起的接口请求至少向一个API接口请求数据，如通过按钮组件向API接口W请求数据返回至数据组件M以折线图的形式显示，或者通过按钮组件向API接口W1和W2请求数据分别返回至数据组件M1和数据组件M2，以折线图和柱形图显示。为了确定按钮组件所请求的API接口，将预设标识设定为与API请求相关的标识。具体地，针对按钮组件设置预设接口序列，该预设接口序列包含按钮组件所支持请求的API接口的接口请求；对于按钮组件支持请求多个API接口的情况，预设接口序列中将多个API接口的接口请求以特殊标识符区分，如竖线“|”，对于预设接口序列buttonAPI：API1|API2|API3···，其中的API1、API2、API3即表示用于向接口1、2、3请求数据的接口请求。在建立数据组件和按钮组件之间关联关系的过程中，通过预设接口序列中的各项接口请求，确定预设标识，进而由该预设标识建立数据组件和按钮组件之间的关联关系。具体地，当侦测到对基于预设组件构建生成的显示页面中按钮组件的触发指令时，确定与按钮组件对应的接口请求的步骤包括：

步骤S11，识别所述按钮组件中的预设接口序列，并根据所述预设接口序列，确定所述预设标识；

步骤S12，在所述显示页面显示所述数据组件的属性配置面板，并将所述预设标识添加至所述属性配置面板；

步骤S13，当接收到基于所述属性配置面板发送的确认指令时，建立所述显示页面中所述按钮组件与所述数据组件之间的关联关系。

进一步地，对按钮组件中的预设接口序列进行识别，确定其中包含的接口请求数量，并根据各接口请求在预设接口序列中所排列的位置，确定接口标识。如对于排列在预设接口序列中第一位的接口请求，其接口标识为1或f1，排列在第二位的接口请求，则接口标识为2或f2，各个接口标识作为预设标识的子标识共同形成为预设标识。

更进一步地，在接收到对数据组件和按钮组件关联的关联请求后，将数据组件的属性配置面板在显示页面显示，并将预设标识添加至属性配置面板中的关联输入框显示。其中添加的预设标识与数据组件中的API标识相关，即根据当前显示的属性配置面板所来源数据组件携带的API标识，确定添加到该属性配置面板的预设标识。如API标识为API3，表示该数据组件用于显示接口3返回的数据，而预设接口序列中排列在第三位的接口请求为针对接口3发起的API请求，则预设标识中由接口标识3或f3所形成的子标识，即为添加到属性配置面板的预设标识。

进一步地，为了确保在属性配置面板中所添加预设标识的准确性，预设配置面板上设置有确认按键。用户在查看到针对属性配置面板所添加的预设标识，并确认该预设标识无误后，通过操作该确认按键来触发确认指令。服务器在接收到该基于属性配置面板上确认按键所发送的确认指令后，即通过预设标识建立数据组件与按钮组件之间的关联关系。以在由按钮组件触发的接口请求返回数据后，由关联关系确定对各项返回数据进行显示的数据组件，进而由关联的数据组件显示各项返回数据。

更进一步地，当具有获取数据进行展示的需求时，可触发显示页面上显示的按钮组件，服务器在侦测到该类对显示页面中按钮组件的触发指令时，对按钮组件对应的接口请求进行确定。读取按钮组件携带的预设接口序列，并对预设接口序列中的各个接口请求进行识别，即得到与按钮组件对应的接口请求。

步骤S20，获取与所述接口请求对应的接口数据，并根据所述接口请求携带的所述预设标识，将所述接口数据返回到所述显示页面中与所述按钮组件关联的数据组件，完成页面数据的获取。

进一步地，在确定与按钮组件对应的接口请求后，即向接口请求对应的API接口发起访问请求。接口请求中携带有请求参数，API接口响应于接口请求，返回与请求参数对应的参数。服务器将该返回的参数作为与接口请求对应的接口数据进行获取。

更进一步地，在通过预设接口序列中各项接口请求的排列位置，确定预设标识后，将所确定的预设标识添加到各接口请求发起访问。服务器在获取到与接口请求对应的接口数据后，依据接口请求所携带预设标识表征的关联关系，确定显示页面中与按钮组件关联，用以对接口数据进行显示的数据组件，进而将接口数据返回到所确定的数据组件。在将获取的各个接口数据均依据预设标识返回到各个关联的数据组件后，即完成页面数据的获取。

本发明的页面数据获取方法，与现有技术将固定数据一次性添加到构建页面显示相比，本发明对于通过预设组件构建生成的显示页面，先由预设标识建立其中按钮组件与数据组件之间的关联关系；在侦测到对显示页面中该按钮组件的触发指令时，确定与按钮组件对应的接口请求发起访问；进而获取与接口请求对应的接口数据，并根据接口请求携带的预设标识，将获取的接口数据返回到显示页面中与按钮组件关联的数据组件，以此完成对显示页面中页面数据的获取。通过将显示页面中的按钮组件配置为与接口对接，对按钮组件触发即可从接口中获取实时的接口数据返回到显示页面中显示，确保了显示页面所显示数据的实时性和准确性。同时，将按钮组件与数据组件之间通过预设标识关联，且由按钮组件发起的接口请求也携带与按钮组件一致的预设标识，使得数据组件与接口请求之间也通过预设标识建立关联；进而依据该关联将接口请求所请求的接口数据返回到显示页面对应的数据组件，避免难以从显示页面的多个数据组件中确定用于对接口数据显示的数据组件。克服了现有技术中将固定数据一次性添加到构建页面显示，所存在显示数据的非实时性和不准确性的缺陷。从所获取页面数据本身的实时准确性和数据组件显示的准确性等方面，确保了显示页面对页面数据的实时准确显示。

进一步地，基于本发明页面数据获取方法的第一实施例，提出本发明页面数据获取方法第二实施例。

所述页面数据获取方法第二实施例与所述页面数据获取方法第一实施例的区别在于，所述预设标识包含多项子标识，所述接口请求包含多个接口子请求；

所述当侦测到对基于预设组件构建生成的显示页面中按钮组件的触发指令时，确定与所述按钮组件对应的接口请求的步骤包括：

步骤S21，当侦测到对所述显示页面中所述按钮组件的触发指令时，获取所述按钮组件中基于所述多项子标识形成的请求序列；

步骤S22，遍历所述请求序列，获取所述请求序列中各请求对应的请求参数，并根据各所述请求参数，将所述请求序列拆分为多个所述接口子请求。

本实施例在将各个接口标识作为预设标识的子标识共同形成为预设标识后，依据预设标识包含的多项子标识，将由按钮组件触发的接口请求拆分为多个接口子请求，以分别对与按钮组件绑定的多个API接口发起访问，获取多个接口子数据返回到显示页面。具体地，服务器在侦测到对显示页面中按钮组件的触发指令后，对按钮组件中基于多项子标识形成的请求序列进行获取。该请求序列为将预设接口序列中的各项接口请求与各自对应的接口标识(即子标识)合并后，共同形成的请求序列。如对于上述预设接口序列buttonAPI：API1|API2|API3···，对应的接口标识分别为f1、f2和f3，则将f1添加到API1中合并，将f2添加到API2中合并，将f3添加到API3中合并，合并后的各项接口请求即形成请求序列。

可理解地，对于用于向接口发起访问的接口请求，其中携带有请求参数，以表征访问需求数据。在获取到请求序列后，对请求序列进行遍历，获取请求序列中各个请求所携带的请求参数，进而依据各个请求参数，将请求序列拆分为多个接口子请求。将各个请求参数所来源的接口请求，从请求序列中分离，形成为接口子请求，每个接口子请求携带一项添加的子标识。

进一步地，所述根据所述接口请求携带的预设标识，将所述接口数据返回到所述显示页面中与所述按钮组件关联的数据组件的步骤包括：

步骤S31，根据各所述接口子请求分别携带的所述子标识，分别为基于各所述接口子请求返回的所述接口子数据添加所述子标识，并将添加所述子标识后的各项所述接口子数据存储至预设存储单元中；

步骤S32，获取所述显示页面中各数据组件携带的组件标识，并根据各所述组件标识与各项所述接口子数据添加的所述子标识之间的匹配关系，确定与所述按钮组件关联的各数据组件；

步骤S33，根据所述匹配关系，从所述预设存储单元中读取各项所述接口子数据返回到各所述数据组件。

更进一步地，在生成多个接口子请求后，用各个接口子请求向各自对应的接口发起访问，获得各个接口对接口子请求响应，返回的接口子数据。同时依据各接口子请求携带的子标识，对各项接口子数据添加该子标识，以表征各项接口子数据所来源接口的同时，体现与各项接口子数据分别对应的数据组件。

进一步地，预先设置有用于存储各项接口子数据的预设存储单元，如resultDataSet对象，在向各项接口子数据添加子标识后，将各项接口子数据存储至预设存储单元。此后，对显示页面中各项数据组件携带的组件标识进行获取，该组件标识即为通过属性配置面板配置的预设标识。进而依据各组件标识与各接口子数据所添加子标识之间的匹配关系，确定与按钮组件关联的各数据组件；关联的数据组件即为对接口子数据显示的数据组件。进而依据匹配关系，从预设存储单元中读取各项接口子数据返回到各数据组件。若组件标识与接口子数据添加的子标识一致，则判定该组件标识与接口子数据的子标识匹配，将该接口子数据返回到具有该组件标识的数据组件，通过数据组件显示在显示页面中。具体地，根据匹配关系，从预设存储单元中读取各项接口子数据返回到各所述数据组件的步骤包括：

步骤S331，确定各所述数据组件的预设变量，并从所述预设存储单元中读取各项所述接口子数据；

步骤S332，根据所述匹配关系，将各所述数据组件的预设变量替换为读取的各项所述接口子数据，以将各项所述接口子数据返回到各所述数据组件。

更进一步地，各个数据组件设置有用于接收接口子数据的预设变量，在读取到各数据组件所携带的预设变量后，即可确定各数据组件所具有的预设变量。同时从预设存储单元中读取各项接口子数据，以用各项接口子数据分别替换各数据组件的预设变量，实现将接口子数据返回到显示页面。具体地，依据各组件标识与各子标识之间的匹配关系，确定与各项接口子数据匹配的数据组件，并用读取的各项接口子数据分别替换各自匹配的数据组件中的预设变量。以此，实现依据匹配关系，将各项接口子数据返回到各数据组件中。

可理解地，不同的数据组件对数据显示的方式不同，不同的显示方式对应不同的渲染逻辑。故各数据组件对于替换后的接口子数据，依据各自的渲染逻辑，对各自替换的接口子数据进行渲染。在渲染完成后，即将各项接口子数据显示在显示页面中，完成通过按钮组件的触发获取各项接口子数据作为页面数据，并将页面数据显示在显示页面。

本实施例的按钮组件与接口请求绑定，将由按钮组件触发的接口请求，拆分为多个接口子请求，各个接口子请求携带有子标识，而按钮组件与数据组件之间也通过子标识建立关联关系。故在由各个接口子请求发起访问获得接口子数据后，可通过接口子请求所携带的子标识，确定对应的数据组件，进而将接口子数据返回至数据组件进行渲染显示。以此，实现通过接口获得实时数据，并且各项子数据准确返回到各自对应的数据组件进行显示，确保了显示页面所显示数据的准确性。

进一步地，请参照图4和图5，图4和图5为通过按钮组件和数据组件的关联获取页面数据的一具体实施例的示意图。通过预设组件新建包含按钮组件和数据组件的页面，并在新建页面中配置按钮组件的属性和配置数据组件的属性，将属性配置后的按钮组件和数据组件，通过预设标识关联，预设标识以请求序列号reqOrder的形式存在。此后针对新建的页面及其配置进行保存操作，得到结果页面(即显示页面)运行展示。当接收到对结果页面中作为查询按钮的按钮组件所进行的点击操作时，发起包含多个请求的接口请求，通过遍历按钮组件中请求序列buttonAPI的属性，对各个请求携带的请求参数进行处理，获得单个API请求及各自携带的参数。此后，发送各个API请求获得结果数据，并将各项结果数据依据请求序列号reqOrder存储至预设存储单元resultDataSet中。在各个API请求均获取到结果数据存储至存储单元后，结束对按钮组件的遍历，并将各个结果数据依据请求序列号reqOrder，赋值到各数据组件中的预设变量originaldata中，通过预设变量originaldata的传递，将各项数据分配至数据组件，由数据组件进行渲染展示，完成显示页面对页面数据的获取和显示。

本发明还提供一种页面数据获取装置。

参照图3，图3为本发明页面数据获取装置第一实施例的功能模块示意图。

所述页面数据获取装置包括：

确定模块10，用于确定模块，用于当侦测到对基于预设组件构建生成的显示页面中按钮组件的触发指令时，确定与所述按钮组件对应的接口请求；

获取模块20，用于获取与所述接口请求对应的接口数据，并根据所述接口请求携带的所述预设标识，将所述接口数据返回到所述显示页面中与所述按钮组件关联的数据组件，完成页面数据的获取。

进一步地，所述预设标识包含多项子标识，所述接口请求包含多个接口子请求；

所述确定模块10还包括：

获取单元，用于当侦测到对所述显示页面中所述按钮组件的触发指令时，获取所述按钮组件中基于所述多项子标识形成的请求序列；

拆分单元，用于遍历所述请求序列，获取所述请求序列中各请求对应的请求参数，并根据各所述请求参数，将所述请求序列拆分为多个所述接口子请求。

进一步地，一个所述接口子请求携带一项所述子标识，所述请求数据包含多项接口子数据；

所述获取模块30还包括：

存储单元，用于根据各所述接口子请求分别携带的所述子标识，分别为基于各所述接口子请求返回的所述接口子数据添加所述子标识，并将添加所述子标识后的各项所述接口子数据存储至预设存储单元中；

确定单元，用于获取所述显示页面中各数据组件携带的组件标识，并根据各所述组件标识与各项所述接口子数据添加的所述子标识之间的匹配关系，确定与所述按钮组件关联的各数据组件；

读取单元，用于根据所述匹配关系，从所述预设存储单元中读取各项所述接口子数据返回到各所述数据组件。

进一步地，所述读取单元还用于：

确定各所述数据组件的预设变量，并从所述预设存储单元中读取各项所述接口子数据；

根据所述匹配关系，将各所述数据组件的预设变量替换为读取的各项所述接口子数据，以将各项所述接口子数据返回到各所述数据组件。

进一步地，所述获取单元还用于：

根据各所述数据组件的渲染逻辑，对各项所述接口子数据渲染，并展示渲染后的各项所述接口子数据。

进一步地，所述页面数据获取装置还包括：

接收模块，用于接收按钮属性配置指令，并根据所述按钮属性配置指令，对所述按钮组件的按钮属性进行配置；

配置模块，用于接收数据属性配置指令，并根据所述数据属性配置指令，对所述数据组件的数据属性进行配置。

进一步地，所述页面数据获取装置还包括：

识别模块，用于识别所述按钮组件中的预设接口序列，并根据所述预设接口序列，确定所述预设标识；

添加模块，用于在所述显示页面显示所述数据组件的属性配置面板，并将所述预设标识添加至所述属性配置面板；

建立模块，用于当接收到基于所述属性配置面板发送的确认指令时，建立所述显示页面中所述按钮组件与所述数据组件之间的关联关系。

本发明页面数据获取装置具体实施方式与上述页面数据获取方法各实施例基本相同，在此不再赘述。

此外，本发明实施例还提出一种可读存储介质。

可读存储介质上存储有页面数据获取程序，页面数据获取程序被处理器执行时实现如上所述的页面数据获取方法的步骤。

本发明可读存储介质可以是计算机可读存储介质，其具体实施方式与上述页面数据获取方法各实施例基本相同，在此不再赘述。

上面结合附图对本发明的实施例进行了描述，但是本发明并不局限于上述的具体实施方式，上述的具体实施方式仅仅是示意性的，而不是限制性的，本领域的普通技术人员在本发明的启示下，在不脱离本发明宗旨和权利要求所保护的范围情况下，还可做出很多形式，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，这些均属于本发明的保护之内。

Claims (10)

1.一种页面数据获取方法，其特征在于，所述页面数据获取方法包括以下步骤：

当侦测到对基于预设组件构建生成的显示页面中按钮组件的触发指令时，确定与所述按钮组件对应的接口请求；

获取与所述接口请求对应的接口数据，并根据所述接口请求携带的预设标识，将所述接口数据返回到所述显示页面中与所述按钮组件关联的数据组件，完成页面数据的获取。

2.如权利要求1所述页面数据获取方法，其特征在于，所述预设标识包含多项子标识，所述接口请求包含多个接口子请求；

所述当侦测到对基于预设组件构建生成的显示页面中按钮组件的触发指令时，确定与所述按钮组件对应的接口请求的步骤包括：

当侦测到对所述显示页面中所述按钮组件的触发指令时，获取所述按钮组件中基于所述多项子标识形成的请求序列；

遍历所述请求序列，获取所述请求序列中各请求对应的请求参数，并根据各所述请求参数，将所述请求序列拆分为多个所述接口子请求。

3.如权利要求2所述页面数据获取方法，其特征在于，一个所述接口子请求携带一项所述子标识，所述请求数据包含多项接口子数据；

所述根据所述接口请求携带的预设标识，将所述接口数据返回到所述显示页面中与所述按钮组件关联的数据组件的步骤包括：

根据各所述接口子请求分别携带的所述子标识，分别为基于各所述接口子请求返回的所述接口子数据添加所述子标识，并将添加所述子标识后的各项所述接口子数据存储至预设存储单元中；

获取所述显示页面中各数据组件携带的组件标识，并根据各所述组件标识与各项所述接口子数据添加的所述子标识之间的匹配关系，确定与所述按钮组件关联的各数据组件；

根据所述匹配关系，从所述预设存储单元中读取各项所述接口子数据返回到各所述数据组件。

4.如权利要求3所述页面数据获取方法，其特征在于，所述根据所述匹配关系，从所述预设存储单元中读取各项所述接口子数据返回到各所述数据组件的步骤包括：

确定各所述数据组件的预设变量，并从所述预设存储单元中读取各项所述接口子数据；

根据所述匹配关系，将各所述数据组件的预设变量替换为读取的各项所述接口子数据，以将各项所述接口子数据返回到各所述数据组件。

5.如权利要求4所述页面数据获取方法，其特征在于，所述将各所述数据组件的预设变量替换为读取的各项所述接口子数据的步骤之后，所述方法还包括：

根据各所述数据组件的渲染逻辑，对各项所述接口子数据渲染，并展示渲染后的各项所述接口子数据。

6.如权利要求1-5任一项所述页面数据获取方法，其特征在于，所述当侦测到对基于预设组件构建生成的显示页面中按钮组件的触发指令时，确定与所述按钮组件对应的接口请求的步骤之前，所述方法包括：

接收按钮属性配置指令，并根据所述按钮属性配置指令，对所述按钮组件的按钮属性进行配置；

接收数据属性配置指令，并根据所述数据属性配置指令，对所述数据组件的数据属性进行配置。

7.如权利要求1-5任一项所述页面数据获取方法，其特征在于，所述当侦测到对基于预设组件构建生成的显示页面中按钮组件的触发指令时，确定与所述按钮组件对应的接口请求的步骤之前，所述方法包括：

识别所述按钮组件中的预设接口序列，并根据所述预设接口序列，确定所述预设标识；

在所述显示页面显示所述数据组件的属性配置面板，并将所述预设标识添加至所述属性配置面板；

当接收到基于所述属性配置面板发送的确认指令时，建立所述显示页面中所述按钮组件与所述数据组件之间的关联关系。

8.一种页面数据获取装置，其特征在于，所述页面数据获取装置包括：

确定模块，用于当侦测到对基于预设组件构建生成的显示页面中按钮组件的触发指令时，确定与所述按钮组件对应的接口请求；

获取模块，用于获取与所述接口请求对应的接口数据，并根据所述接口请求携带的所述预设标识，将所述接口数据返回到所述显示页面中与所述按钮组件关联的数据组件，完成页面数据的获取。

9.一种页面数据获取设备，其特征在于，所述页面数据获取设备包括存储器、处理器以及存储在所述存储器上并可在所述处理器上运行的页面数据获取程序，所述页面数据获取程序被所述处理器执行时实现如权利要求1-7中任一项所述页面数据获取方法的步骤。

10.一种可读存储介质，其特征在于，所述可读存储介质上存储有页面数据获取程序，所述页面数据获取程序被处理器执行时实现如权利要求1-7中任一项所述页面数据获取方法的步骤。

Images