CN117407044A - 跨端组件的配置方法、装置、设备及介质 - Google Patents

Abstract

本发明实施例公开了一种跨端组件的配置方法、装置、设备及介质。该方法包括：响应于组件功能配置指令，获取待配置设备中的待配置组件和待配置设备的设备类型；其中，所述设备类型为Web端或移动端，所述待配置组件适用于Web端和移动端；根据所述待配置组件的组件标识，从预先构建的候选组件功能模板中选取目标组件功能模板；基于待配置设备的设备类型，确定所述待配置组件的组件样式参数；向所述待配置设备发送所述组件样式参数和所述目标组件功能模板，使所述待配置设备对所述待配置组件进行功能配置。上述方案，实现了组件的跨端配置，提高了组件的功能配置的效率，降低了人工成本。

Description

跨端组件的配置方法、装置、设备及介质

技术领域

本发明实施例涉及计算机技术领域，尤其涉及一种跨端组件的配置方法、装置、设备及介质。

背景技术

当前跨端开发的问题在于不同平台(Web端、移动端)的特性和限制各不相同，可能会存在功能和样式上的差异。因此开发者需要针对不同设备开发和维护多个版本的应用程序，这要求开发者具备对不同平台的了解，以便适配和解决这些差异，这也导致开发人员学习成本高，代码维护成本高。

发明内容

本发明提供一种跨端组件的配置方法、装置、设备及介质，以提高组件的功能配置的效率，降低人工成本。

根据本发明的一方面，提供了一种跨端组件的配置方法，包括：

响应于组件功能配置指令，获取待配置设备中的待配置组件和待配置设备的设备类型；其中，所述设备类型为Web端或移动端，所述待配置组件适用于Web端和移动端；

根据所述待配置组件的组件标识，从预先构建的候选组件功能模板中选取目标组件功能模板；

基于待配置设备的设备类型，确定所述待配置组件的组件样式参数；

向所述待配置设备发送所述组件样式参数和所述目标组件功能模板，使所述待配置设备对所述待配置组件进行功能配置。

根据本发明的另一方面，提供了一种跨端组件的配置装置，包括：

设备类型获取模块，用于响应于组件功能配置指令，获取待配置设备中的待配置组件和待配置设备的设备类型；其中，所述设备类型为Web端或移动端，所述待配置组件适用于Web端和移动端；

功能模板选取模块，用于根据所述待配置组件的组件标识，从预先构建的候选组件功能模板中选取目标组件功能模板；

样式参数确定模块，用于基于待配置设备的设备类型，确定所述待配置组件的组件样式参数；

功能配置模块，用于向所述待配置设备发送所述组件样式参数和所述目标组件功能模板，使所述待配置设备对所述待配置组件进行功能配置。

根据本发明的另一方面，提供了一种电子设备，包括：

一个或多个处理器；

存储器，用于存储一个或多个程序；

当一个或多个程序被一个或多个处理器执行，使得一个或多个处理器能够执行本发明实施例所提供的任意一种跨端组件的配置方法。

根据本发明的另一方面，提供了一种计算机可读存储介质，计算机可读存储介质存储有计算机指令，计算机指令用于使处理器执行时实现本发明实施例所提供的任意一种跨端组件的配置方法。

本发明实施例提供的一种跨端组件的配置方案，通过响应于组件功能配置指令，获取待配置设备中的待配置组件和待配置设备的设备类型；其中，设备类型为Web端或移动端，待配置组件适用于Web端和移动端；根据待配置组件的组件标识，从预先构建的候选组件功能模板中选取目标组件功能模板；基于待配置设备的设备类型，确定待配置组件的组件样式参数；向待配置设备发送组件样式参数和目标组件功能模板，使待配置设备对待配置组件进行功能配置。上述方案，不同设备类型的待配置设备中的待配置组件均可以在候选组件功能模板中选取目标组件功能模板，实现了组件的跨端配置，提高了组件的功能配置的效率，降低了人工成本；同时，根据设备类型，确定组件样式参数，提高了确定的组件样式参数的准确度，进而提高了组件功能配置的准确度；并且，本发明实施例中的组件样式参数的确定和目标组件功能模板的选取，均是在待配置设备的外部，减少了待配置设备的资源浪费，提高了待配置设备的性能。

应当理解，本部分所描述的内容并非旨在标识本发明的实施例的关键或重要特征，也不用于限制本发明的范围。本发明的其它特征将通过以下的说明书而变得容易理解。

附图说明

