CN112818267A - 数据处理方法、装置、计算机可读存储介质及电子设备 - Google Patents

Abstract

本公开提供一种数据处理方法、数据处理装置、计算机可读存储介质及电子设备；涉及前端网页技术领域。该数据处理方法包括：获取外部组件传递的待处理数据；对所述待处理数据进行属性类型匹配，以获取所述待处理数据中与目标属性匹配的目标数据；根据所述目标属性对应的数据类型，对所述目标数据进行处理，以将所述目标数据传递至网页进行显示。本公开中的数据处理方法能够在一定程度上克服不同前端开发框架中组件不能通用的问题，进而提升数据处理的效率。

Description

数据处理方法、装置、计算机可读存储介质及电子设备

技术领域

本公开涉及前端网页技术领域，具体而言，涉及一种数据处理方法、 数据处理装置、计算机可读存储介质及电子设备。

背景技术

网络资源通过HTML格式进行组织，从而将零散的资源组织在一起 显示给用户，即为用户浏览的网页。网页的设计人员需要使用前端开发 框架来设计网页。

目前，前端开发框架较多，最流行的有React、Vue。如果使用不同 的开发框架，则需要开发不同的前端组件库，每一开发框架使用的组件 库是独立的，组件不能复用，数据不能在不同的组件库之间传递，造成 了大量重复的工作。

需要说明的是，在上述背景技术部分公开的信息仅用于加强对本公 开的背景的理解，因此可以包括不构成对本领域普通技术人员已知的现 有技术的信息。

发明内容

本公开的目的在于提供一种数据处理方法、数据处理装置、计算机 可读存储介质及电子设备，进而在一定程度上克服数据在组件库之间传 递受限的问题，进而提升数据处理效率。

本公开的其他特性和优点将通过下面的详细描述变得显然，或部分 地通过本公开的实践而习得。

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

获取外部组件传递的待处理数据；

对所述待处理数据进行属性类型匹配，以获取所述待处理数据中与目 标属性匹配的目标数据；

根据所述目标属性对应的数据类型，对所述目标数据进行处理，以将 所述目标数据传递至网页进行显示。

在本公开的一种示例性实施例中，所述所述对所述待处理数据进行属 性类型匹配，以获取所述待处理数据中与目标属性匹配的目标数据，包括：

获取所述外部组件传递的待处理数据中的属性名称；

根据所述属性名称对所述待处理数据进行属性类型匹配，以获取所述 待处理数据中与目标属性匹配的目标数据。

在本公开的一种示例性实施例中，所述根据所述属性名称对所述待处 理数据进行属性类型匹配，以获取所述待处理数据中与目标属性匹配的目 标数据，包括：

通过所述属性名称与预设属性类型的字符串进行匹配，确定与目标属 性匹配的目标数据。

在本公开的一种示例性实施例中，所述根据所述目标属性对应的数据 类型，对所述目标数据进行处理，包括：

通过目标组件将所述目标数据按照所述目标属性对应的数据类型进行 接收，以对所述目标数据进行处理。

在本公开的一种示例性实施例中，通过目标组件将所述目标数据按照 所述目标属性对应的数据类型进行接收之前，还包括：

确定多个目标数据类型；

确定所述多个目标数据类型分别对应的属性类型，以将所述目标数据 类型与属性类型进行一一映射；

按照所述映射关系构建网页组件，以获取目标组件。

在本公开的一种示例性实施例中，所述确定多个目标数据类型包括：

获取包含外部框架数据类型的第一集合，以及包含网页端数据类型的 第二集合；

提取所述第一集合与所述第二集合中不一致的数据类型为所述目标数 据类型。

在本公开的一种示例性实施例中，所述根据所述目标属性对应的数据 类型，对所述目标数据进行处理，包括：

如果所述目标属性对应的数据类型为数组，则将所述目标数据转化为 数据元素进行保存。

根据本公开的第二方面，提供一种数据处理装置，包括外部数据获 取模块、类型匹配模块以及数据处理模块，其中：

外部数据获取模块，用于获取外部组件传递的待处理数据；

