[发明专利]数据处理方法、装置、计算机可读存储介质及电子设备

说明书

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

技术领域

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

背景技术

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

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

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

发明内容

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

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

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

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

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

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

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

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

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

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

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

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

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

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

确定多个目标数据类型；

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

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

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

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