CN113342413B - 用于处理组件的方法、装置、设备、介质和产品 - Google Patents

Abstract

本申请公开了用于处理组件的方法、装置、设备、介质和产品，涉及计算机领域，进一步涉及数据处理技术领域。具体实现方案为：获取目标组件；确定目标组件引用的目标变量，目标变量包括以下至少一项：单一变量、复合变量；基于目标变量，确定目标组件中各个组件状态的外观信息；根据外观信息处理目标组件。本实现方式可以提高组件处理效率。

Description

用于处理组件的方法、装置、设备、介质和产品

技术领域

本公开涉及计算机领域，进一步涉及数据处理技术领域，尤其涉及用于处理组件的方法、装置、设备、介质和产品。

背景技术

目前，在网页开发的过程中，随着页面的复杂性不断提高，组件作为页面的基础元素，组件数量也日益增多。

在实践中发现，对于每个组件，该组件通常具有多种组件状态。在对组件进行处理时，需要针对每个组件的每个组件状态进行处理。例如，如果需要修改某个组件，则可能需要人为修改该组件对应的每个组件状态。可见，现在的组件处理方式存在着处理效率低的问题。

发明内容

本公开提供了一种用于处理组件的方法、装置、设备、介质和产品。

根据第一方面，提供了一种用于处理组件的方法，包括：获取目标组件；确定目标组件引用的目标变量；目标变量包括以下至少一项：单一变量、复合变量；基于目标变量，确定目标组件中各个组件状态的外观信息；根据外观信息处理目标组件。

根据第二方面，提供了一种用于处理组件的装置，包括：组件获取单元，被配置成获取目标组件；变量确定单元，被配置成确定目标组件引用的目标变量；目标变量包括以下至少一项：单一变量、复合变量；外观确定单元，被配置成基于目标变量，确定目标组件中各个组件状态的外观信息；组件处理单元，被配置成根据外观信息处理目标组件。

根据第三方面，提供了一种执行用于处理组件的方法的电子设备，包括：一个或多个处理器；存储器，用于存储一个或多个程序；当一个或多个程序被一个或多个处理器执行，使得一个或多个处理器实现如上任意一项用于处理组件的方法。

根据第四方面，提供了一种存储有计算机指令的非瞬时计算机可读存储介质，其中，计算机指令用于使计算机执行如上任意一项用于处理组件的方法。

根据第五方面，提供了一种计算机程序产品，包括计算机程序，计算机程序在被处理器执行时实现如上任意一项用于处理组件的方法。

根据本申请的技术，提供一种用于处理组件的方法，能够基于目标组件引用的目标变量，目标变量包括以下至少一项：单一变量、复合变量，确定目标组件中各个组件状态的外观信息，实现了自动化地同时确定所有组件状态对应的外观信息，相较于人工逐个配置各个组件状态的外观信息，外观信息确定效率更高，以便基于外观信息处理目标组件，提高了组件处理效率。

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

附图说明

附图用于更好地理解本方案，不构成对本公开的限定。其中：

图1是本申请的一个实施例可以应用于其中的示例性系统架构图；

图2是根据本申请的用于处理组件的方法的一个实施例的流程图；

图3是根据本申请的用于处理组件的方法的一个应用场景的示意图；

图4是根据本申请的用于处理组件的方法的另一个实施例的流程图；

图5是根据本申请的用于处理组件的装置的一个实施例的结构示意图；

图6是用来实现本公开实施例的用于处理组件的方法的电子设备的框图。

具体实施方式

以下结合附图对本公开的示范性实施例做出说明，其中包括本公开实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本公开的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。

需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。

图1是根据本公开第一实施例的示例性系统架构示意图，其示出了可以应用本申请的用于处理组件的方法的实施例的示例性系统架构100。

如图1所示，系统架构100可以包括终端设备101、102、103，网络104和服务器105。网络104用以在终端设备101、102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。