类型匹配模块，用于对所述待处理数据进行属性类型匹配，以获取所 述待处理数据中与目标属性匹配的目标数据；

数据处理模块，用于根据所述目标属性对应的数据类型，对所述目标 数据进行处理，以将所述目标数据传递至页面进行显示。

在本公开的一种示例性实施例中，所述类型匹配模块包括：

属性名称获取模块，用于获取所述外部组件传递的待处理数据中的属 性名称；

属性名称匹配模块，用于根据所述属性名称对所述待处理数据进行属 性类型匹配，以获取所述待处理数据中与目标属性匹配的目标数据。

在本公开的一种示例性实施例中，所述属性名称匹配模块具体用于： 通过所述属性名称与预设属性类型的字符串进行匹配，确定与目标属性匹 配的目标数据。

在本公开的一种示例性实施例中，数据处理模块具体用于：通过目标 组件将所述目标数据按照所述目标属性对应的数据类型进行接收，以对所 述目标数据进行处理。

在本公开的一种示例性实施例中，所述数据处理装置还包括：

数据类型确定模块，用于确定多个目标数据类型；

关系映射模块，用于确定所述多个目标数据类型分别对应的属性类型， 以将所述目标数据类型与属性类型进行一一映射；

组件确定模块，用于按照所述映射关系构建网页组件，以获取目标组 件。

在本公开的一种示例性实施例中，所述数据类型确定模块包括：

类型获取模块，用于获取包含外部框架数据类型的第一集合，以及包 含网页端数据类型的第二集合；

目标类型确定模块，用于提取所述第一集合与所述第二集合中不一致 的数据类型为所述目标数据类型。

在本公开的一种示例性实施例中，所述数据处理模块具体用于：如果 所述目标属性对应的数据类型为数组，则将所述目标数据转化为数据元素 进行保存。

根据本公开的第三方面，提供一种电子设备，包括：处理器；以及 存储器，用于存储所述处理器的可执行指令；其中，所述处理器配置为 经由执行所述可执行指令来执行上述任意一项所述的方法。

根据本公开的第四方面，提供一种计算机可读存储介质，其上存储 有计算机程序，所述计算机程序被处理器执行时实现上述任意一项所述 的方法。

本公开示例性实施例可以具有以下部分或全部有益效果：

在本公开的一示例实施方式所提供的数据处理方法中，通过将外部 组件传递的待处理数据的属性类型与数据类型进行对应，从而使得外部 组件的数据可以直接传递到网页浏览器中，在网页浏览器中进行各种数 据处理，减少了需要引入的外部资源，节省了空间。并且，由于组件属 性可以自定义，因此在不同的外部组件中均可以对属性类型进行匹配， 从而可以在多个外部组件中达到通用的效果，提高数据处理效率。此外， 通过将外部组件的待处理数据转化成网页中的数据类型，可以解决不同 的外部组件之间数据不能相互传递的问题，从而提高数据传递的效率。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解 释性的，并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合 本公开的实施例，并与说明书一起用于解释本公开的原理。显而易见地， 下面描述中的附图仅仅是本公开的一些实施例，对于本领域普通技术人 员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他 的附图。

图1示意性示出了根据本公开的一个实施例的数据处理方法的流程 图；

图2示意性示出了根据本公开的另一个实施例的数据处理方法的流 程图；

图3示意性示出了根据本公开的另一个实施例的数据处理方法流程 图；

图4示意性示出了根据本公开的另一个实施例的数据处理方法流程 图；

图5示意性示出了根据本公开的一个实施例的数据处理装置的框图；

图6示意性示出了根据本公开的一个实施例的用于实现数据处理方 法的系统架构图；

图7示出了适于用来实现本公开实施例的电子设备的计算机系统的 结构示意图。

具体实施方式