为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本发明实施例一提供的一种跨端组件的配置方法的流程图；

图2是本发明实施例二提供的一种跨端组件的配置方法的流程图；

图3是本发明实施例三提供的一种跨端组件的配置装置的结构示意图；

图4是本发明实施例四提供的一种实现跨端组件的配置方法的电子设备的结构示意图。

具体实施方式

下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释本发明，而非对本发明的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本发明相关的部分而非全部结构。

随着移动互联网和物联网的发展，人们使用各种不同的终端设备，包括移动设备和桌面(Web)设备，移动设备通常指的是智能手机和平板电脑，而桌面设备则是指台式机、笔记本电脑和一些大屏幕设备。

跨端组件技术的出现旨在解决这个问题——能够在不同的平台和设备上实现复用和共享的组件化开发模式。目前流行的跨平台框架可以通过一套代码库来创建适用于多个平台的组件，一些常见的跨平台框架包括react native、flutter和vue native。

本发明目的是Web端组件和移动端组件开发基于同一套API接口，整体设计上保持一致，以组件层面最大化复用为原则进行各端功能逻辑和样式开发，最终生成双端组件代码，使用户在不同设备上都能够快速上手。

实施例一

图1是本发明实施例一提供的一种跨端组件的配置方法的流程图，本实施例可适用于对不同类型的设备进行组件功能配置的情况，该方法可以由跨端组件的配置装置来执行，该装置可以采用软件和/或硬件的方式实现，并可配置于承载跨端组件的配置功能的电子设备中。

如图1所示，该跨端组件的配置方法，包括：

S110、响应于组件功能配置指令，获取待配置设备中的待配置组件和待配置设备的设备类型。

其中，组件功能配置指令是指用于指示进行组件功能配置的命令。待配置设备是指需要进行组件功能配置的设备。设备类型是指待配置设备的种类。本发明实施例对待配置设备的设备类型不作任何限定，可以是技术人员根据经验进行设置，示例性的，设备类型可以为网络Web端或移动端。待配置组件是指需要进行功能配置的组件。具体的，待配置组件可以适用于Web端和/或移动端。

S120、根据待配置组件的组件标识，从预先构建的候选组件功能模板中选取目标组件功能模板。

其中，组件标识是指用于唯一表征待配置组件的身份的数据。候选组件功能模板是指预先构建的组件功能的逻辑模板。具体的，候选组件功能模板可以构成一个跨端组件库DUI，故候选组件功能模板中可以包括不同设备类型的设备对应的组件功能逻辑模板，即候选组件功能模板可以适用于Web端和移动端。目标组件功能模板是指待配置组件对应的逻辑模板。示例性的，目标组件功能模板可以用于定义待配置组件的基础功能，如若待配置组件为弹框组件，则目标组件功能模板可以定义弹框的打开和关闭功能。

S130、基于待配置设备的设备类型，确定待配置组件的组件样式参数。

其中，组件样式参数是指待配置设备中的待配置组件的样式数据。

在一个可选实施例中，确定待配置组件的组件样式参数，包括：确定待配置设备的组件样式关联数据；其中，组件样式关联数据可以包括待配置组件的大小和颜色；根据组件样式关联数据，确定待配置组件的组件样式参数。

其中，组件样式关联数据是指待配置设备中与待配置组件相关联的数据。

具体的，基于待配置设备的设备类型，确定待配置设备的组件样式关联数据；根据组件样式关联数据，确定待配置组件的组件样式参数。

可以理解的是，通过引入组件样式关联数据，确定组件样式参数，实现了在考虑不同设备类型的待配置设备中的待配置组件可能存在差异的情况，确定组件样式参数，提高了确定的组件样式参数的准确度和适用性。

S140、向待配置设备发送组件样式参数和目标组件功能模板，使待配置设备对待配置组件进行功能配置。

具体的，通过待配置设备的标准API(Application Programming Interface，应用程序编程接口)接口，向待配置设备发送组件样式参数和目标组件功能模板，使待配置设备对待配置组件进行功能配置。其中，标准API接口用于接收向待配置设备发送的组件样式参数和目标组件功能模板。标准API接口可以基于Web端或移动端的特性差异，对初始API接口进行微调得到。其中，初始API接口是指Web端和移动端的模板接口。需要说明的是，Web端的标准API接口和移动端的标准API接口在整体设计上是一致的，这样做的好处是，可以保持统一的用户体验，确保这些接口在双端可以正常使用。

