CN111880773A - 一种数据处理方法、装置、电子设备及存储介质 - Google Patents

Abstract

本公开关于一种数据处理方法、装置、电子设备及存储介质，用以减少与服务器侧的网络请求次数，并减少对网络资源的占用。在包含多个组件的项目运行过程中，从数据请求接口对应的存储空间中查找组件对应的方法函数的目标数据；若数据请求接口对应的存储空间中包括方法函数的目标数据，则从数据请求接口对应的存储空间获取所述方法函数的目标数据；若数据请求接口对应的存储空间中未包括方法函数的目标数据，则从方法函数对应的数据库获取目标数据，并将获取到的方法函数的目标数据存储在数据请求接口对应的存储空间中。在项目运行过程中，可以大大减少客户端向服务器请求数据的次数，减少网络资源的占用。

Description

一种数据处理方法、装置、电子设备及存储介质

技术领域

本公开涉及计算机技术领域，特别涉及一种数据处理方法、装置、电子设备及存储介质。

背景技术

随着前端功能的不断增强，提出了一种用于简化网页设计的前端框架，前端框架提供一套完整的解决方案，按照规定好的代码结构来做编排，使用前端框架可以降低界面开发周期并提高界面的美观性。

前端的项目在模块化时，项目中的每个组件均需要从服务器的数据库中获取所需数据，且每个组件通过预先定义的方法函数，从方法函数对应的位于服务器中的数据库获取数据。目前，项目中每个组件均需要独立地从方法函数对应的数据库中获取数据，并且，在组件对应的方法函数相同时，组件从同一个数据库中获取数据，且获取到的数据也是相同的。因此，在项目中多个组件对应的方法函数相同时，则该多个组件均需要向位于服务器侧的数据库请求相同的数据，增加与服务器侧的网络请求次数，并造成网络传输资源的浪费。

发明内容

本公开提供一种数据处理方法、装置、电子设备及存储介质，用以减少与服务器侧的网络请求次数，并减少对网络资源的占用。本公开的技术方案如下：

根据本公开实施例的第一方面，提供一种数据处理方法，包括：

在包含多个组件的项目运行过程中，从数据请求接口对应的存储空间中查找所述组件对应的方法函数的目标数据；

若所述数据请求接口对应的存储空间中包括所述方法函数的目标数据，则从所述数据请求接口对应的存储空间获取所述方法函数的目标数据；若所述数据请求接口对应的存储空间中未包括所述方法函数的目标数据，则从所述方法函数对应的位于服务器中的数据库获取所述目标数据，并将获取到的所述方法函数的目标数据存储在所述数据请求接口对应的存储空间中；

根据所述组件对应的数据处理方式对获取到的所述目标数据进行处理。

在一种可能的实现方式中，在所述包含多个组件的项目运行之前，该方法还包括：

确定所述项目的各个组件对应的方法函数；

从确定出的部分或全部方法函数对应的位于服务器中的数据库获取目标数据，并将获取到的目标数据存储至所述数据请求接口对应的存储空间中。

在一种可能的实现方式中，根据下列方式从所述方法函数对应的位于服务器中的数据库获取目标数据：

根据方法函数类型与接口地址之间的对应关系，确定所述方法函数对应的接口地址；

根据所述方法函数对应的接口地址，从所述接口地址对应的位于服务器中的数据库获取目标数据。

在一种可能的实现方式中，根据下列方式确定所述组件对应的方法函数：

根据预设的组件与方法函数类型之间的对应关系，确定所述组件对应的方法函数。

在一种可能的实现方式中，所述项目与数据请求接口一一对应。

在一种可能的实现方式中，该方法还包括：

若确定所述方法函数对应的位于服务器中的数据库中存储的目标数据发生变化，则获取变化后的目标数据，并根据变化后的目标数据对所述数据请求接口对应的存储空间中存储的所述方法函数对应的目标数据进行更新。

在一种可能的实现方式中，所述项目为vue项目，所述项目中包含的多个组件为vue组件。

根据本公开实施例的第二方面，提供一种数据处理的装置，包括：

查找单元，被配置为在包含多个组件的项目运行过程中，从数据请求接口对应的存储空间中查找所述组件对应的方法函数的目标数据；

获取单元，被配置为若所述数据请求接口对应的存储空间中包括所述方法函数的目标数据，则从所述数据请求接口对应的存储空间获取所述方法函数的目标数据；若所述数据请求接口对应的存储空间中未包括所述方法函数的目标数据，则从所述方法函数对应的位于服务器中的数据库获取所述目标数据，并将获取到的所述方法函数的目标数据存储在所述数据请求接口对应的存储空间中；