现在将参考附图更全面地描述示例实施方式。然而，示例实施方式 能够以多种形式实施，且不应被理解为限于在此阐述的范例；相反，提 供这些实施方式使得本公开将更加全面和完整，并将示例实施方式的构 思全面地传达给本领域的技术人员。所描述的特征、结构或特性可以以 任何合适的方式结合在一个或更多实施方式中。在下面的描述中，提供 许多具体细节从而给出对本公开的实施方式的充分理解。然而，本领域 技术人员将意识到，可以实践本公开的技术方案而省略所述特定细节中 的一个或更多，或者可以采用其它的方法、组元、装置、步骤等。在其 它情况下，不详细示出或描述公知技术方案以避免喧宾夺主而使得本公 开的各方面变得模糊。

此外，附图仅为本公开的示意性图解，并非一定是按比例绘制。图 中相同的附图标记表示相同或类似的部分，因而将省略对它们的重复描 述。附图中所示的一些方框图是功能实体，不一定必须与物理或逻辑上 独立的实体相对应。可以采用软件形式来实现这些功能实体，或在一个 或多个硬件模块或集成电路中实现这些功能实体，或在不同网络和/或处 理器装置和/或微控制器装置中实现这些功能实体。

以下对本公开实施例的技术方案进行详细阐述：

在前端网页设计过程中，可以通过自定义组件对数据进行组织，以 渲染到页面中。然而，不同的前端开发框架对应的组件库相互独立，数 据无法传递，并且，外部的开发框架对于原生的浏览器元素来说，支持 的数据类型并不能完全匹配，例如，原生的dom元素(Document Object Model，简称DOM，是一种处理html文件的标准编程接口)只能够接收 外部框架传递的字符串、布尔类型的数据，而对于复杂的数据结构，例 如对象、数组、函数则无法传递，对于前端数据处理的限制过大，导致 数据处理效率低下。

基于上述一个或多个问题，本示例实施方式提供了一种数据处理方 法。参考图1所示，该数据处理方法可以包括以下步骤：

步骤S110：获取外部组件传递的待处理数据。

步骤S120：对所述待处理数据进行属性类型匹配，以获取所述待处理 数据中与目标属性匹配的目标数据。

步骤S130：根据所述目标属性对应的数据类型，对所述目标数据进行 处理，以将所述目标数据传递至网页进行显示。

在本公开的一示例实施方式所提供的数据处理方法中，通过将外部 组件传递的待处理数据的属性类型与数据类型进行对应，从而使得外部 组件的数据可以直接传递到网页端，在网页端进行各种数据处理，减少 了需要引入的外部资源，节省了空间。并且，由于组件属性可以自定义， 因此在不同的外部组件中均可以对属性类型进行匹配，从而可以在多个 外部组件中达到通用的效果，提高数据处理效率。此外，通过将外部组 件的待处理数据转化成网页中的数据类型，可以解决不同的外部组件之 间数据不能相互传递的问题，从而提高数据传递的效率。

需要说明的是：

Web component是HTML5规范中一种可以让用户封装自定义html 元素的技术，目前大部分浏览器已可以对该技术提供原生支持。

React是一个基于状态管理与虚拟dom的用于构建用户界面的前端 组件框架。

Vue是一个基于ES5规范与虚拟dom的用于构建用户界面的渐进式 前端组件框架。

下面，对于本示例实施方式的上述步骤进行更加详细的说明。

在步骤S110中，获取外部组件传递的待处理数据。

各种前端开发框架层出不穷，以React和Vue为例，通过React定 义的组件与通过Vue定义的组件对于web组件来说均可以为外部组件。 在Web端只能接收简单类型数据，对于复杂结构的数据的处理均需要依 赖外部组件，而不同的框架无法共用数据，如果要实现相同的功能，则 需要在两个框架中均实现一对应的组件。待处理数据可以包括外部组件的全部数据，外部组件中可以包括自定义的属性和方法，也可以包括其 他数据，例如，属性说明、方法说明等，本实施方式对此不做特殊限定。

示例性的，在对前端页面中需要的数据进行处理时，需要获取到外 部组件中的数据，上层的Vue组件能够向web端传递组件属性，通过不 断地调用下一层组件直至调用到dom组件，即web端的原生组件，从而 将外部组件传递的组件属性获取到web内部。