用户可以使用终端设备101、102、103通过网络104与服务器105交互，以接收或发送消息等。终端设备101、102、103可以为手机、电脑以及平板等电子设备，在终端设备101、102、103中，可以显示各类页面，其中，每个页面包含多种组件，并且每个组件具有不同的组件状态，每种组件状态对应不同的外观。

终端设备101、102、103可以是硬件，也可以是软件。当终端设备101、102、103为硬件时，可以是各种电子设备，包括但不限于电视、智能手机、平板电脑、电子书阅读器、车载电脑、膝上型便携计算机和台式计算机等等。当终端设备101、102、103为软件时，可以安装在上述所列举的电子设备中。其可以实现成多个软件或软件模块(例如用来提供分布式服务)，也可以实现成单个软件或软件模块。在此不做具体限定。

服务器105可以是提供各种服务的服务器，例如可以为终端设备101、102、103中各类页面提供组件处理服务，此时，服务器105可以从数据库中获取需要进行处理的目标组件，再确定目标组件引用的目标变量，目标变量包括以下至少一项：单一变量或复合变量。之后，服务器105可以基于目标变量，确定目标组件的每种组件状态对应的外观信息，并根据外观信息处理目标组件，将处理后的目标组件发送给终端设备101、102、103，以使终端设备101、102、103显示处理后的目标组件。

需要说明的是，服务器105可以是硬件，也可以是软件。当服务器105为硬件时，可以实现成多个服务器组成的分布式服务器集群，也可以实现成单个服务器。当服务器105为软件时，可以实现成多个软件或软件模块(例如用来提供分布式服务)，也可以实现成单个软件或软件模块。在此不做具体限定。

需要说明的是，本申请实施例所提供的用于处理组件的方法可以由终端设备101、102、103执行，也可以由服务器105执行。相应地，用于处理组件的装置可以设置于终端设备101、102、103中，也可以设置于服务器105中。

应该理解，图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。

继续参考图2，示出了根据本申请的用于处理组件的方法的一个实施例的流程200。本实施例的用于处理组件的方法，包括以下步骤：

步骤201，获取目标组件。

在本实施例中，执行主体(如图1中的服务器105或者终端设备101、102、103)可以从预置的本地数据库或者其他用于存储数据的电子设备中获取需要进行处理的组件，作为目标组件。其中，组件是将至少一段完成相应功能的代码段封装为若干独立的部分所得到的，其可以用于实现页面的构造。并且目标组件的数量可以为一个，也可以为多个，本实施例对此不做限定。

步骤202，确定目标组件引用的目标变量；目标变量包括以下至少一项：单一变量、复合变量。

在本实施例中，单一变量指的是基于一种变量类型所确定的变量，复合变量指的是基于至少两种变量类型所确定的变量，目标组件可以只引用单一变量，也可以只引用复合变量，也可以同时引用单一变量和复合变量。具体的，单一变量可以包括但不限于基于字体类型所确定的变量、基于边框类型所确定的变量，基于字体类型所确定的变量具体可以包括但不限于字体大小、字体颜色、字体类别等，基于边框类型所确定的变量可以包括但不限于圆角大小、阴影样式、边框颜色等。进一步的，复合变量可以包括但不限于基于字体类型和边框类型共同确定的变量，以及基于字体类型、图标类型、边框类型共同确定的变量等。基于字体类型和边框类型共同确定的变量具体可以包括但不限于具有对应关系的字体颜色、边框颜色、背景填充色、字体大小、字体类别、圆角大小、阴影样式。基于字体类型、图标类型、边框类型共同确定的变量具体可以包括但不限于具有对应关系的字体颜色、边框颜色、背景填充色、字体大小、字体类别、圆角大小、阴影样式、图标大小、图标颜色。