处理单元，被配置为根据所述组件对应的数据处理方式对获取到的所述目标数据进行处理。

在一种可能的实现方式中，所述获取单元还被配置为：

在所述包含多个组件的项目运行之前，确定所述项目的各个组件对应的方法函数；从确定出的部分或全部方法函数对应的位于服务器中的数据库获取目标数据，并将获取到的目标数据存储至所述数据请求接口对应的存储空间中。

在一种可能的实现方式中，所述获取单元具体被配置为：

根据下列方式从所述方法函数对应的位于服务器中的数据库获取目标数据：

根据方法函数类型与接口地址之间的对应关系，确定所述方法函数对应的接口地址；根据所述方法函数对应的接口地址，从所述接口地址对应的位于服务器中的数据库获取目标数据。

在一种可能的实现方式中，所述查找单元具体被配置为：

根据下列方式确定所述组件对应的方法函数：

根据预设的组件与方法函数类型之间的对应关系，确定所述组件对应的方法函数。

在一种可能的实现方式中，所述项目与request API接口一一对应。

在一种可能的实现方式中，所述获取单元还被配置为：

若确定所述方法函数对应的位于服务器中的数据库中存储的目标数据发生变化，则获取变化后的目标数据，并根据变化后的目标数据对所述数据请求接口对应的存储空间中存储的所述方法函数对应的目标数据进行更新。

在一种可能的实现方式中，所述项目为vue项目，所述项目中包含的多个组件为vue组件。

根据本公开实施例的第三方面，提供一种电子设备，包括：存储器，用于存储可执行指令；

处理器，用于读取并执行所述存储器中存储的可执行指令，以实现如本公开实施例第一方面中任一项所述的数据处理方法。

根据本公开实施例的第四方面，提供一种非易失性存储介质，当所述存储介质中的指令由多媒体资源推荐装置的处理器执行时，使得多媒体资源推荐装置能够执行本公开实施例第一方面中所述的数据处理方法。

本公开的实施例提供的技术方案至少带来以下有益效果：

由于本公开实施例在客户端定义数据请求接口，数据请求接口对应的存储空间中可以存储各方法函数的目标数据；在组件通过方法函数获取数据时，先判断本地数据请求接口对应的存储空间是否有该方法函数的目标数据，若有，则直接从数据请求接口对应的存储空间直接获取该方法函数的目标数据，若数据请求接口对应的存储空间中没有该方法函数的目标数据，则从该方法函数对应的位于服务器侧的数据库中获取该方法函数的目标数据，并将获取到的目标数据存储至数据请求接口对应的存储空间中，这样，在下一个组件需要通过该方法函数获取目标数据时，可以直接从数据请求接口对应的存储空间中直接获取，不再需要向服务器请求数据，从而在项目运行过程中，可以大大减少客户端向服务器请求数据的次数，减少网络资源的占用。

附图说明

图1是根据一示例性实施例示出的第一种vue框架示意图；

图2是根据一示例性实施例示出的一种vue组件从服务器获取数据的示意图；

图3是根据一示例性实施例示出的另一种vue组件从服务器获取数据的示意图；

图4是根据一示例性实施例示出的数据处理方法的应用场景示意图；

图5是根据一示例性实施例示出的数据处理系统的结构示意图；

图6是根据一示例性实施例示出的一种数据处理方法流程图；

图7是根据一示例性实施例示出的一种vue组件从request API接口获取数据的示意图；

图8是根据一示例性实施例示出的另一种vue组件从request API接口获取数据的示意图；

图9是根据一示例性实施例示出的数据处理装置框图；

图10是根据一示例性实施例示出的一种电子设备的框图。

具体实施方式

为了使本领域普通人员更好地理解本公开的技术方案，下面将结合附图，对本公开实施例中的技术方案进行清楚、完整地描述。

需要说明的是，本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。

以下，对本公开实施例中的部分用语进行解释说明，以便于本领域技术人员理解。

(1)本公开实施例中术语“和/或”，描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。字符“/”一般表示前后关联对象是一种“或”的关系。

(2)本公开实施例中术语“电子设备”可以是移动电话，计算机，数字广播终端，消息收发设备，游戏控制台，平板设备，医疗设备，健身设备，个人数字助理等。

(3)本公开实施例中术语“vue”可以是一套用于构建用户界面的渐进式JavaScript框架，vue被设计为可以自底向上逐层应用。vue的核心库只关注视图层，方便与第三方数据库或既有项目整合。