在步骤S120中，对所述待处理数据进行属性类型匹配，以获取所述待 处理数据中与目标属性匹配的目标数据。

其中，属性为组件中定义的属性数据，在定义组件时，可以定义多个 属性。属性类型可以预先设定，根据不同的业务需求可以预先定义多个web 端实现对应业务需求的组件，并预先确定每一组件对应的属性类型。此外， 待处理数据中组件中定义的方法数据，因此，在进行属性类型匹配时，可 以先将属性数据提取出来，进而进行属性类型匹配。如图2所示，对待处 理数据进行属性类型匹配，以获取待处理数据中与目标属性匹配的目标数据还包括步骤S201和步骤S202，其中：

在步骤S201中，获取所述外部组件传递的待处理数据中的属性名称。 属性可以包括属性名称和属性内容。一般情况下，数据在组件之间传递时， 会传递属性名称以及属性值，在web端组件接收到待处理数据时，可以将 待处理数据中的属性名称解析出来，并通过字符串对象接收，从而对接收 到的字符串进行字符串匹配，以确定属性类型。

在步骤S202中，根据所述属性名称对所述待处理数据进行属性类型匹 配，以获取所述待处理数据中与目标属性匹配的目标数据。具体的，不同 的属性类型可以对应不同的类型名称，属性类型对应的类型名称可以根据 需求预先设定，例如，数组类型、整数类型等，该类型名称可以为一字符 串，然后将获取到属性名称与属性类型对应的字符串进行字符串匹配，确 定与属性名称相匹配的字符串，从而得到该属性名称对应的属性类型。待 处理数据中可以包括多个属性，通过将待处理数据中的每一属性的属性名 称与预设的属性类型进行匹配，从而确定待处理数据中包含的所有属性类 型，再判断待处理数据中是否包含目标属性，如果包含，则获取目标属性 的属性数据作为目标数据。

在步骤S130中，根据所述目标属性对应的数据类型，对所述目标数据 进行处理，以将所述目标数据传递至网页进行显示。

根据属性类型与数据类型的映射关系可以确定目标属性对应的数据类 型，从而确定目标数据的数据类型。具体的，在web端可以实现一目标组 件，在该目标组件中对目标数据进行接收，并根据目标数据对应的目标属 性判断目标数据的数据类型，从而将目标数据以正确的数据类型进行接收 保存，或者传递给其他接口或组件。示例性的，在web端可以通过web component组件定义web端的数据类型，在web端可以将复杂数据结构封 装在webcomponent组件中，从而使得外部组件与web数据能够传递，并 实现web组件在不同外部框架中通用的效果。

将数据获取到web端之后可以根据前端网页的需要对数据进行数据处 理，例如，数据排序、数据格式化、数据脱敏等，也可以将获取到的目标 数据按照正确的数据类型渲染到页面中，以展示给用户。

在通过目标组件接收目标数据之前还可以包括步骤S301和步骤S302， 如图3所示，其中：

在步骤S301中，确定多个目标数据类型。本实施方式能够实现web不 能够接收的外部组件中定义的复杂结构的数据类型，因此目标数据类型可 以实际需要设定，例如，将不同外部组件之间不能通用的数据类型作为目 标数据类型，将web端不接收的外部组件中的数据类型作为目标数据类型 等。具体的，确定多个目标数据类型可以包括步骤S401和步骤S402，如图 4所示，其中：

在步骤S401中，获取包含外部框架数据类型的第一集合，以及包含网 页端数据类型的第二集合。其中，网页端数据类型可以指web组件中的通 用数据类型，web组件可以编写一些仅能接收字符串作为属性值的通用组件， 作为底层调用，上层的外部框架中的复杂数据无法传递到web底层中。外 部框架的数据类型有网页设计开发人员设定，因此可以根据程序的说明文 档或者代码文件确定外部框架中涉及的数据类型，从而得到第一集合。或者，第一集合中可以包含所有数据类型。网页端的数据类型根据浏览器版 本或者平台而定，一般情况下，大部分的浏览器能接收的属性值为字符串 类型、整数类型等一些简单的类型，第二集合中可以包含网页端能接收的 所有数据类型。