在一个可选实施例中，将组件样式参数和目标组件功能模板发送至待配置设备，以使待配置设备对待配置组件进行功能配置，包括：对组件样式参数和目标组件功能模板进行打包处理，得到目标组件配置包；向待配置设备发送目标组件配置包，使待配置设备根据目标组件配置包对待配置组件进行功能配置。

其中，目标组件配置包是指包括组件样式参数和目标组件功能模板的数据包。

本发明实施例对打包方式不作任何限定，可以是技术人员根据经验进行设置。示例性的，可以利用Gulp和Webpack(一个用于现代javascript应用程序的静态模块打包工具)打包工具，通过传入不同的打包参数(例如传入“mb”意味着打包移动端组件的目标组件配置包)，分别编译vue(一款用于构建用户界面的JavaScript框架。它基于标准html、css和javascript构建，并提供了一套声明式的、组件化的编程模型，帮助开发者高效地开发用户界面)、typescript、scss等文件以及压缩css、js文件，最终得到双端组件代码。

可以理解的是，通过引入目标组件配置包，避免了出现数据丢失的情况，提高了功能配置数据的准确度。

本发明实施例提供的一种跨端组件的配置方案，通过响应于组件功能配置指令，获取待配置设备中的待配置组件和待配置设备的设备类型；其中，设备类型为Web端或移动端，待配置组件适用于Web端和移动端；根据待配置组件的组件标识，从预先构建的候选组件功能模板中选取目标组件功能模板；基于待配置设备的设备类型，确定待配置组件的组件样式参数；向待配置设备发送组件样式参数和目标组件功能模板，使待配置设备对待配置组件进行功能配置。上述方案，不同设备类型的待配置设备中的待配置组件均可以在候选组件功能模板中选取目标组件功能模板，实现了组件的跨端配置，提高了组件的功能配置的效率，降低了人工成本；同时，根据设备类型，确定组件样式参数，提高了确定的组件样式参数的准确度，进而提高了组件功能配置的准确度；并且，本发明实施例中的组件样式参数的确定和目标组件功能模板的选取，均是在待配置设备的外部，减少了待配置设备的资源浪费，提高了待配置设备的性能。

实施例二

图2是本发明实施例二提供的一种跨端组件的配置方法的流程图，本实施例在上述各实施例的基础上，进一步的，将“根据待配置组件的组件标识，从预先构建的候选组件功能模板中选取目标组件功能模板”操作，细化为“确定待配置组件的组件类别；其中，组件类别包括通用组件和非通用组件；根据组件类别，从候选组件功能模板中选取参考组件功能模板；根据组件标识，从参考组件功能模板中选取出目标组件功能模板”，以完善目标组件功能模板的确定机制。需要说明的是，在本发明实施例未详述的部分，可参见其他实施例的表述。

参见图2所示的跨端组件的配置方法，包括：

S210、响应于组件功能配置指令，获取待配置设备中的待配置组件和待配置设备的设备类型。

其中，设备类型为Web端或移动端，待配置组件适用于Web端和移动端。

S220、确定待配置组件的组件类别。

其中，组件类别是指待配置组件的种类。示例性的，组件类别包括通用组件和非通用组件。通用组件是指Web端和移动端均可以使用的组件。非通用组件是指Web端或移动端特有的组件。

具体的，根据待配置组件的特性，确定待配置组件的组件类别。

S230、根据组件类别，从候选组件功能模板中选取参考组件功能模板。

其中，参考组件功能模板是指根据组件类别从候选组件功能模板中筛选得到的组件功能模板。需要说明的是，参考组件功能模板的数量为至少一个。

具体的，根据组件类别，对候选组件功能模板进行初次筛选，得到参考组件功能模板。

在一个可选实施例中，根据组件类别，从候选组件功能模板中选取参考组件功能模板，包括：若组件类别为非通用组件，则确定非通用组件对应的设备类型；根据待配置设备的设备类型和非通用组件对应的设备类型，从候选组件功能模板中选取参考组件功能模板；若组件类别为通用组件，则从候选组件功能模板中选取参考组件功能模板。

具体的，若组件类别为非通用组件，则根据非通用组件对应的设备类型对候选组件功能模板进行分组，再根据待配置设备的设备类型从分组后的候选组件功能模板中选取出参考组件功能模板。若组件类别为通用组件类别，则直接从候选组件功能模板中选取参考组件功能模板。

可以理解的是，通过针对不同组件类别，采用不同的参考组件功能模板确定方法，提高了确定的参考组件功能模板的准确度。

S240、根据组件标识，从参考组件功能模板中选取出目标组件功能模板。