(4)本公开实施例中术语“vue组件”为可复用的vue实例，vue组件可以扩展HTML元素，封装可重用的HTML代码，可以将组件视为自定义的HTML元素；vue组件的可重用性高，通过vue组件可以减少重复性开发，使用独立可复用的vue组件可以构建大型应用。

(5)本公开实施例中术语“客户端”，或称为用户端，是指与服务器相对应的，为用户提供本地服务的程序。除了一些只在本地运行的应用程序之外，一般安装在普通的客户机上，需要与服务端互相配合运行。

为了使本公开的目的、技术方案和优点更加清楚，下面将结合附图对本公开作进一步地详细描述，显然，所描述的实施例仅仅是本公开一部分实施例，而不是全部的实施例。基于本公开中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例，都属于本公开保护的范围。

随着互联网技术的快速发展，开发人员使用的前端框架也在不断的迭代和变化，例如以前常用的前端框架包括JQuery、Bootstrap框架，现在形成React、Vue、Angular三大主流框架。每种框架下，项目中包含的各个组件均需要从服务器的数据库中获取所需数据。

例如，如图1所示的vue框架，包括vue根组件、组件1、组件2、组件3、组件4、组件5；其中，在vue项目运行过程中，各个vue组件需要从位于服务器侧的数据库中获取数据。

一种可选的实施方式为，各个vue组件通过预先定义的方法函数独立地从服务器的数据库中获取数据；假设，vue组件1对应的方法函数为getdata1，vue组件2对应的方法函数为getdata1，vue组件3对应的方法函数为getdata2，vue组件4对应的方法函数为getdata2，vue组件5对应的方法函数为getdata3；如图2所示，vue组件1通过getdata1从位于服务器侧的数据库A中获取数据，vue组件2通过getdata1从位于服务器侧的数据库A中获取数据，vue组件3通过getdata2从位于服务器侧的数据库B中获取数据，vue组件4通过getdata2从位于服务器侧的数据库B中获取数据，vue组件5通过getdata3从位于服务器侧的数据库C中获取数据。

由于上述如图2所示的vue框架中各组件获取数据的方式中，在组件对应的方法函数相同时，说明组件需要获取的数据相同，则需要从同一个数据库中获取相同的数据，因此，vue项目执行过程中，多个组件会重复向服务器侧的数据库多次请求数据，如组件1和组件2均需要向数据库A请求相同数据，组件3和组件4均需要向数据库B请求相同数据，从而上述各组件获取数据的方式会增加与服务器侧的网络请求次数，造成网络传输资源的浪费。

另一种可选的实施方式为，vue框架中的根组件从位于服务器侧的数据库中一次获取全部组件所需的数据，并在vue项目运行过程中，将获取到的数据依次传递给下层的组件；假设，组件1对应的方法函数为getdata1，组件2对应的方法函数为getdata2，组件3对应的方法函数为getdata3，组件4对应的方法函数为getdata1，组件5对应的方法函数为getdata3；如图3所示，根组件通过getdata1从数据库A中获取数据、通过getdata2从数据库B中获取数据、以及通过getdata3从数据库C中获取数据，根组件将获取到的全部数据依次传递给各个组件，这样，在每层组件进行传递时，均需要定义该传递值，例如，通过getdata3从数据库C中获取到的数据需要在组件4和组件5中使用，而在组件1、组件2和组件3中均需要携带该数据的传递值，这样容易导致数据传递混乱，且组件1、组件2和组件3携带不需要使用的数据，也会造成传输资源的浪费。

基于上述问题，本公开实施例提供一种数据处理方法，可以应用于如图4所示的应用场景，该应用场景中可以包括至少一个终端设备10和至少一个服务器20。其中，终端设备10可以是可用来进行网络访问的任何合适的电子设备，包括但不限于计算机、笔记本电脑、智能电话、平板电脑或是其它类型的终端。服务器20则是能够通过网络访问的提供交互服务所需信息的任何服务器。终端设备10可以经由网络30实现与服务器20的信息收发。服务器20可以通过访问数据库40来获取终端设备10所需的内容，例如模型参数、广告内容、索引文件等。终端设备之间(例如，10_1与10_2或10_N之间)也可以经由网络30彼此通信。网络30可以是广义上的用于信息传递的网络，可以包括一个或多个通信网络，诸如无线通信网络、因特网、私域网、局域网、城域网、广域网或是蜂窝数据网络等。