在步骤S402中，提取所述第一集合与所述第二集合中不一致的数据类 型为所述目标数据类型。将第一集合与第二集合进行对比，确定出第一集 合与第二集合中一致的数据类型以及不一致的数据类型，例如，网页端与 外部框架中可以均包括字符串类型，网页端可以不包括数组类型，而外部 框架包括数组类型等。将第一集合中包括而第二集合中不包括的数据类型 可以提取出来作为目标数据类型，例如，第一集合中包括数组，而第二集合中不包括数组，那么目标数据类型为数组。

在步骤S302中，确定所述多个目标数据类型分别对应的属性类型，以 将所述目标数据类型与属性类型进行一一映射。对于多个目标数据类型可 以一一确定一对应的属性类型，或者多个属性类型可以对应同一目标数据 类型，例如list和set两种属性类型对应的数据类型可以均为数组。将属性 类型与数据类型可以进行一一映射，例如可以通过key-value键值对确定映 射关系等。

在步骤S303中，按照所述映射关系构建网页组件，以获取目标组件。 具体的，根据不同的映射关系可以构建对应的组件，从而得到多个组件， 进而根据目标属性对应的组件将目标数据进行接收。或者，可以在目标组 件中对多种映射关系进行枚举，从而通过目标组件确定每一属性对应的数 据类型。

通过本实施方式，可以通过目标组件实现对待处理数据的属性类型 的判断，并根据目标属性对应的数据类型对目标数据进行接收，从而使 得目标组件在不同前端开发框架对于的组件库之间通用，能够提高数据 处理效率，并减少开发成本。

示例性的，在目标组件中可以定义一方法，从而使得该方法执行时 能将目标数据按照对应数据类型进行接收。自定义方法的内容如下：

其中，setAttribute为目标组件中的方法名称，name和value为外部组 件中传递的属性名称和属性值，如果外部组件传递的属性名称为list，则将 外部组将中传递的value赋值给this._list。并且，需要在目标组件中确定 该this._list为数组类型的数据，例如可以通过this._list＝[]确定该this._list 对象的数据类型。

进一步的，本示例实施方式中，还提供了一种数据处理装置，用于 执行本公开上述的数据处理方法。该数据处理装置可以应用于一服务器 或终端设备。

参考图5所示，该数据处理装置500可以包括：外部数据获取模块 510、类型匹配模块520以及数据处理模块530，其中：

外部数据获取模块510，用于获取外部组件传递的待处理数据；

类型匹配模块520，用于对所述待处理数据进行属性类型匹配，以获取 所述待处理数据中与目标属性匹配的目标数据；

数据处理模块530，用于根据所述目标属性对应的数据类型，对所述目 标数据进行处理，以将所述目标数据传递至页面进行显示。

在本公开的一种示例性实施例中，所述类型匹配模块520可以包括属 性名称获取模块和属性名称匹配模块，其中：

属性名称获取模块，用于获取所述外部组件传递的待处理数据中的属 性名称；

属性名称匹配模块，用于根据所述属性名称对所述待处理数据进行属 性类型匹配，以获取所述待处理数据中与目标属性匹配的目标数据。

在本公开的一种示例性实施例中，所述属性名称匹配模块具体可以用 于：通过所述属性名称与预设属性类型的字符串进行匹配，确定与目标属 性匹配的目标数据。

在本公开的一种示例性实施例中，数据处理模块具体可以用于：通过 目标组件将所述目标数据按照所述目标属性对应的数据类型进行接收，以 对所述目标数据进行处理。

在本公开的一种示例性实施例中，所述数据处理装置还可以包括数据 类型确定模块、关系映射模块以及组件确定模块，其中：

数据类型确定模块，用于确定多个目标数据类型；

关系映射模块，用于确定所述多个目标数据类型分别对应的属性类型， 以将所述目标数据类型与属性类型进行一一映射；

组件确定模块，用于按照所述映射关系构建网页组件，以获取目标组 件。

在本公开的一种示例性实施例中，所述数据类型确定模块可以包括类 型获取模块和目标类型确定模块，其中：