S250、基于待配置设备的设备类型，确定待配置组件的组件样式参数。

S260、向待配置设备发送组件样式参数和目标组件功能模板，使待配置设备对待配置组件进行功能配置。

本发明实施例提供了一种跨端组件的配置方案，通过将根据待配置组件的组件标识，从预先构建的候选组件功能模板中选取目标组件功能模板操作，细化为确定待配置组件的组件类别；其中，组件类别包括通用组件和非通用组件；根据组件类别，从候选组件功能模板中选取参考组件功能模板；根据组件标识，从参考组件功能模板中选取出目标组件功能模板，完善了目标组件功能模板的确定机制。上述方案，通过引入组件类别，确定参考组件功能模板，再根据组件标识，从参考组件功能模板中确定目标组件功能提高了确定目标组件功能模板的效率和准确度。

在上述技术方案的基础上，本发明实施例将弹框组件作为待配置组件，通过将组件功能代码(即目标组件功能模板)和样式代码(即组件样式参数)作分离，好处是，根据一套通用的API接口实现功能，样式可以适配不同分辨率的待配置设备。其中，组件功能代码可以定义弹框的打开、关闭方法，样式代码可以定义弹框组件的大小和颜色。

本发明实施例中的样式代码可以根据不同待配置设备的大小和特性进行独立确定，以适配不同分辨率的终端。Web端样式根据设计稿采用固定的宽高，保证在不同分辨率的桌面设备下具有统一的视觉效果；移动端则采用百分比和自适应来布局，以适配移动端多种分辨率设备，保证组件在各种手机屏幕中都有良好的表现。

本发明实施例中不同类型设备的同一功能组件使用相同的功能代码和差异化的样式代码，并能在桌面设备和移动设备中正常呈现和使用。并且，通过编写通用的功能，使组件在Web端和移动端运行时调用同样的方法，实现组件层面最大化复用。

本发明实施例中，跨端组件的配置方法可以解决传统前端组件无法使用一套逻辑适配移动和桌面设备屏幕分辨率问题。可以让技术人员通过一次编写代码，即可在不同的平台和设备上运行和展示相同的功能和界面。这样，技术人员可以在移动设备和桌面设备上使用相同的组件，以提高开发效率和一致性，并且能够快速开发跨平台应用程序，提高开发效率和用户体验，从而降低开发和维护的成本。

实施例三

图3是本发明实施例三提供的一种跨端组件的配置装置的结构示意图，本实施例可适用于对不同类型的设备进行组件功能配置的情况，该方法可以由跨端组件的配置装置来执行，该装置可以采用软件和/或硬件的方式实现，并可配置于承载跨端组件的配置功能的电子设备中。

如图3所示，该装置包括：设备类型获取模块310、功能模板选取模块320、样式参数确定模块330和功能配置模块340。其中，

设备类型获取模块310，用于响应于组件功能配置指令，获取待配置设备中的待配置组件和待配置设备的设备类型；其中，所述设备类型为Web端或移动端，所述待配置组件适用于Web端和移动端；

功能模板选取模块320，用于根据所述待配置组件的组件标识，从预先构建的候选组件功能模板中选取目标组件功能模板；

样式参数确定模块330，用于基于待配置设备的设备类型，确定所述待配置组件的组件样式参数；

功能配置模块340，用于向所述待配置设备发送所述组件样式参数和所述目标组件功能模板，使所述待配置设备对所述待配置组件进行功能配置。

本发明实施例提供的一种跨端组件的配置方案，通过响应于组件功能配置指令，获取待配置设备中的待配置组件和待配置设备的设备类型；其中，设备类型为Web端或移动端，待配置组件适用于Web端和移动端；根据待配置组件的组件标识，从预先构建的候选组件功能模板中选取目标组件功能模板；基于待配置设备的设备类型，确定待配置组件的组件样式参数；向待配置设备发送组件样式参数和目标组件功能模板，使待配置设备对待配置组件进行功能配置。上述方案，不同设备类型的待配置设备中的待配置组件均可以在候选组件功能模板中选取目标组件功能模板，实现了组件的跨端配置，提高了组件的功能配置的效率，降低了人工成本；同时，根据设备类型，确定组件样式参数，提高了确定的组件样式参数的准确度，进而提高了组件功能配置的准确度；并且，本发明实施例中的组件样式参数的确定和目标组件功能模板的选取，均是在待配置设备的外部，减少了待配置设备的资源浪费，提高了待配置设备的性能。