图4中仅就单个服务器或终端设备为例，但是本领域技术人员应当理解的是，示出的终端设备10、单个服务器20、和数据库40旨在表示本申请的技术方案涉及终端设备、服务器及数据库的操作。对单个终端设备以及单个服务器和数据库为例为了说明方便，而非暗示对终端设备和服务器的类型或是位置等具有限制。应当注意，如果向图示环境中添加附加模块或从其中去除个别模块，不会改变本公开的示例实施例的底层概念。另外，虽然为了方便说明而在图中示出了从数据库40到服务器20的双向箭头，但本领域技术人员可以理解的是，上述数据的收发也是可以通过网络30实现的。

下面以单个终端设备、单个服务器为例，如图5所示，本公开实施例数据处理系统包括终端设备51、服务器52、多个数据库53以及用户54；

安装于终端设备51的客户端启动后，根据用户54在客户端上的操作确定需要展示页面时，项目运行过程中，针对项目中的每个组件，客户端从本地的数据请求接口对应的存储空间中查找该组件对应的方法函数的目标数据；若数据请求接口对应的存储空间中包括方法函数的目标数据，则从数据请求接口对应的存储空间获取方法函数的目标数据；若数据请求接口对应的存储空间中未包括方法函数的目标数据，则从方法函数对应的数据库53中获取目标数据，并将获取到的方法函数的目标数据存储在本地的数据请求接口对应的存储空间中；客户端根据组件对应的数据处理方式对获取到的目标数据进行处理。

由于本公开实施例在客户端定义数据请求接口，数据请求接口对应的存储空间中可以存储各方法函数的目标数据；在组件通过方法函数获取数据时，先判断本地数据请求接口对应的存储空间是否有该方法函数的目标数据，若有，则直接从数据请求接口对应的存储空间直接获取该方法函数的目标数据，若数据请求接口对应的存储空间中没有该方法函数的目标数据，则从该方法函数对应的位于服务器侧的数据库中获取该方法函数的目标数据，并将获取到的目标数据存储至数据请求接口对应的存储空间中，这样，在下一个组件需要通过该方法函数获取目标数据时，可以直接从数据请求接口对应的存储空间中直接获取，不再需要向服务器请求数据，从而在项目运行过程中，可以大大减少客户端向服务器请求数据的次数，减少网络资源的占用。

需要说明的是，本公开实施例提供的数据处理方法可以应用于前端框架的多种类型的项目中，包括但不限于vue项目、React项目、Angular项目。

下面对本公开实施例提供的一种数据处理方法进行说明。

如图6所示，为本公开实施例一种多媒体资源的推荐方法流程图，包括以下步骤：

在步骤S601中、在包含多个组件的项目运行过程中，从数据请求接口对应的存储空间中查找组件对应的方法函数的目标数据；

在步骤S602中、若数据请求接口对应的存储空间中包括方法函数的目标数据，则从数据请求接口对应的存储空间获取方法函数的目标数据；若数据请求接口对应的存储空间中未包括方法函数的目标数据，则从方法函数对应的位于服务器中的数据库获取目标数据，并将获取到的方法函数的目标数据存储在数据请求接口对应的存储空间中；

在步骤S603中、根据组件对应的数据处理方式对获取到的目标数据进行处理。

其中，本公开实施例中的数据请求接口是为项目预先定义的request API接口；

实施中，在项目中新建一个api.js文件，新建的api.js文件用于存储接口代码以及存储从服务器的数据库中获取到数据，通过es6的class写法将新建的api.js文件定义为一个类，为request API接口；

具体的，可以通过vue.prototype.$requestApi＝new requestApi()生成实体类。

在定义request API接口之后，需要将定义的request API接口在main.js中进行注册；

实施中，可以使用项目自身对应的插件的方式对request API接口进行注册。

例如，在vue项目运行过程中，使用vue.use(requestApi)在main.js中进行注册；需要说明的是，由于vue插件只在new vue时单独调用一次，因此可以保证单例模式，也即一个vue框架对应有一个request API接口，不会出现组件请求数据中，无法确定数据存储位置的问题。

本公开实施例的数据请求接口对应的存储空间可以为api.js文件下的存储区域。

本公开实施例的request API接口中定义有方法函数和数据库接口地址的对应关系；

实施中，遍历项目中各个组件对应的方法函数，以及根据预设的方法函数对应的数据库接口地址，在request API接口中定义方法函数和数据库接口地址之间的对应关系。

需要说明的是，组件对应的方法函数是根据预设的组件与方法函数类型之间的对应关系确定的。