类型获取模块，用于获取包含外部框架数据类型的第一集合，以及包 含网页端数据类型的第二集合；

目标类型确定模块，用于提取所述第一集合与所述第二集合中不一致 的数据类型为所述目标数据类型。

在本公开的一种示例性实施例中，所述数据处理模块可以具体用于： 如果所述目标属性对应的数据类型为数组，则将所述目标数据转化为数据 元素进行保存。

由于本公开的示例实施例的数据处理装置的各个功能模块与上述数 据处理方法的示例实施例的步骤对应，因此对于本公开装置实施例中未 披露的细节，请参照本公开上述的数据处理方法的实施例。

参阅图6，图6示出了可以应用本公开实施例的一种数据处理方法 及数据处理装置的示例性应用环境的系统架构的示意图。

如图6所示，系统架构600可以包括终端设备601、602、603中的 一个或多个，网络604和服务器605。网络604用以在终端设备601、602、603和服务器605之间提供通信链路的介质。网络604可以包括各种连 接类型，例如有线、无线通信链路或者光纤电缆等等。

终端设备601、602、603可以是具有显示屏的各种电子设备，包括 但不限于台式计算机、便携式计算机、智能手机和平板电脑等等。应该 理解，图6中的终端设备、网络和服务器的数目仅仅是示意性的。根据 实现需要，可以具有任意数目的终端设备、网络和服务器。比如服务器 605可以是多个服务器组成的服务器集群等。

本公开实施例所提供的数据处理方法一般由服务器605执行，相应 地，数据处理装置一般设置于服务器605中。但本领域技术人员容易理 解的是，本公开实施例所提供的数据处理方法也可以由终端设备601、602、 603执行，相应的，数据处理装置也可以设置于终端设备601、602、603 中，本示例性实施例中对此不做特殊限定。

举例而言，在一种示例性实施例中，服务器605可以接收外部组件 传递的待处理数据，并对待处理数据进行属性类型匹配，确定待处理数据 中与目标属性匹配的目标数据，进而，根据目标属性对应的数据类型，对 目标数据进行处理，将目标数据传递至网页中进行显示。

图7示出了适于用来实现本公开实施例的电子设备的计算机系统的 结构示意图。

需要说明的是，图7示出的电子设备的计算机系统700仅是一个示 例，不应对本公开实施例的功能和使用范围带来任何限制。

如图7所示，计算机系统700包括中央处理单元(CPU)701，其可 以根据存储在只读存储器(ROM)702中的程序或者从存储部分708加 载到随机访问存储器(RAM)703中的程序而执行各种适当的动作和处 理。在RAM 703中，还存储有系统操作所需的各种程序和数据。CPU 701、 ROM 702以及RAM 703通过总线704彼此相连。输入/输出(I/O)接口 705也连接至总线704。

以下部件连接至I/O接口705：包括键盘、鼠标等的输入部分706； 包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的 输出部分707；包括硬盘等的存储部分708；以及包括诸如LAN卡、调 制解调器等的网络接口卡的通信部分709。通信部分709经由诸如因特 网的网络执行通信处理。驱动器710也根据需要连接至I/O接口705。可 拆卸介质711，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需 要安装在驱动器710上，以便于从其上读出的计算机程序根据需要被安 装入存储部分708。

特别地，根据本公开的实施例，下文参考流程图描述的过程可以被 实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产 品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含 用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机 程序可以通过通信部分709从网络上被下载和安装，和/或从可拆卸介质 711被安装。在该计算机程序被中央处理单元(CPU)701执行时，执行 本申请的方法和装置中限定的各种功能。

需要说明的是，本公开所示的计算机可读介质可以是计算机可读信 号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可 读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、 或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储 介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、 便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、 可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘 只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意 合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储 程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者 与其结合使用。而在本公开中，计算机可读的信号介质可以包括在基带 中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序 代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、 光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算 机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发 送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结 合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介 质传输，包括但不限于：无线、电线、光缆、RF等等，或者上述的任意 合适的组合。