其中，目标组件通过引用变量可以实现组件的外观显示效果确定。执行主体在获取到目标组件之后，可以基于预先存储的对应关系，确定和目标组件具有引用关系的变量。其中，预先存储的对应关系可以包括各个组件以及每个组件对应的变量。并且，目标组件可以引用单一变量，也可以引用复合变量，本实施例对此不做限定。在预设的所有变量中，单一变量和复合变量的数量可以为一个，也可以为多个，本实施例对此不做限定。并且每个单一变量可以对应着至少一个复合变量。

步骤203，基于目标变量，确定目标组件中各个组件状态的外观信息。

在本实施例中，目标组件中可以包括不同的组件状态，其中，组件状态可以包括但不限于组件的重要性状态和组件的人机交互状态。执行主体可以基于目标变量，确定出与每个组件状态相匹配的外观信息。对于复合变量而言，在复合变量对应的至少两种变量类型的每种变量类型中，存在着与目标组件的不同组件状态对应的不同外观显示效果。进一步的，外观信息指的是用于描述目标组件的组件状态的外观参数，可以包括但不限于颜色参数、背景参数、文字参数、图标参数等，本实施例对此不做限定。

可选的，基于目标变量，确定目标组件中各个组件状态的外观信息可以包括以下步骤：如果存在单一变量，将单一变量对应的单一变量类型外观显示效果确定为目标组件中每个组件状态的外观信息；如果存在复合变量，将复合变量对应的至少两种变量类型外观显示效果进行叠加，得到叠加后的外观显示效果，从叠加后的外观显示效果中确定与每个组件状态对应的外观信息，不同的组件状态在叠加后的外观显示效果中对应的外观信息不同。如果同时存在单一变量和复合变量，则将基于单一变量确定的外观信息和基于复合变量确定的外观信息进行融合，得到目标组件中各个组件状态的外观信息。

步骤204，根据外观信息处理目标组件。

在本实施例中，处理可以包括但不限于外观生成处理、外观修改处理、外观查找处理等，本实施例对此不做限定。对于外观生成处理而言，可以基于上述外观信息生成目标组件的外观；对于外观修改处理而言，可以基于上述外观信息和目标组件的现有外观之间的差异，对目标组件的外观进行修改；对于外观查找处理而言，可以响应于用户输入的、用于查找目标组件对应的外观信息的指令，输出该外观信息。

继续参见图3，其示出了根据本申请的用于处理组件的方法的一个应用场景的示意图。在图3的应用场景中，执行主体可以先获取目标组件303，具体的，目标组件303可以为输入框组件、选择器组件等。之后，执行主体可以确定目标组件303在所有单一变量301中引用的单一变量，以及确定目标组件303在所有复合变量302中引用的复合变量。需要说明的是，所有的单一变量301的改变对应着所有组件的外观信息改变。所有的复合变量302的改变对应着引用该复合变量的所有组件的外观信息改变。进一步的，执行主体可以基于目标组件303所引用的复合变量和单一变量确定目标组件303的各个组件状态的外观信息，并基于该外观信息对目标组件303进行处理。

本申请上述实施例提供的用于处理组件的方法，能够基于目标组件引用的目标变量，确定目标组件中各个组件状态的外观信息，实现了自动化地同时确定所有组件状态对应的外观信息，相较于人工逐个配置各个组件状态的外观信息，外观信息确定效率更高，以便基于外观信息处理目标组件，提高了组件处理效率。

继续参见图4，其示出了根据本申请的用于处理组件的方法的另一个实施例的流程400。如图4所示，本实施例的用于处理组件的方法可以包括以下步骤：

步骤401，获取目标组件。

在本实施例中，对于步骤401的详细描述请参照对于步骤201的详细描述，在此不再赘述。

步骤402，确定目标组件引用的目标变量；目标变量包括以下至少一项：单一变量、复合变量。

在本实施例中，对于步骤402的详细描述请参照对于步骤202的详细描述，在此不再赘述。

在本实施例的一些可选的实现方式中，确定目标组件引用的目标变量，包括：基于目标组件的重要性指标和人机交互状态，确定目标组件引用的复合变量。