本公开实施例可以在项目运行过程中从位于服务器的数据库中获取组件对应的方法函数的目标数据，也可以在项目运行之前，从位于服务器的数据库中获取组件对应的方法函数的目标数据；

下面针对不同的获取目标数据的方式分别进行说明：

方式1、在项目运行过程中从位于服务器的数据库中获取组件对应的方法函数的目标数据。

在项目运行过程中，项目中的各个组件按照层级的从上到下的顺序依次运行；针对任意一个组件，在组件运行时，首先判断本地的request API接口对应的存储空间中是否存在该组件对应的方法函数的目标数据，若是，则组件直接获取本地的request API接口对应的存储空间中存储的数据；若没有，则组件通过对应的方法函数，从方法函数对应的位于服务器侧的数据库中获取方法函数的目标数据，并将获取到的目标数据存储在本地的request API接口对应的存储空间中。

需要说明的是，针对项目中第一层组件，由于没有上层组件，则该第一层的组件需要通过自身对应的方法函数，从方法函数对应的数据库中获取目标数据，并将获取到的目标数据存储在request API接口对应的存储空间中；

针对项目中除第一层之外的其它层的组件，在需要获取目标数据时，可以先判断本地的request API接口对应的存储空间中是否有自身对应的方法函数的目标数据。

例如，以vue项目为例，如图7所示的vue框架，vue根组件下包括vue组件1、vue组件2、vue组件3、vue组件4、vue组件5、vue组件6、vue组件7；假设vue组件1对应的方法函数为getdata1、vue组件2对应的方法函数为getdata2、vue组件3对应的方法函数为getdata3、vue组件4对应的方法函数为getdata2、vue组件5对应的方法函数为getdata4、vue组件6对应的方法函数为getdata1、vue组件7对应的方法函数为getdata4。

vue组件1在运行时，通过getdata1从request API接口对应的存储空间中获取目标数据，确定request API接口对应的存储空间中不包括getdata1对应的目标数据，则根据方法函数与接口地址之间的对应关系，确定getdata1对应的接口地址，则从该接口地址对应的位于服务器中的数据库A获取目标数据a，将获取到的目标数据a返回给vue组件1，vue组件1根据vue组件1对应的数据处理方式对获取到的目标数据a进行处理，并将从数据库A中获取到的目标数据a与getdata1绑定后存储在request API接口对应的存储空间中；

vue组件2在运行时，通过getdata2从request API接口对应的存储空间中获取目标数据，确定request API接口对应的存储空间中不包括getdata2对应的目标数据，则根据方法函数与接口地址之间的对应关系，确定getdata2对应的接口地址，则从该接口地址对应的位于服务器中的数据库B获取目标数据b，将获取到的目标数据b返回给vue组件2，vue组件2根据vue组件2对应的数据处理方式对获取到的目标数据b进行处理，并将从数据库B中获取到的目标数据b与getdata2绑定后存储在request API接口对应的存储空间中；

vue组件3在运行时，通过getdata3从request API接口对应的存储空间中获取目标数据，确定request API接口对应的存储空间中不包括getdata3对应的目标数据，则根据方法函数与接口地址之间的对应关系，确定getdata3对应的接口地址，则从该接口地址对应的位于服务器中的数据库C获取目标数据c，将获取到的目标数据c返回给vue组件3，vue组件3根据vue组件3对应的数据处理方式对获取到的目标数据c进行处理，并将从数据库C中获取到的目标数据c与getdata3绑定后存储在request API接口对应的存储空间中；

vue组件4在运行时，通过getdata2从request API接口对应的存储空间中获取目标数据，确定request API接口对应的存储空间中包括getdata2对应的目标数据b，则获取getdata2对应的目标数据b返回给vue组件4，vue组件4根据vue组件4对应的数据处理方式对获取到的目标数据b进行处理；

vue组件5在运行时，通过getdata4从request API接口对应的存储空间中获取目标数据，确定request API接口对应的存储空间中不包括getdata4对应的目标数据，则根据方法函数与接口地址之间的对应关系，确定getdata4对应的接口地址，则从该接口地址对应的位于服务器中的数据库D获取目标数据d，将获取到的目标数据d返回给vue组件5，vue组件5根据vue组件5对应的数据处理方式对获取到的目标数据d进行处理，并将从数据库D中获取到的目标数据d与getdata4绑定后存储在request API接口对应的存储空间中；

vue组件6在运行时，通过getdata1从request API接口对应的存储空间中获取目标数据，确定request API接口对应的存储空间中包括getdata1对应的目标数据a，则获取getdata1对应的目标数据a返回给vue组件6，vue组件6根据vue组件6对应的数据处理方式对获取到的目标数据a进行处理；