可选的，功能模板选取模块320，包括：

组件类别确定单元，用于确定所述待配置组件的组件类别；其中，所述组件类别包括通用组件和非通用组件；

参考模块确定单元，用于根据所述组件类别，从所述候选组件功能模板中选取参考组件功能模板；

功能模板选取单元，用于根据所述组件标识，从所述参考组件功能模板中选取出所述目标组件功能模板。

可选的，参考模块确定单元，具体用于：

若所述组件类别为非通用组件，则确定非通用组件对应的设备类型；

根据所述待配置设备的设备类型和非通用组件对应的设备类型，从所述候选组件功能模板中选取所述参考组件功能模板；

若所述组件类别为通用组件，则从所述候选组件功能模板中选取所述参考组件功能模板。

可选的，样式参数确定模块330，具体用于：

确定所述待配置设备的组件样式关联数据；其中，所述组件样式关联数据包括所述待配置组件的大小和颜色；

根据所述组件样式关联数据，确定所述待配置组件的组件样式参数。

可选的，功能配置模块340，具体用于：

对所述组件样式参数和所述目标组件功能模板进行打包处理，得到目标组件配置包；

向所述待配置设备发送所述目标组件配置包，使所述待配置设备根据所述目标组件配置包对所述待配置组件进行功能配置。

本发明实施例所提供的跨端组件的配置装置，可执行本发明任意实施例所提供的跨端组件的配置方法，具备执行各跨端组件的配置方法相应的功能模块和有益效果。

本发明的技术方案中，所涉及的组件功能配置指令、设备类型、候选组件功能模板等的收集、存储、使用、加工、传输、提供和公开等处理，均符合相关法律法规的规定，且不违背公序良俗。

实施例四

图4是本发明实施例四提供的一种实现跨端组件的配置方法的电子设备的结构示意图。电子设备410旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备(如头盔、眼镜、手表等)和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本发明的实现。

如图4所示，电子设备410包括至少一个处理器411，以及与至少一个处理器411通信连接的存储器，如只读存储器(ROM)412、随机访问存储器(RAM)413等，其中，存储器存储有可被至少一个处理器执行的计算机程序，处理器411可以根据存储在只读存储器(ROM)412中的计算机程序或者从存储单元418加载到随机访问存储器(RAM)413中的计算机程序，来执行各种适当的动作和处理。在RAM 413中，还可存储电子设备410操作所需的各种程序和数据。处理器411、ROM 412以及RAM 413通过总线414彼此相连。输入/输出(I/O)接口415也连接至总线414。

电子设备410中的多个部件连接至I/O接口415，包括：输入单元416，例如键盘、鼠标等；输出单元417，例如各种类型的显示器、扬声器等；存储单元418，例如磁盘、光盘等；以及通信单元419，例如网卡、调制解调器、无线通信收发机等。通信单元419允许电子设备410通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。

处理器411可以是各种具有处理和计算能力的通用和/或专用处理组件。处理器411的一些示例包括但不限于中央处理单元(CPU)、图形处理单元(GPU)、各种专用的人工智能(AI)计算芯片、各种运行机器学习模型算法的处理器、数字信号处理器(DSP)、以及任何适当的处理器、控制器、微控制器等。处理器411执行上文所描述的各个方法和处理，例如跨端组件的配置方法。

在一些实施例中，跨端组件的配置方法可被实现为计算机程序，其被有形地包含于计算机可读存储介质，例如存储单元418。在一些实施例中，计算机程序的部分或者全部可以经由ROM 412和/或通信单元419而被载入和/或安装到电子设备410上。当计算机程序加载到RAM 413并由处理器411执行时，可以执行上文描述的跨端组件的配置方法的一个或多个步骤。备选地，在其他实施例中，处理器411可以通过其他任何适当的方式(例如，借助于固件)而被配置为执行跨端组件的配置方法。

本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、芯片上系统的系统(SOC)、负载可编程逻辑设备(CPLD)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。

用于实施本发明的方法的计算机程序可以采用一个或多个编程语言的任何组合来编写。这些计算机程序可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器，使得计算机程序当由处理器执行时使流程图和/或框图中所规定的功能/操作被实施。计算机程序可以完全在机器上执行、部分地在机器上执行，作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。

在本发明的上下文中，计算机可读存储介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的计算机程序。计算机可读存储介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。备选地，计算机可读存储介质可以是机器可读信号介质。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。