在本实现方式中，目标组件的重要性指标用于描述组件的重要性程度，如重要程度高、重要程度中等、重要程度低。人机交互状态用于描述用户和组件之间的交互状态，可以包括但不限于默认状态、悬停状态、点击状态和禁用状态等。执行主体可以预先设置重要性指标和人机交互状态与外观之间的对应关系，并基于与重要性指标和人机交互状态对应的外观确定相应的复合变量。可选的，人机交互状态还可以包括错误状态、选中状态和激活状态，这些状态可以基于接收到的相关配置信息选择配置，例如选择配置默认状态、悬停状态、点击状态和禁用状态，又或者选择配置默认状态、悬停状态、点击状态、禁用状态和错误状态等。

步骤403，基于单一变量，确定目标组件中各个组件状态的单一外观信息；或者，基于背景变量和内容变量，确定目标组件中各个组件状态的背景外观信息和内容外观信息；或者，基于单一变量、背景变量和内容变量，确定目标组件中各个组件状态的单一外观信息、背景外观信息和内容外观信息。

在本实施例中，复合变量包括背景变量和内容变量。背景变量用于控制组件的背景层的外观，背景层可以由边框的描边、填充、圆角或阴影构成。内容变量用于控制组件的内容层的外观，内容层可以由文字或图标构成。对于每种变量，对应着相应的外观信息。其中，外观信息用于配置组件的外观。与单一变量对应的单一外观信息用于统一配置目标组件中所有组件状态的外观信息，例如将目标组件中每种组件状态对应的字体大小配置成统一的目标大小。与背景变量对应的背景外观信息用于配置组件的背景层的外观信息，与内容变量对应的内容外观信息用于配置组件的内容层的外观信息。需要说明的是，背景外观信息和内容外观信息用于差异化配置目标组件中不同组件状态的外观信息，不同组件状态对应着不同的背景外观信息和内容外观信息。可选的，对于背景层的外观而言，可以基于接收到的开关配置信息，选择需要配置的具体变量，如选择配置描边、填充，或者选择配置描边、填充和圆角等。

在本实施例的一些可选的实现方式中，基于背景变量和内容变量，确定目标组件中各个组件状态的背景外观信息和内容外观信息，包括：基于背景变量确定背景外观信息集合，以及基于内容变量确定内容外观信息集合；对于目标组件中的每个组件状态，在背景外观信息集合中确定该组件状态的背景外观信息，以及在内容外观信息集合中确定该组件状态的内容外观信息。

在本实现方式中，背景变量可以对应有背景外观信息集合，内容变量可以对应有内容外观信息集合，这种对应关系可以是预先配置好的。执行主体可以基于解析对应关系，确定包含多种背景外观信息的背景外观信息集合以及包含多种内容外观信息的内容外观信息集合。进一步的，执行主体可以针对目标组件的每个组件状态，从背景外观信息集合中确定该组件状态的背景外观信息，以及从内容外观信息集合中确定该组件状态的内容外观信息。

步骤404，基于单一外观信息生成目标组件的外观显示效果；或者，基于背景外观信息和内容外观信息生成目标组件的外观显示效果；或者，基于单一外观信息、背景外观信息和内容外观信息生成目标组件的外观显示效果。

在本实施例中，可选的，外观显示效果至少包括背景显示效果和内容显示效果。单一外观信息、背景外观信息、内容外观信息可以用于配置目标组件的统一外观格式、背景外观以及内容外观。基于这些信息可以整合生成目标组件的外观显示效果，如将统一外观格式、背景外观以及内容外观进行融合。例如按照统一外观格式对应的字号、背景外观对应的背景填充色以及内容外观对应的字体颜色共同生成目标组件的外观显示效果。

步骤405，基于背景显示效果确定第一标识。