vue组件7在运行时，通过getdata4从request API接口对应的存储空间中获取目标数据，确定request API接口对应的存储空间中包括getdata4对应的目标数据d，则获取getdata4对应的目标数据d返回给vue组件7，vue组件7根据vue组件7对应的数据处理方式对获取到的目标数据d进行处理。

方式2、在项目运行之前，从位于服务器的数据库中获取组件对应的方法函数的目标数据。

在项目运行之前，遍历项目所有组件对应的方法函数，并从部分或全部方法函数对应的位于服务器中的数据库获取目标数据，将获取到的目标数据存储在request API接口对应的存储空间中；

一种可选的实施方式为，在项目运行之前，遍历项目所有组件对应的方法函数，从确定出的全部方法函数对应的数据库中获取目标数据，将获取到的目标数据存储在request API接口对应的存储空间中；这样，在项目运行过程中，各个组件只需要从requestAPI接口对应的存储空间中获取目标数据，不再需要从服务器的数据库中请求数据。

例如，以vue项目为例，如图8所示的vue项目，包括vue组件1、vue组件2、vue组件3、vue组件4、vue组件5；假设vue组件1对应的方法函数为getdata1、vue组件2对应的方法函数为getdata2、vue组件3对应的方法函数为getdata2、vue组件4对应的方法函数为getdata3、vue组件5对应的方法函数为getdata1；则遍历到的全部方法函数有getdata1、getdata2、和getdata3，则从getdata1对应的数据库A中获取目标数据a，从getdata2对应的数据库B中获取目标数据b，从getdata3对应的数据库C中获取目标数据c，将目标数据a、目标数据b和目标数据c均存储在request API接口对应的存储空间中；

在vue项目运行过程中，vue组件1在运行时，通过getdata1从request API接口对应的存储空间中获取目标数据，确定request API接口对应的存储空间中包括getdata1对应的目标数据a，则获取getdata1对应的目标数据a返回给vue组件1，vue组件1根据vue组件1对应的数据处理方式对获取到的目标数据a进行处理；

vue组件2在运行时，通过getdata2从request API接口对应的存储空间中获取目标数据，确定request API接口对应的存储空间中包括getdata2对应的目标数据b，则获取getdata2对应的目标数据b返回给vue组件2，vue组件2根据vue组件2对应的数据处理方式对获取到的目标数据b进行处理；

vue组件3在运行时，通过getdata2从request API接口对应的存储空间中获取目标数据，确定request API接口对应的存储空间中包括getdata2对应的目标数据b，则获取getdata2对应的目标数据b返回给vue组件3，vue组件3根据vue组件3对应的数据处理方式对获取到的目标数据b进行处理；

vue组件4在运行时，通过getdata3从request API接口对应的存储空间中获取目标数据，确定request API接口对应的存储空间中包括getdata3对应的目标数据c，则获取getdata3对应的目标数据c返回给vue组件4，vue组件4根据vue组件4对应的数据处理方式对获取到的目标数据c进行处理；

vue组件5在运行时，通过getdata1从request API接口对应的存储空间中获取目标数据，确定request API接口对应的存储空间中包括getdata1对应的目标数据a，则获取getdata1对应的目标数据a返回给vue组件5，vue组件5根据vue组件5对应的数据处理方式对获取到的目标数据a进行处理。

另一种可选的实施方式为，在项目运行之前，遍历项目所有组件对应的方法函数，从确定出的部分方法函数对应的数据库中获取目标数据，将获取到的目标数据存储在request API接口对应的存储空间中；这样，在项目运行过程中，组件在运行时，从requestAPI接口对应的存储空间中获取目标数据，若request API接口对应的存储空间中已存储有组件对应的方法函数的目标数据，则直接从request API接口对应的存储空间中获取目标数据，若request API接口对应的存储空间中没有组件对应的方法函数的目标数据，则从方法函数对应的数据库中获取目标数据，并将获取到的目标数据返回给组件，并将获取到的目标数据存储在request API接口对应的存储空间中。

例如，以vue项目为例，vue项目包括vue组件1、vue组件2、vue组件3、vue组件4、vue组件5；假设vue组件1对应的方法函数为getdata1、vue组件2对应的方法函数为getdata2、vue组件3对应的方法函数为getdata2、vue组件4对应的方法函数为getdata3、vue组件5对应的方法函数为getdata1；则遍历到的全部方法函数有getdata1、getdata2、和getdata3，则从getdata1对应的数据库A中获取目标数据a，从getdata2对应的数据库B中获取目标数据b，将目标数据a和目标数据b存储在request API接口对应的存储空间中；

