(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210326542.2 (22)申请日 2022.03.30 (71)申请人 北京有竹居网络技 术有限公司 地址 101299 北京市平谷区林荫北街13号 信息大厦802室 (72)发明人 崔丹阳　 (74)专利代理 机构 北京信远 达知识产权代理有 限公司 1 1304 专利代理师 储倩 (51)Int.Cl. G06F 9/445(2018.01) (54)发明名称 一种基于组件的数据处 理方法及装置 (57)摘要 本申请公开了一种基于组件的数据处理方 法， 该方法可 以由客户端执行， 客户端可 以获取 用户在网页中包括的第一参数的输入区输入的 第一值， 而后， 将所述第一值作为目标组件中第 一变量的值运行所述目标组价， 从而实现修改所 述第一参数对应的功能。 在本申请实施例中， 所 述目标组件为技术栈组件库中的组件， 所述技术 栈组件通过对浏览器支持的原生组件进行处理 得到， 所述技术栈组件库中包括至少两个技术栈 所支持的组件。 由此可见， 在本申请实施例中， 对 于提供组件的组件库而言， 其无需分别为各个技 术栈研发对应的组件， 而是基于对浏览器支持的 原生组件进行处理， 从而 得到至少两个技术栈所 支持的技术栈组件， 有效降低了组件库的研发成 本。 权利要求书1页 说明书7页 附图2页 CN 114625444 A 2022.06.14 CN 114625444 A 1.一种基于组件的数据处 理方法， 其特 征在于， 所述方法包括： 获取用户在网页中包括的第一 参数的输入区输入的第一 值； 将所述第一值作为目标组件中第 一变量的值运行所述目标组件， 以实现修改所述第 一 参数对应的功能； 其中： 所述目标 组件为技术栈组件库中的组件， 所述技术栈组件通过对浏 览器支持的原生组件进行 处理得到， 所述技术栈组件库中包括至少两个技术栈所支持的组 件。 2.根据权利要求1所述的方法， 其特征在于， 所述第一参数为采用所述原生组件的CSS 变量所提取的、 支持用户配置的参数。 3.根据权利要求1所述的方法， 其特征在于， 所述对浏览器支持的原生组件进行处理， 包括： 对所述浏 览器支持的原生组件中的参数进行处理， 得到符合所述至少两个技术栈所支 持的参数传递方式的技 术栈组件。 4.根据权利要求1所述的方法， 其特征在于， 所述第 一参数用于指示网页中目标对象的 目标特征。 5.根据权利要求 4所述的方法， 其特 征在于， 所述目标对象包括： 文字或者 边框。 6.根据权利要求 4或5所述的方法， 其特 征在于， 所述目标 特征包括以下任意 一项： 颜色、 背景颜色、 字体、 字号、 风格、 字 重、 或者宽度。 7.根据权利要求1所述的方法， 其特 征在于， 所述原生组件 包括： WebCompo nents组件。 8.根据权利要求1所述的方法， 其特 征在于， 所述至少两个技 术栈， 包括： Vue技术栈和React技 术栈。 9.一种基于组件的数据处 理装置， 其特 征在于， 所述装置包括： 获取单元， 用于获取用户在网页中包括的第一 参数的输入区输入的第一 值； 运行单元， 用于将所述第一值作为目标组件中第一变量的值运行所述目标组件， 以实 现修改所述第一参数对应的功能； 其中： 所述目标 组件为技术栈组件库中的组件， 所述技术 栈组件通过对浏览器支持的原生组件进行 处理得到， 所述技术栈组件库中包括至少两个技 术栈所支持的组件。 10.一种设备， 其特 征在于， 所述设备包括处 理器和存 储器； 所述处理器用于执行所述存储器 中存储的指令， 以使得所述设备执行如权利要求1至8 中任一项所述的方法。 11.一种计算机可读存储介质， 其特征在于， 包括指令， 所述指令指示设备执行如权利 要求1至8中任一项所述的方法。权　利　要　求　书 1/1 页 2 CN 114625444 A 2一种基于组件的数据处理 方法及装置 技术领域 [0001]本申请涉及计算机技 术领域， 特别是 涉及一种基于组件的数据处 理方法及装置 。 背景技术 [0002]为实现某一业务功能， 需要借助于组件库提供的组件。 目前， 在实现业务功能时， 可以根据业 务需求选择技 术栈， 相应的， 利用与该技 术栈对应的组件实现所述 业务功能。 [0003]考虑到用户可能使用的技术栈有多种， 为了尽可能满足用户需求， 组件库 需要提 供与各个技 术栈分别对应的组件， 相应的， 组件库的研发成本较高。 [0004]因此， 急需一种方案， 能够解决上述问题。 发明内容 [0005]本申请所要解决的技术问题是如何降低组件库的研发成本， 提供一种基于组件的 数据处理方法及装置 。 [0006]第一方面， 本申请实施例提供了一种基于组件的数据处 理方法， 所述方法包括： [0007]获取用户在网页中包括的第一 参数的输入区输入的第一 值； [0008]将所述第一值作为目标组件中第一变量的值运行所述目标组件， 以实现修改所述 第一参数对应的功能； 其中： 所述目标 组件为技术栈组件库中的组件， 所述技术栈组件通过 对浏览器支持的原 生组件进行 处理得到， 所述技术栈组件库中包括至少两个技术栈所支持 的组件。 [0009]可选的， 所述第一参数为采用所述原生组件的CSS变量所提取的、 支持用户配置的 参数。 [0010]可选的， 所述对浏览器支持的原生组件进行处 理， 包括： [0011]对所述浏览器支持的原生组件中的参数进行处理， 得到符合所述至少两个技术栈 所支持的参数传递方式的技 术栈组件。 [0012]可选的， 所述第一 参数用于指示网页中目标对象的目标 特征。 [0013]可选的， 所述目标对象包括： [0014]文字或者 边框。 [0015]可选的， 所述目标 特征包括以下任意 一项： [0016]颜色、 背景颜色、 字体、 字号、 风格、 字 重、 或者宽度。 [0017]可选的， 所述原生组件 包括： [0018]WebCompo nents组件。 [0019]可选的， 所述至少两个技 术栈， 包括： [0020]Vue技术栈和React技 术栈。 [0021]第二方面， 本申请实施例提供了一种基于组件的数据处 理装置， 所述装置包括： [0022]获取单元， 用于获取用户在网页中包括的第一 参数的输入区输入的第一 值； [0023]运行单元， 用于将所述第一值作为目标组件中第一变量的值运行所述目标组件，说　明　书 1/7 页 3 CN 114625444 A 3