在本实施例中，背景显示效果指的是目标组件的背景层的显示效果，执行主体可以生成对应该背景显示效果的第一标识。

步骤406，基于内容显示效果确定第二标识。

在本实施例中，内容显示效果指的是目标组件的内容层的显示效果，执行主体可以生成对应该内容显示效果的第二标识。

步骤407，将第一标识、第二标识和目标组件关联存储。

在本实施例中，基于将第一标识、第二标识和目标组件关联存储，可以快速确定与目标组件对应的背景显示效果和内容显示效果。

可选的，第一标识和第二标识的确定方式可以与单一变量的标识具有对应关系，以便关联存储单一变量和复合变量。并且在确定第一标识和第二标识的时候可以考虑背景显示效果或者内容显示效果的具体内容，如字体大小、重要程度高低，之后确定背景显示效果或者内容显示效果所属的分类等级，确定相应的标识。举例而言，对于内容显示效果中字体大小处于最大号分类等级的情况，可以将第二标识的数值部分确定为对应该分类等级的数值。另一种示例，单一变量的命名方式如果为t1，t2…tn，第一标识的命名方式可以为p0，p1…pn，第二标识的命名方式可以为tp0，tp1…tpn。

步骤408，响应于检测到对目标组件的外观修改指令，修改目标组件引用的复合变量。

在本实施例中，每个单一变量对应至少一个复合变量。外观修改指令用于修改目标组件的外观。通过只修改复合变量，无需对单一变量进行修改，降低对组件的影响。

本申请的上述实施例提供的用于处理组件的方法，还可以有选择的基于目标变量，选择性地配置不同种类的外观信息，不同种类的外观信息指的是单一外观信息、背景外观信息和内容外观信息，提高了外观信息的配置灵活度。并且背景变量和内容变量对应着不同组件状态的不同背景外观显示效果、不同内容外观显示效果，能够统一管理组件的不同组件状态的显示效果，进一步提高了组件处理效率。此外，还可以将能够表示背景显示效果的第一标识、能够表示内容显示效果的第二标识和目标组件关联存储，便于显示效果的读取与扩展。此外，复合变量的确定可以基于重要性指标、人机交互状态，提高了复合变量的多样性。以及，在修改目标组件时，可以只修改复合变量，不修改单一变量，降低单一变量对其他组件的影响，组件处理效果更好。

进一步参考图5，作为对上述各图所示方法的实现，本申请提供了一种用于处理组件的装置的一个实施例，该装置实施例与图2所示的方法实施例相对应，该装置具体可以应用于各种服务器或者终端设备中。

如图5所示，本实施例的用于处理组件的装置500包括：组件获取单元501、变量确定单元502、外观确定单元503、组件处理单元504。

组件获取单元501，被配置成获取目标组件。

变量确定单元502，被配置成确定目标组件引用的目标变量；目标变量包括以下至少一项：单一变量、复合变量。

外观确定单元503，被配置成基于目标变量，确定目标组件中各个组件状态的外观信息。

组件处理单元504，被配置成根据外观信息处理目标组件。

在本实施例的一些可选的实现方式中，复合变量包括背景变量和内容变量；以及外观确定单元503进一步被配置成：基于单一变量，确定目标组件中各个组件状态的单一外观信息；或者，基于背景变量和内容变量，确定目标组件中各个组件状态的背景外观信息和内容外观信息；或者，基于单一变量、背景变量和内容变量，确定目标组件中各个组件状态的单一外观信息、背景外观信息和内容外观信息。

在本实施例的一些可选的实现方式中，外观确定单元503进一步被配置成：基于背景变量确定背景外观信息集合，以及基于内容变量确定内容外观信息集合；对于目标组件中的每个组件状态，在背景外观信息集合中确定该组件状态的背景外观信息，以及在内容外观信息集合中确定该组件状态的内容外观信息。