在vue项目运行过程中，vue组件1在运行时，通过getdata1从request API接口对应的存储空间中获取目标数据，确定request API接口对应的存储空间中包括getdata1对应的目标数据a，则获取getdata1对应的目标数据a返回给vue组件1，vue组件1根据vue组件1对应的数据处理方式对获取到的目标数据a进行处理；

vue组件2在运行时，通过getdata2从request API接口对应的存储空间中获取目标数据，确定request API接口对应的存储空间中包括getdata2对应的目标数据b，则获取getdata2对应的目标数据b返回给vue组件2，vue组件2根据vue组件2对应的数据处理方式对获取到的目标数据b进行处理；

vue组件3在运行时，通过getdata2从request API接口对应的存储空间中获取目标数据，确定request API接口对应的存储空间中包括getdata2对应的目标数据b，则获取getdata2对应的目标数据b返回给vue组件3，vue组件3根据vue组件3对应的数据处理方式对获取到的目标数据b进行处理；

vue组件4在运行时，通过getdata3从request API接口对应的存储空间中获取目标数据，确定request API接口对应的存储空间中不包括getdata3对应的目标数据c，则根据方法函数与接口地址之间的对应关系，确定getdata3对应的接口地址，则从该接口地址对应的位于服务器中的数据库获取目标数据c，将获取到的目标数据c返回给vue组件5，vue组件5根据vue组件5对应的数据处理方式对获取到的目标数据c进行处理，并将从数据库中获取到的目标数据c与getdata3绑定后存储在request API接口对应的存储空间中；

vue组件5在运行时，通过getdata1从request API接口对应的存储空间中获取目标数据，确定request API接口对应的存储空间中包括getdata1对应的目标数据a，则获取getdata1对应的目标数据a返回给vue组件5，vue组件5根据vue组件5对应的数据处理方式对获取到的目标数据a进行处理。

另外，本公开实施例在确定方法函数对应的位于服务器中的数据库中存储的目标数据发生变化后，获取变化后的目标数据，并根据变化后的目标数据对所述数据请求接口对应的存储空间中存储的方法函数对应的目标数据进行更新。

例如，request API接口对应的存储空间中存储有getdata1对应的目标数据a、getdata2对应的目标数据b和getdata3对应的目标数据c；若确定getdata1对应的位于服务器中的数据库A中的目标数据变化为目标数据d，则获取数据库A中的目标数据d，将requestAPI接口对应的存储空间中存储的getdata1对应的目标数据由目标数据a更新为目标数据d。

图9是根据一示例性实施例示出的一种数据处理的装置框图。参照图9，该装置包括查找单元901、获取单元902和处理单元903；

查找单元901，被配置为在包含多个组件的项目运行过程中，从数据请求接口对应的存储空间中查找所述组件对应的方法函数的目标数据；

获取单元902，被配置为若所述数据请求接口对应的存储空间中包括所述方法函数的目标数据，则从所述数据请求接口对应的存储空间获取所述方法函数的目标数据；若所述数据请求接口对应的存储空间中未包括所述方法函数的目标数据，则从所述方法函数对应的位于服务器中的数据库获取所述目标数据，并将获取到的所述方法函数的目标数据存储在所述数据请求接口对应的存储空间中；

处理单元903，被配置为根据所述组件对应的数据处理方式对获取到的所述目标数据进行处理。

在一种可能的实现方式中，所述获取单元902还被配置为：

在所述包含多个组件的项目运行之前，确定所述项目的各个组件对应的方法函数；从确定出的部分或全部方法函数对应的位于服务器中的数据库获取目标数据，并将获取到的目标数据存储至所述数据请求接口对应的存储空间中。

在一种可能的实现方式中，所述获取单元902具体被配置为：

根据下列方式从所述方法函数对应的位于服务器中的数据库获取目标数据：

根据方法函数类型与接口地址之间的对应关系，确定所述方法函数对应的接口地址；根据所述方法函数对应的接口地址，从所述接口地址对应的位于服务器中的数据库获取目标数据。

在一种可能的实现方式中，所述查找单元901具体被配置为：

根据下列方式确定所述组件对应的方法函数：

根据预设的组件与方法函数类型之间的对应关系，确定所述组件对应的方法函数。

在一种可能的实现方式中，所述项目与数据请求接口一一对应。