为了提供与用户的交互，可以在电子设备上实施此处描述的系统和技术，该电子设备具有：用于向用户显示信息的显示装置(例如，CRT(阴极射线管)或者LCD(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给电子设备。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。

可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(LAN)、广域网(WAN)、区块链网络和互联网。

计算系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器，又称为云计算服务器或云主机，是云计算服务体系中的一项主机产品，以解决了传统物理主机与VPS服务中，存在的管理难度大，业务扩展性弱的缺陷。

应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本发明中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本发明的技术方案所期望的结果，本文在此不进行限制。

上述具体实施方式，并不构成对本发明保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等，均应包含在本发明保护范围之内。

Claims (10)

1.一种跨端组件的配置方法，其特征在于，包括：

响应于组件功能配置指令，获取待配置设备中的待配置组件和待配置设备的设备类型；其中，所述设备类型为Web端或移动端，所述待配置组件适用于Web端和移动端；

根据所述待配置组件的组件标识，从预先构建的候选组件功能模板中选取目标组件功能模板；

基于待配置设备的设备类型，确定所述待配置组件的组件样式参数；

向所述待配置设备发送所述组件样式参数和所述目标组件功能模板，使所述待配置设备对所述待配置组件进行功能配置。

2.根据权利要求1所述的方法，其特征在于，所述根据所述待配置组件的组件标识，从预先构建的候选组件功能模板中选取目标组件功能模板，包括：

确定所述待配置组件的组件类别；其中，所述组件类别包括通用组件和非通用组件；

根据所述组件类别，从所述候选组件功能模板中选取参考组件功能模板；

根据所述组件标识，从所述参考组件功能模板中选取出所述目标组件功能模板。

3.根据权利要求2所述的方法，其特征在于，所述根据所述组件类别，从所述候选组件功能模板中选取参考组件功能模板，包括：

若所述组件类别为非通用组件，则确定非通用组件对应的设备类型；

根据所述待配置设备的设备类型和非通用组件对应的设备类型，从所述候选组件功能模板中选取所述参考组件功能模板；

若所述组件类别为通用组件，则从所述候选组件功能模板中选取所述参考组件功能模板。

4.根据权利要求1所述的方法，其特征在于，所述确定所述待配置组件的组件样式参数，包括：

确定所述待配置设备的组件样式关联数据；其中，所述组件样式关联数据包括所述待配置组件的大小和颜色；

根据所述组件样式关联数据，确定所述待配置组件的组件样式参数。

5.根据权利要求1所述的方法，其特征在于，所述向所述待配置设备发送所述组件样式参数和所述目标组件功能模板，使所述待配置设备对所述待配置组件进行功能配置，包括：

对所述组件样式参数和所述目标组件功能模板进行打包处理，得到目标组件配置包；

向所述待配置设备发送所述目标组件配置包，使所述待配置设备根据所述目标组件配置包对所述待配置组件进行功能配置。

6.一种跨端组件的配置装置，其特征在于，包括：

设备类型获取模块，用于响应于组件功能配置指令，获取待配置设备中的待配置组件和待配置设备的设备类型；其中，所述设备类型为Web端或移动端，所述待配置组件适用于Web端和移动端；

功能模板选取模块，用于根据所述待配置组件的组件标识，从预先构建的候选组件功能模板中选取目标组件功能模板；

样式参数确定模块，用于基于待配置设备的设备类型，确定所述待配置组件的组件样式参数；

功能配置模块，用于向所述待配置设备发送所述组件样式参数和所述目标组件功能模板，使所述待配置设备对所述待配置组件进行功能配置。

7.根据权利要求6所述的装置，其特征在于，所述功能模板块选取模块，包括：

组件类别确定单元，用于确定所述待配置组件的组件类别；其中，所述组件类别包括通用组件和非通用组件；

参考模块确定单元，用于根据所述组件类别，从所述候选组件功能模板中选取参考组件功能模板；

功能模板选取单元，用于根据所述组件标识，从所述参考组件功能模板中选取出所述目标组件功能模板。

8.根据权利要求6所述的装置，其特征在于，所述参考模块确定单元，具体用于：

若所述组件类别为非通用组件，则确定非通用组件对应的设备类型；

根据所述待配置设备的设备类型和非通用组件对应的设备类型，从所述候选组件功能模板中选取所述参考组件功能模板；

若所述组件类别为通用组件，则从所述候选组件功能模板中选取所述参考组件功能模板。

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

一个或多个处理器；

存储器，用于存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-5任一项所述的一种跨端组件的配置方法。

10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现如权利要求1-5任一项所述的一种跨端组件的配置方法。