在本实施例的一些可选的实现方式中，组件处理单元504进一步被配置成：基于单一外观信息生成目标组件的外观显示效果；或者，基于背景外观信息和内容外观信息生成目标组件的外观显示效果；或者，基于单一外观信息、背景外观信息和内容外观信息生成目标组件的外观显示效果。

在本实施例的一些可选的实现方式中，外观显示效果至少包括背景显示效果和内容显示效果；以及，装置还包括：标识确定单元，被配置成基于背景显示效果确定第一标识；以及基于内容显示效果确定第二标识；存储单元，被配置成将第一标识、第二标识和目标组件关联存储。

在本实施例的一些可选的实现方式中，变量确定单元502进一步被配置成：基于目标组件的重要性指标和人机交互状态，确定目标组件引用的复合变量。

在本实施例的一些可选的实现方式中，每个单一变量对应至少一个复合变量；以及，装置还包括：外观修改单元，被配置成响应于检测到对目标组件的外观修改指令，修改目标组件引用的复合变量。

应当理解，用于处理组件的装置500中记载的单元501至单元504分别与参考图2中描述的方法中的各个步骤相对应。由此，上文针对用处理组件的方法描述的操作和特征同样适用于装置500及其中包含的单元，在此不再赘述。

根据本申请的实施例，本公开还提供了一种电子设备、一种可读存储介质和一种计算机程序产品。

图6示出了用来实现本公开实施例的用于处理组件的方法的电子设备600的框图。电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本公开的实现。

如图6所示，设备600包括计算单元601，其可以根据存储在只读存储器(ROM)602中的计算机程序或者从存储单元608加载到随机访问存储器(RAM)603中的计算机程序，来执行各种适当的动作和处理。在RAM 603中，还可存储设备600操作所需的各种程序和数据。计算单元601、ROM 602以及RAM 603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总线604。

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

计算单元601可以是各种具有处理和计算能力的通用和/或专用处理组件。计算单元601的一些示例包括但不限于中央处理单元(CPU)、图形处理单元(GPU)、各种专用的人工智能(AI)计算芯片、各种运行机器学习模型算法的计算单元、数字信号处理器(DSP)、以及任何适当的处理器、控制器、微控制器等。计算单元601执行上文所描述的各个方法和处理，例如用于处理组件的方法。例如，在一些实施例中，用于处理组件的方法可被实现为计算机软件程序，其被有形地包含于机器可读介质，例如存储单元608。在一些实施例中，计算机程序的部分或者全部可以经由ROM 602和/或通信单元609而被载入和/或安装到设备600上。当计算机程序加载到RAM 603并由计算单元601执行时，可以执行上文描述的用于处理组件的方法的一个或多个步骤。备选地，在其他实施例中，计算单元601可以通过其他任何适当的方式(例如，借助于固件)而被配置为执行用于处理组件的方法。

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

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

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

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

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

计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。

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

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

Claims (10)

1.一种用于处理组件的方法，包括：

获取目标组件；

确定所述目标组件引用的目标变量；所述目标变量包括以下至少一项：单一变量、复合变量；

基于所述目标变量，确定所述目标组件中各个组件状态的外观信息；

根据所述外观信息处理所述目标组件；

其中，所述复合变量包括背景变量和内容变量，所述基于所述目标变量，确定所述目标组件中各个组件状态的外观信息，包括：

基于所述单一变量，确定所述目标组件中各个组件状态的单一外观信息；或者

基于所述背景变量和所述内容变量，确定所述目标组件中各个组件状态的背景外观信息和内容外观信息；或者

基于所述单一变量、所述背景变量和所述内容变量，确定所述目标组件中各个组件状态的所述单一外观信息、所述背景外观信息和所述内容外观信息；

其中，所述根据所述外观信息处理所述目标组件，包括：

基于所述单一外观信息生成所述目标组件的外观显示效果；或者

基于所述背景外观信息和所述内容外观信息生成所述目标组件的外观显示效果；或者