在一种可能的实现方式中，所述获取单元902还被配置为：

若确定所述方法函数对应的位于服务器中的数据库中存储的目标数据发生变化，则获取变化后的目标数据，并根据变化后的目标数据对所述数据请求接口对应的存储空间中存储的所述方法函数对应的目标数据进行更新。

在一种可能的实现方式中，所述项目为vue项目，所述项目中包含的多个组件为vue组件。

图10是根据一示例性实施例示出的一种电子设备1000的框图，该电子设备包括：

处理器1010；

用于存储所述处理器1010可执行指令的存储器1020；

其中，所述处理器1010被配置为执行所述指令，以实现本公开实施例中的数据处理方法。

在示例性实施例中，还提供了一种包括指令的非易失性存储介质，例如包括指令的存储器1020，上述指令可由电子设备1000的处理器1010执行以完成上述方法。可选地，存储介质可以是非临时性计算机可读存储介质，例如，所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

本公开实施例还提供一种计算机程序产品，当所述计算机程序产品在电子设备上运行时，使得所述电子设备执行实现本公开实施例上述任意一项数据处理方法或任意一项数据处理方法任一可能涉及的方法。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本公开旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。

应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

Claims (10)

1.一种数据处理方法，其特征在于，包括：

在包含多个组件的项目运行过程中，从数据请求接口对应的存储空间中查找所述组件对应的方法函数的目标数据；

若所述数据请求接口对应的存储空间中包括所述方法函数的目标数据，则从所述数据请求接口对应的存储空间获取所述方法函数的目标数据；若所述数据请求接口对应的存储空间中未包括所述方法函数的目标数据，则从所述方法函数对应的位于服务器中的数据库获取所述目标数据，并将获取到的所述方法函数的目标数据存储在所述数据请求接口对应的存储空间中；

根据所述组件对应的数据处理方式对获取到的所述目标数据进行处理。

2.如权利要求1所述的方法，其特征在于，在所述包含多个组件的项目运行之前，该方法还包括：

确定所述项目的各个组件对应的方法函数；

从确定出的部分或全部方法函数对应的位于服务器中的数据库获取目标数据，并将获取到的目标数据存储至所述数据请求接口对应的存储空间中。

3.如权利要求1或2所述的方法，其特征在于，根据下列方式从所述方法函数对应的位于服务器中的数据库获取目标数据：

根据方法函数类型与接口地址之间的对应关系，确定所述方法函数对应的接口地址；

根据所述方法函数对应的接口地址，从所述接口地址对应的位于服务器中的数据库获取目标数据。

4.如权利要求1所述的方法，其特征在于，根据下列方式确定所述组件对应的方法函数：

根据预设的组件与方法函数类型之间的对应关系，确定所述组件对应的方法函数。

5.如权利要求1、2、4任一项所述的方法，其特征在于，所述项目与数据请求接口一一对应。

6.如权利要求1、2、4任一项所述的方法，其特征在于，该方法还包括：

若确定所述方法函数对应的位于服务器中的数据库中存储的目标数据发生变化，则获取变化后的目标数据，并根据变化后的目标数据对所述数据请求接口对应的存储空间中存储的所述方法函数对应的目标数据进行更新。

7.如权利要求1、2、4任一项所述的方法，其特征在于，所述项目为vue项目，所述项目中包含的多个组件为vue组件。

8.一种数据处理装置，其特征在于，该装置包括：

查找单元，被配置为在包含多个组件的项目运行过程中，从数据请求接口对应的存储空间中查找所述组件对应的方法函数的目标数据；

获取单元，被配置为若所述数据请求接口对应的存储空间中包括所述方法函数的目标数据，则从所述数据请求接口对应的存储空间获取所述方法函数的目标数据；若所述数据请求接口对应的存储空间中未包括所述方法函数的目标数据，则从所述方法函数对应的位于服务器中的数据库获取所述目标数据，并将获取到的所述方法函数的目标数据存储在所述数据请求接口对应的存储空间中；

处理单元，被配置为根据所述组件对应的数据处理方式对获取到的所述目标数据进行处理。

9.一种电子设备，其特征在于，包括：

处理器；

用于存储所述处理器可执行指令的存储器；

其中，所述处理器被配置为执行所述指令，以实现根据权利要求1至权利要求7中任一项所述的数据处理方法。

10.一种存储介质，其特征在于，当所述存储介质中的指令由电子设备的处理器执行时，使得所述电子设备能够执行根据权利要求1至权利要求7中任一项所述的数据处理方法。

Images