[发明专利]一种基于组件的数据处理方法及装置

说明书

本申请公开了一种基于组件的数据处理方法，该方法可以由客户端执行，客户端可以获取用户在网页中包括的第一参数的输入区输入的第一值，而后，将所述第一值作为目标组件中第一变量的值运行所述目标组价，从而实现修改所述第一参数对应的功能。在本申请实施例中，所述目标组件为技术栈组件库中的组件，所述技术栈组件通过对浏览器支持的原生组件进行处理得到，所述技术栈组件库中包括至少两个技术栈所支持的组件。由此可见，在本申请实施例中，对于提供组件的组件库而言，其无需分别为各个技术栈研发对应的组件，而是基于对浏览器支持的原生组件进行处理，从而得到至少两个技术栈所支持的技术栈组件，有效降低了组件库的研发成本。

技术领域

本申请涉及计算机技术领域，特别是涉及一种基于组件的数据处理方法及装置。

背景技术

为实现某一业务功能，需要借助于组件库提供的组件。目前，在实现业务功能时，可以根据业务需求选择技术栈，相应的，利用与该技术栈对应的组件实现所述业务功能。

考虑到用户可能使用的技术栈有多种，为了尽可能满足用户需求，组件库需要提供与各个技术栈分别对应的组件，相应的，组件库的研发成本较高。

因此，急需一种方案，能够解决上述问题。

发明内容

本申请所要解决的技术问题是如何降低组件库的研发成本，提供一种基于组件的数据处理方法及装置。

第一方面，本申请实施例提供了一种基于组件的数据处理方法，所述方法包括：

获取用户在网页中包括的第一参数的输入区输入的第一值；

将所述第一值作为目标组件中第一变量的值运行所述目标组件，以实现修改所述第一参数对应的功能；其中：所述目标组件为技术栈组件库中的组件，所述技术栈组件通过对浏览器支持的原生组件进行处理得到，所述技术栈组件库中包括至少两个技术栈所支持的组件。

可选的，所述第一参数为采用所述原生组件的CSS变量所提取的、支持用户配置的参数。

可选的，所述对浏览器支持的原生组件进行处理，包括：

对所述浏览器支持的原生组件中的参数进行处理，得到符合所述至少两个技术栈所支持的参数传递方式的技术栈组件。

可选的，所述第一参数用于指示网页中目标对象的目标特征。

可选的，所述目标对象包括：

文字或者边框。

可选的，所述目标特征包括以下任意一项：

颜色、背景颜色、字体、字号、风格、字重、或者宽度。

可选的，所述原生组件包括：

WebComponents组件。

可选的，所述至少两个技术栈，包括：

Vue技术栈和React技术栈。

第二方面，本申请实施例提供了一种基于组件的数据处理装置，所述装置包括：

获取单元，用于获取用户在网页中包括的第一参数的输入区输入的第一值；

运行单元，用于将所述第一值作为目标组件中第一变量的值运行所述目标组件，以实现修改所述第一参数对应的功能；其中：所述目标组件为技术栈组件库中的组件，所述技术栈组件通过对浏览器支持的原生组件进行处理得到，所述技术栈组件库中包括至少两个技术栈所支持的组件。

可选的，所述第一参数为采用所述原生组件的CSS变量所提取的、支持用户配置的参数。

可选的，所述对浏览器支持的原生组件进行处理，包括：