基于所述单一外观信息、所述背景外观信息和所述内容外观信息生成所述目标组件的外观显示效果；

其中，所述外观显示效果至少包括背景显示效果和内容显示效果，所述方法还包括：

基于所述背景显示效果确定第一标识；

基于所述内容显示效果确定第二标识；

将所述第一标识、所述第二标识和所述目标组件关联存储。

2.根据权利要求1所述的方法，其中，所述基于所述背景变量和所述内容变量，确定所述目标组件中各个组件状态的背景外观信息和内容外观信息，包括：

基于所述背景变量确定背景外观信息集合，以及基于所述内容变量确定内容外观信息集合；

对于所述目标组件中的每个组件状态，在所述背景外观信息集合中确定该组件状态的背景外观信息，以及在所述内容外观信息集合中确定该组件状态的内容外观信息。

3.根据权利要求1所述的方法，其中，所述确定所述目标组件引用的目标变量，包括：

基于所述目标组件的重要性指标和人机交互状态，确定所述目标组件引用的所述复合变量。

4.根据权利要求1所述的方法，其中，每个所述单一变量对应至少一个所述复合变量；以及

所述方法还包括：

响应于检测到对所述目标组件的外观修改指令，修改所述目标组件引用的所述复合变量。

5.一种用于处理组件的装置，包括：

组件获取单元，被配置成获取目标组件；

变量确定单元，被配置成确定所述目标组件引用的目标变量；所述目标变量包括以下至少一项：单一变量、复合变量；

外观确定单元，被配置成基于所述目标变量，确定所述目标组件中各个组件状态的外观信息；

组件处理单元，被配置成根据所述外观信息处理所述目标组件；

其中，所述复合变量包括背景变量和内容变量；以及

所述外观确定单元进一步被配置成：

基于所述单一变量，确定所述目标组件中各个组件状态的单一外观信息；或者

基于所述背景变量和所述内容变量，确定所述目标组件中各个组件状态的背景外观信息和内容外观信息；或者

基于所述单一变量、所述背景变量和所述内容变量，确定所述目标组件中各个组件状态的所述单一外观信息、所述背景外观信息和所述内容外观信息；

其中，所述组件处理单元进一步被配置成：

基于所述单一外观信息生成所述目标组件的外观显示效果；或者

基于所述背景外观信息和所述内容外观信息生成所述目标组件的外观显示效果；或者

基于所述单一外观信息、所述背景外观信息和所述内容外观信息生成所述目标组件的外观显示效果；

其中，所述外观显示效果至少包括背景显示效果和内容显示效果；所述装置还包括：

标识确定单元，被配置成基于所述背景显示效果确定第一标识；以及基于所述内容显示效果确定第二标识；

存储单元，被配置成将所述第一标识、所述第二标识和所述目标组件关联存储。

6.根据权利要求5所述的装置，其中，所述外观确定单元进一步被配置成：

基于所述背景变量确定背景外观信息集合，以及基于所述内容变量确定内容外观信息集合；

对于所述目标组件中的每个组件状态，在所述背景外观信息集合中确定该组件状态的背景外观信息，以及在所述内容外观信息集合中确定该组件状态的内容外观信息。

7.根据权利要求5所述的装置，其中，所述变量确定单元进一步被配置成：

基于所述目标组件的重要性指标和人机交互状态，确定所述目标组件引用的所述复合变量。

8.根据权利要求5所述的装置，其中，每个所述单一变量对应至少一个所述复合变量；以及

所述装置还包括：

外观修改单元，被配置成响应于检测到对所述目标组件的外观修改指令，修改所述目标组件引用的所述复合变量。

9. 一种执行用于处理组件的方法的电子设备，包括：

至少一个处理器；以及

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行权利要求1-4中任一项所述的方法。

10.一种存储有计算机指令的非瞬时计算机可读存储介质，其中，所述计算机指令用于使所述计算机执行根据权利要求1-4中任一项所述的方法。