附图中的流程图和框图，图示了按照本公开各种实施例的系统、方 法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上， 流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部 分，上述模块、程序段、或代码的一部分包含一个或多个用于实现规定 的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两 个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相 反的顺序执行，这依所涉及的功能而定。也要注意的是，框图或流程图 中的每个方框、以及框图或流程图中的方框的组合，可以用执行规定的 功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计 算机指令的组合来实现。

描述于本公开实施例中所涉及到的单元可以通过软件的方式实现， 也可以通过硬件的方式来实现，所描述的单元也可以设置在处理器中。 其中，这些单元的名称在某种情况下并不构成对该单元本身的限定。

作为另一方面，本申请还提供了一种计算机可读介质，该计算机可 读介质可以是上述实施例中描述的电子设备中所包含的；也可以是单独 存在，而未装配入该电子设备中。上述计算机可读介质承载有一个或者 多个程序，当上述一个或者多个程序被一个该电子设备执行时，使得该 电子设备实现如下述实施例中所述的方法。例如，所述的电子设备可以 实现如图1和图2所示的各个步骤等。

应当注意，尽管在上文详细描述中提及了用于动作执行的设备的若 干模块或者单元，但是这种划分并非强制性的。实际上，根据本公开的 实施方式，上文描述的两个或更多模块或者单元的特征和功能可以在一 个模块或者单元中具体化。反之，上文描述的一个模块或者单元的特征 和功能可以进一步划分为由多个模块或者单元来具体化。

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

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

Claims (10)

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

获取外部组件传递的待处理数据；

对所述待处理数据进行属性类型匹配，以获取所述待处理数据中与目标属性匹配的目标数据；

根据所述目标属性对应的数据类型，对所述目标数据进行处理，以将所述目标数据传递至网页进行显示。

2.根据权利要求1所述的方法，其特征在于，所述对所述待处理数据进行属性类型匹配，以获取所述待处理数据中与目标属性匹配的目标数据，包括：

获取所述外部组件传递的待处理数据中的属性名称；

根据所述属性名称对所述待处理数据进行属性类型匹配，以获取所述待处理数据中与目标属性匹配的目标数据。

3.根据权利要求2所述的方法，其特征在于，所述根据所述属性名称对所述待处理数据进行属性类型匹配，以获取所述待处理数据中与目标属性匹配的目标数据，包括：

通过所述属性名称与预设属性类型的字符串进行匹配，确定与目标属性匹配的目标数据。

4.根据权利要求1所述的方法，其特征在于，所述根据所述目标属性对应的数据类型，对所述目标数据进行处理，包括：

通过目标组件将所述目标数据按照所述目标属性对应的数据类型进行接收，以对所述目标数据进行处理。

5.根据权利要求4所述的方法，其特征在于，通过目标组件将所述目标数据按照所述目标属性对应的数据类型进行接收之前，还包括：

确定多个目标数据类型；

确定所述多个目标数据类型分别对应的属性类型，以将所述目标数据类型与属性类型进行一一映射；

按照所述映射关系构建网页组件，以获取目标组件。

6.根据权利要求5所述的方法，其特征在于，所述确定多个目标数据类型包括：

获取包含外部框架数据类型的第一集合，以及包含网页端数据类型的第二集合；

提取所述第一集合与所述第二集合中不一致的数据类型为所述目标数据类型。

7.根据权利要求1所述的方法，其特征在于，所述根据所述目标属性对应的数据类型，对所述目标数据进行处理，包括：

如果所述目标属性对应的数据类型为数组，则将所述目标数据转化为数据元素进行保存。

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

外部数据获取模块，用于获取外部组件传递的待处理数据；

类型匹配模块，用于对所述待处理数据进行属性类型匹配，以获取所述待处理数据中与目标属性匹配的目标数据；

数据处理模块，用于根据所述目标属性对应的数据类型，对所述目标数据进行处理，以将所述目标数据传递至页面进行显示。

9.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1-7任一项所述的方法。

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

处理器；以及

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

其中，所述处理器配置为经由执行所述可执行指令来执行权利要求1-7任一项所述的方法。

Images