CN107424033B - 一种组件渲染方法、页面显示方法、客户端、服务器以及存储介质 - Google Patents

Abstract

本申请实施方式公开了一种组件渲染方法、页面显示方法、客户端、服务器以及存储介质。所述方法包括：建立业务状态标识与样式标识的对应关系，以及建立样式标识与属性数据的对应关系；获取当前界面中的第一商品标识；向服务器请求获取所述第一商品标识对应的第一业务状态标识；接收服务器返回的第一业务状态标识；基于所述第一业务状态标识、所述业务状态标识与样式标识的对应关系、以及所述样式标识与属性数据的对应关系，获取第一组件内页面元素的属性数据；基于所述第一组件内页面元素的属性数据，对所述第一组件进行渲染。本申请实施方式的组件渲染方法、客户端、服务器以及系统，可以便捷地对客户端界面中组件的样式进行调整。

Description

一种组件渲染方法、页面显示方法、客户端、服务器以及存储 介质

技术领域

本申请涉及计算机技术领域，特别涉及一种组件渲染方法、页面显示方法、客户端、服务器以及存储介质。

背景技术

组件(Component)一般指可复用的数据对象，其能够完成某种功能并可以对外提供数据接口以使用该功能。通常可以将一些访问频率较高的数据对象作为组件。例如，可以将一个输入框作为一个组件，或者，可以将一个按钮作为一个组件，又或者，可以将一个复选框和一个文本框的组合作为一个组件。渲染(Render)一般指将数据对象转变为可视对象的过程。对组件进行渲染，可以指基于该组件的样式数据生成该组件的样式，以将该组件转变为可视对象的过程。

随着互联网技术的发展，用户越来越多地通过应用程序客户端浏览或购买商品。例如，通过移动智能电话安装的应用程序客户端浏览或购买商品。应用程序客户端一般可以包括多个界面(User Interface，UI)。例如，所述界面可以为网页界面。每个界面可以包括一个或多个组件。用户通过与所述一个或多个组件进行交互，可以对该界面中的商品进行操作。例如，界面可以包括按钮组件，用户通过点击该按钮组件，可以购买该界面中的商品。

在生成界面的过程中，通常需要对该界面中的组件进行渲染。现有技术中，安装应用程序客户端的终端设备中一般保存有该应用程序客户端的数据文件。其中，所述数据文件可以包括该应用程序客户端界面中组件的样式数据。那么，对界面中的组件进行渲染的过程通常可以包括：获取界面中的组件，从应用程序客户端的数据文件中获取所述组件的样式数据，基于获取的样式数据对所述组件进行渲染。

在实现本申请过程中，发明人发现现有技术中至少存在如下问题：

每个组件一般可以有多种样式。不同的样式可以对应不同的业务状态。一些情况下，可能需要将界面中的组件从一种样式调整为另一种样式。例如，对于界面中的按钮组件，在非促销业务状态下，该按钮组件的颜色为蓝色。在促销业务状态下，该按钮组件的颜色为红色。但是，上述现有技术中，对于界面中的组件，应用程序客户端的数据文件中一般只包括该组件的某一种样式对应的样式数据。因此，在应用程序客户端运行的过程中，该应用程序客户端界面中组件的样式是固定的，不能够调整。为了调整界面中组件的样式，通常需要对应用程序客户端的代码进行重新编写，调整过程不便捷，从而造成了人力资源和和时间资源的浪费，并且容易出现错误。

发明内容

本申请实施方式的目的是提供一种组件渲染方法、页面显示方法、客户端、服务器以及存储介质，以便捷地对客户端界面中组件的样式进行调整。

为解决上述技术问题，本申请实施方式提供一种组件渲染方法、页面显示方法、客户端、服务器以及存储介质是这样实现的：

一种页面显示方法，应用于客户端；所述方法包括：

向服务器发出页面加载请求；

接收所述服务器反馈的页面数据；其中，所述页面数据包括有至少一个页面元素；每个所述页面元素对应有样式索引标识；

根据每个所述页面元素的样式索引标识，在所述客户端存储的样式配置数据集中获取所述样式索引标识对应的样式标识；其中，在所述样式配置数据集中所述样式标识对应至少一个样式索引标识；所述样式标识指向用于表示所述页面元素的属性的取值的属性数据；

加载显示所述页面数据，其中，显示的所述页面元素的属性为所述属性数据表征的状态。

一种客户端，包括：通信组件、处理器和显示组件；其中，

所述通信组件，用于向服务器发出页面加载请求；接收所述服务器反馈的页面数据；其中，所述页面数据包括有至少一个页面元素；每个所述页面元素对应有样式索引标识；

所述处理器，用于根据每个所述页面元素的样式索引标识，在所述客户端存储的样式配置数据集中获取所述样式索引标识对应的样式标识；其中，在所述样式配置数据集中所述样式标识对应至少一个样式索引标识；所述样式标识指向用于表示所述页面元素的属性的取值的属性数据；

所述显示组件，用于加载显示所述页面数据；其中，显示的所述页面元素的属性为所述属性数据表征的状态。

一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现以下步骤：

向服务器发出页面加载请求；

接收所述服务器反馈的页面数据；其中，所述页面数据包括有至少一个页面元素；每个所述页面元素对应有样式索引标识；

根据每个所述页面元素的样式索引标识，在所述客户端存储的样式配置数据集中获取所述样式索引标识对应的样式标识；其中，在所述样式配置数据集中所述样式标识对应至少一个样式索引标识；所述样式标识指向用于表示所述页面元素的属性的取值的属性数据；

加载显示所述页面数据，其中，显示的所述页面元素的属性为所述属性数据表征的状态。

一种页面显示方法，包括：

接收第一客户端的页面加载请求；

获取所述页面加载请求指向的页面数据；其中，所述页面数据包括有至少一个页面元素；

将所述页面数据发送给所述第一客户端，以使所述第一客户端根据存储的第一属性数据配置所述页面元素，使得加载显示所述页面数据时，显示的所述页面元素的属性为所述第一属性数据表征的状态。

一种服务器，包括：通信组件和处理器；其中，

所述通信组件，用于接收第一客户端的页面加载请求；将所述处理器基于所述页面加载请求获取的页面数据发送给所述第一客户端，以使所述第一客户端根据存储的第一属性数据配置所述页面元素，使得加载显示所述页面数据时，显示的所述页面元素的属性为所述第一属性数据表征的状态；

所述处理器，用于获取所述页面加载请求指向的页面数据；其中，所述页面数据包括有至少一个页面元素。

一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现以下步骤：

接收第一客户端的页面加载请求；

获取所述页面加载请求指向的页面数据；其中，所述页面数据包括有至少一个页面元素；

将所述页面数据发送给所述第一客户端，以使所述第一客户端根据存储的第一属性数据配置所述页面元素，使得加载显示所述页面数据时，显示的所述页面元素的属性为所述第一属性数据表征的状态。

一种组件渲染方法，包括：

建立业务状态标识与样式标识的对应关系，以及建立样式标识与属性数据的对应关系，其中，所述样式标识为组件的样式标识，所述属性数据为页面元素的属性数据；

获取当前界面中的第一商品标识；

向服务器请求获取所述第一商品标识对应的第一业务状态标识；

接收服务器返回的第一业务状态标识；

基于所述第一业务状态标识、所述业务状态标识与样式标识的对应关系、以及所述样式标识与属性数据的对应关系，获取与所述第一商品标识对应的第一组件内页面元素的属性数据；

基于所述第一组件内页面元素的属性数据，对所述第一组件进行渲染。

另一种组件渲染方法，包括：

建立商品标识与业务状态标识的对应关系；

接收客户端发送的第一商品标识；

基于商品标识与业务状态标识的对应关系，获取所述第一商品标识对应的第一业务状态标识；

向客户端发送所述第一业务状态标识。

一种客户端，包括：

第一建立模块，用于建立业务状态标识与样式标识的对应关系，以及建立样式标识与属性数据的对应关系，其中，所述样式标识为组件的样式标识，所述属性数据为页面元素的属性数据；

第一获取模块，用于获取当前界面中的第一商品标识；

第一发送模块，用于向服务器请求获取所述第一商品标识对应的第一业务状态标识；

第一接收模块，用于接收服务器返回的第一业务状态标识；

第二获取模块，用于基于所述第一业务状态标识、所述业务状态标识与样式标识的对应关系、以及所述样式标识与属性数据的对应关系，获取与所述第一商品标识对应的第一组件内页面元素的属性数据；

渲染模块，用于基于所述第一组件内页面元素的属性数据，对所述第一组件进行渲染。

一种服务器，包括：

第二建立模块，用于建立商品标识与业务状态标识的对应关系；

第二接收模块，用于接收客户端发送的第一商品标识；

第三获取模块，用于基于商品标识与业务状态标识的对应关系，获取所述第一商品标识对应的第一业务状态标识；

第二发送模块，用于向客户端发送所述第一业务状态标识。

由以上本申请实施方式提供的技术方案可见，在本申请实施方式中，所述客户端在接收到服务器反馈的页面数据后，可以根据所述页面数据中每个页面元素的样式索引标识，在存储的样式配置数据集中获取所述样式索引标识对应的样式标识，所述样式标识指向用于表示所述页面元素的属性的取值的属性数据。如此，所述客户端可以加载显示所述页面数据，其中，显示的所述页面元素的属性为所述属性数据表征的状态。与现有技术相比，在本申请实施方式中，所述客户端可以在存储的样式配置数据集中获取页面元素对应的样式标识，并可以基于样式标识指向的属性数据，来加载显示所述页面数据。这样，在所述样式配置数据中样式标识指向的属性数据发生改变后，页面元素的显示效果也相应发生改变，从而可以实现在避免重现编写客户端代码的同时，调整页面显示效果的功能，避免了人力资源和时间的浪费。

附图说明

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

图1为本申请实施方式一种页面显示方法的流程图；

图2为本申请实施方式一种获取样式标识指向属性数据的示意图；

图3为本申请实施方式一个业务对象的页面数据示意图；

图4为本申请实施方式另一种页面显示方法的流程图；

图5为本申请实施方式一种组件渲染方法的流程图；

图6为本申请实施方式一种获取属性子数据方法的流程图；

图7为本申请实施方式另一种组件渲染方法的流程图；

图8为本申请实施方式另一种组件渲染方法的流程图；

图9为本申请实施方式一种客户端的功能结构示意图；

图10为本申请实施方式一种服务器的功能结构示意图；

图11为本申请实施方式一种系统的功能结构示意图；

图12为本申请实施方式另一种客户端的功能结构示意图；

图13为本申请实施方式另一种服务器的功能结构示意图。

具体实施方式

为了使本技术领域的人员更好地理解本申请中的技术方案，下面将结合本申请实施方式中的附图，对本申请实施方式中的技术方案进行清楚、完整地描述，显然，所描述的实施方式仅仅是本申请一部分实施方式，而不是全部的实施方式。基于本申请中的实施方式，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施方式，都应当属于本申请保护的范围。

本申请实施方式提供一种页面显示方法。所述页面显示方法可以应用于任一终端设备的客户端。所述终端设备可以为PC(personal computer)机、服务器、工控机(工业控制计算机)、移动智能电话、平板电子设备、便携式计算机(例如笔记本电脑等)、个人数字助理(PDA)、桌面型计算机或智能穿戴设备等。所述客户端可以为京东客户端、亚马逊客户端、支付宝客户端、天猫客户端、淘宝客户端或聚划算客户端等。

请参阅图1和图2。本申请实施方式可以包括以下步骤。

步骤S11：向服务器发出页面加载请求。

在本申请实施方式中，所述服务器可以对应于一个或多个客户端，所述一个或多个客户端可以包括执行本申请实施方式的客户端，当然，所述一个或多个客户端还可以包括其它客户端。例如，所述服务器可以为京东服务器，所述京东服务器可以对应于京东购物客户端和京东金融客户端，其中，所述京东购物客户端可以为执行本申请实施方式的客户端。

在本申请实施方式中，所述客户端可以在启动后，默认向所述服务器发出页面加载请求。所述页面加载请求中可以携带有指定页面标识，所述指定页面标识可以用于标识一个页面。所述指定页面标识具体可以为该页面的URL(Uniform Resource Locator)地址，当然，所述指定页面标识还可以为该页面的其它数据信息，例如，该页面的编码等。

或者，在本申请实施方式中，所述客户端在启动运行后，用户可以向所述客户端发送用于加载页面的触发指令。所述客户端在接收到来自用户的所述触发指令后，可以向所述服务器发出页面加载请求。用户向所述客户端发送用于加载页面的触发指令例如可以是，用户点击、双击或滑过用于加载页面的控件，所述控件可以为按钮控件、图形控件、或文字控件等。

步骤S12：接收所述服务器反馈的页面数据。

在本申请实施方式中，所述服务器可以接收来自所述客户端的页面加载请求，可以获取所述页面加载请求指向的页面数据，可以向所述客户端发送所述页面数据。所述客户端可以接收所述页面数据。例如，如前所述，所述页面加载请求中可以携带有指定页面标识。那么，所述服务器可以获取所述指定页面标识所标识的页面数据。

在本申请实施方式中，所述页面数据可以包括有至少一个页面元素。所述页面元素可以是页面中的一个UI(User Interface)单元，具体例如可以为标签控件、文本控件、按钮控件、文本框控件、图片控件等。所述页面数据中的至少一个页面元素在所述页面数据中可以具有位置关系，从而，在后续加载显示所述页面数据时，所述客户端可以根据所述页面元素的位置关系，来加载显示所述页面数据。

进一步地，为了便于管理，所述服务器还可以将所述页面数据中的一个或多个页面元素，组合形成一个或多个组件。如此，所述页面数据可以包括有一个或多个组件，每个组件可以包括一个或多个页面元素。

例如，图3所示一个业务对象的页面数据可以包括组件A、组件B和组件C。所述业务对象可以为商品或服务等。所述商品例如可以包括服装和数码产品等，所述服务例如可以包括话费充值和健康咨询等。组件A可以包括3个按钮控件，组件B可以包括1个图片控件、1个文本控件和1个文本框控件，组件C可以包括2个按钮控件。具体地，组件A可以包括业务对象按钮控件A_1、详情按钮控件A_2和评价按钮控件A_3。组件B可以包括用于显示业务对象图片的图片控件B_1、用于显示业务对象价格的文本控件B_2、和用于接收用户输入业务对象购买数量的文本框控件B_3。组件C可以包括用于将业务对象加入购物车的按钮控件C_1和用于下单的按钮控件C_2。

不同的客户端在获得所述业务对象的页面数据后，可以根据自身存储的属性数据，来对组件A、组件B和组件C进行配置，从而，组件A、组件B和组件C在所述不同客户端可以具有不同的显示效果，进而，避免了分别重新编写所述不同客户端的代码，节省了人力资源和时间。关于客户端对组件进行配置的细节在后续过程会进行详细介绍。

步骤S13：根据每个所述页面元素的样式索引标识，在所述客户端存储的样式配置数据集中获取所述样式索引标识对应的样式标识。

在本申请实施方式中，每个页面元素可以具有元素标识，所述元素标识可以用于标识该页面元素。不同页面元素的元素标识通常是不同的。例如，所述页面元素可以为按钮控件，所述按钮控件的元素标识可以为Button。又如，所述页面元素可以为文本框控件，所述文本控件的元素标识可以为EditText。

每个页面元素还可以具有一个或多个功能标识，所述一个或多个功能标识可以分别用于标识该页面元素实现的一个或多个功能。例如，所述客户端可以为京东客户端，所述页面元素可以为按钮控件，所述按钮控件在所述京东客户端可以用于将业务对象加入购物车，也可以用于下单，还可以用于进入业务对象的详情页面。那么，所述按钮控件的功能标识可以对应包括Cart、Order和Entry。

如此，在本申请实施方式中，针对所述页面数据中的每个页面元素，所述客户端可以基于该页面元素在所述页面数据实现的功能获取对应的功能标识，可以基于获取的功能标识和该页面元素的元素标识生成该页面元素的样式索引标识，从而，该页面元素的样式索引标识可以包括该页面元素的元素标识和功能标识。

例如，按钮控件Button的功能标识可以包括Cart、Order和Entry，功能标识Cart可以用于表示实现将业务对象加入购物车的功能，功能标识Order可以用于表示实现下单的功能，功能标识Entry可以用于表示实现进入业务对象的详情页面的功能。在所述页面数据中按钮控件Button实现的功能可以为进入业务对象的详情页面。那么，在所述页面数据中按钮控件Button的功能标识可以为Entry。

例如，所述客户端可以基于获取的功能标识和该页面元素的元素标识，以预设规则生成该页面元素的样式索引标识。所述预设规则例如可以为将功能标识和元素标识进行拼接，或者，将功能标识和元素标识进行编码等。

又如，所述客户端可以存储有样式索引标识集，所述样式索引标识集可以包括至少一个样式索引标识。所述样式索引标识可以对应有至少一个元素标识和至少一个功能标识；基于一个页面元素的元素标识和该页面元素的一个功能标识，在所述样式索引标识集可以唯一查找一个样式索引标识。从而，所述客户端可以基于获取的功能标识和该页面元素的元素标识，在所述样式索引标识集中查找样式索引标识，并可以将查找的样式索引标识作为该页面元素的样式索引标识。其中，所述客户端存储的样式索引标识集可以来自所述服务器。具体地，例如，所述客户端可以在启动后从所述服务器获取所述样式索引标识集；或者，所述样式索引标识集还可以集成于所述客户端的安装文件包中，从而，在所述安装文件包被运行后，所述客户端可以得到所述样式索引标识集。

在本申请实施方式中，所述客户端可以存储有样式配置数据集，所述样式配置数据集可以包括至少一个样式标识，所述样式标识可以指向用于表示页面元素的属性的取值的属性数据。其中，页面元素的属性例如可以为页面元素的颜色、字体或尺寸；页面元素的属性的取值例如可以为页面元素的颜色取值(例如RGB值或CMY值等)、字体取值(例如字形和字号等)或尺寸取值(例如长度和宽度等)等；页面元素的属性的取值的属性数据例如可以为颜色取值数据、字体取值数据或尺寸取值数据。所述客户端获取所述样式配置数据集的方式可以参照前述获取样式索引标识集的方式，在此不再赘述。

在所述样式配置数据集中样式标识可以对应至少一个样式索引标识；基于一个样式索引标识可以唯一查找一个样式标识。如此，在本申请实施方式中，针对所述页面数据中的每个页面元素，所述客户端可以基于该页面元素的样式索引标识，在所述样式配置数据集中查找对应的样式标识，并可以将查找的样式标识作为该页面元素在所述页面数据的样式标识。

步骤S14：加载显示所述页面数据。

在本申请实施方式中，经过前述步骤S13后，针对所述页面数据中的每个页面元素，所述客户端可以获取该页面元素在所述页面数据的样式标识，所述样式标识可以指向用于表示该页面元素的属性的取值的属性数据。从而，所述客户端可以基于所述页面数据中页面元素的样式标识指向的属性数据，加载显示所述页面数据，其中，显示的页面元素的属性可以为样式标识指向的属性数据表征的状态。例如，页面元素的一个属性可以为该页面元素的颜色，该属性的取值可以为RGB值(255，0，0)，该页面元素的样式标识可以指向RGB值(255，0，0)。那么，显示的该页面元素的颜色可以为RGB值(255，0，0)表征的状态，即，红色。

具体地，所述客户端可以存储有属性数据集。所述客户端获取所述属性数据集的方式可以参照前述获取样式索引标识集的方式，在此不再赘述。所述属性数据集可以包括至少一个属性子集。每个属性子集可以包括至少一个属性数据，且具有用于标识该属性子集的子集标识，所述子集标识可以与业务类型相对应。例如，所述客户端可以为京东购物客户端。那么，所述业务类型例如可以为京东超市、服装城、京东生鲜或全球购等。

如此，所述客户端可以获取所述页面数据对应的业务标识，所述业务标识可以用于表示所述页面数据隶属的业务类型。例如，所述页面数据例如可以为京东超市页面数据。那么，所述京东超市页面数据的业务标识可以为JD_SM。所述客户端可以获取所述业务标识在所述属性数据集中对应的目标子集标识；针对所述页面数据中的每个页面元素，可以在所述目标子集标识表示的属性子集中，获取该页面元素的样式标识指向的属性数据。

在本申请实施方式中，所述服务器可以向所述客户端发送所述页面数据对应的业务标识。例如，所述服务器可以在向所述客户端反馈所述页面数据的同时或之后，向所述客户端发送所述页面数据对应的业务标识。从而，所述客户端可以接收来自所述服务器的所述页面数据对应的业务标识。或者，所述客户端还可以获取所述页面加载请求对应的业务类型，可以将该业务类型对应的业务标识作为所述页面数据对应的业务标识。例如，所述页面加载请求可以是，在接收到用户针对用于加载页面的控件的触发指令后产生的。那么，所述客户端可以获取该控件对应的业务类型，可以将该业务类型对应的业务标识作为所述页面数据对应的业务标识。具体地，例如，该控件可以用于加载京东超市页面，那么，该控件对应的业务类型可以为京东超市。

在本申请实施方式中，所述业务标识表示的页面数据隶属的业务类型，可以与所述目标子集标识对应的业务类型，相一致。如此，所述客户端在获取目标子集标识的过程中，可以将与所述业务标识表示的业务类型相一致的子集标识，作为目标子集标识。

在本申请实施方式中，每个属性子集可以包括至少一个属性数据包，所述属性数据包括可以包括至少一个属性标识和至少一个属性数据，所述属性数据可以是对应的属性标识表示的属性的取值。每个属性数据包可以具有数据包标识。如此，所述客户端在获取样式标识指向的属性数据的过程中，可以在所述目标子集标识表示的属性子集中，确定所述样式标识匹配的数据包标识，可以将匹配的数据包标识表示的属性数据包中的属性数据，作为该样式标识指向的属性数据。

具体地，所述客户端确定所述样式标识匹配的数据包标识可以为，查找与所述样式标识相一致的数据包标识。当然，所述客户端还可以采用其它方式确定所述样式标识匹配的数据包标识。例如，查找与所述样式标识的语义相一致的数据包标识。

例如，请参阅图2。所述属性数据集可以包括3个属性子集，属性子集theme1可以包括至少一个属性数据，属性子集theme1的子集标识theme1可以与业务类型京东超市相对应。属性子集theme2可以包括至少一个属性数据，属性子集theme2的子集标识theme2可以与业务类型服装城相对应。属性子集common可以包括至少一个属性数据。属性子集common中的属性数据可以为默认属性数据，以用于无法在属性子集theme1和属性子集theme2中查找到某一样式标识指向的属性数据时，可以在属性子集common中查找到该样式标识指向的默认属性数据。从而，属性子集common的子集标识common可以理解为与任一业务类型相对应。

所述页面数据可以为京东超市页面数据，所述页面数据的业务类型可以为京东超市，所述页面数据的业务标识可以为JD_SM。在所述属性数据集中，属性子集theme1的子集标识theme1可以与业务类型京东超市相对应。那么，所述客户端可以确定子集标识theme1为目标子集标识。

一个页面元素的样式标识可以为EntryButtonStyle。那么，所述客户端可以在目标子集标识theme1表示的属性子集中，查找得到数据包标识EntryButtonStyle；并可以将数据包标识EntryButtonStyle表示的属性数据包中的属性数据，作为样式标识EntryButtonStyle指向的属性数据。

在一个实施方式中，每个页面元素还可以具有一个或多个业务状态标识，所述一个或多个业务状态标识可以分别用于标识该页面元素对应的业务对象，在所述页面数据的业务状态。所述业务状态例如可以为团购时的开团状态、团购时的未开团状态、促销状态、非促销状态、缺货状态或有货状态等。页面元素与业务对象相对应，可以理解为页面元素实现的功能是针对该业务对象的。例如，一个业务对象可以与1个图片控件、1个文本控件和1个文本框控件相对应，其中，图片控件可以用于显示该业务对象的图片，文本控件可以用于显示该业务对象的价格，文本框控件可以用于接收用户输入该业务对象的购买数量。

在本实施方式中，针对所述页面数据中的每个页面元素，所述客户端可以基于该页面元素在所述页面数据实现的功能获取对应的功能标识；可以基于该页面元素对应的业务对象在所述页面数据的业务状态，获取对应的业务状态标识；可以基于获取的功能标识、获取的业务状态标识和该页面元素的元素标识，生成该页面元素的样式索引标识，从而，该页面元素的样式索引标识可以包括该页面元素的元素标识、功能标识和业务状态标识。其中，所述客户端基于功能标识、业务状态标识和元素标识生成样式索引标识的过程，可以与基于功能标识和元素标识生成样式索引标识的过程，相类似，二者可以对照进行解释。

在本申请实施方式中，所述客户端在接收到服务器反馈的页面数据后，可以根据所述页面数据中每个页面元素的样式索引标识，在存储的样式配置数据集中获取所述样式索引标识对应的样式标识，所述样式标识指向用于表示所述页面元素的属性的取值的属性数据。如此，所述客户端可以加载显示所述页面数据，其中，显示的所述页面元素的属性为所述属性数据表征的状态。与现有技术相比，在本申请实施方式中，所述客户端可以在存储的样式配置数据集中获取页面元素对应的样式标识，并可以基于样式标识指向的属性数据，来加载显示所述页面数据。这样，在所述样式配置数据中样式标识指向的属性数据发生改变后，页面元素的显示效果也相应发生改变，从而可以实现在避免重现编写客户端代码的同时，调整页面显示效果的功能，避免了人力资源和时间的浪费。

本申请实施例提供一种页面显示方法。所述页面显示方法可以应用于服务器。所述服务器可以为一个服务器，还可以为包括多个服务器的服务器集群。所述服务器例如可以为京东服务器、亚马逊服务器或阿里巴巴服务器等。

请参阅图4。本申请实施方式可以包括以下步骤。

步骤S41：接收第一客户端的页面加载请求。

在本申请实施方式中，所述服务器例如可以为京东服务器，所述第一客户端例如可以为京东购物客户端或京东金融客户端。

在本申请实施方式中，所述第一客户端向所述服务器发送页面加载请求的方式，可以参照前述实施方式中的步骤S11。

步骤S42：获取所述页面加载请求指向的页面数据。

在本申请实施方式中，所述页面数据可以包括有至少一个页面元素。所述服务器获取所述页面加载请求指向的页面数据的方式，可以参照前述实施方式中的步骤S12。

步骤S43：将所述页面数据发送给所述第一客户端。

在本申请实施方式中，所述服务器可以将所述页面数据发给所述第一客户端，以便于所述第一客户端根据存储的第一属性数据配置所述页面元素，使得加载显示所述页面数据时，显示的所述页面元素的属性为所述第一属性数据表征的状态。其中，所述第一客户端根据存储的第一属性数据配置所述页面元素的过程，可以参照前述图1对应的实施方式，在此不再赘述。

在一个实施方式中，所述服务器还可以接收第二客户端的页面加载请求；可以将所述页面数据发送给所述第二客户端，以使所述第二客户端根据存储的第二属性数据配置所述页面元素，使得加载显示所述页面数据时，显示的所述页面元素的属性为所述第二属性数据表征的状态。

在本实施方式中，所述第一客户端和所述第二客户端不同。例如，所述服务器可以为京东服务器，所述第一客户端可以为京东购物客户端，所述第二客户端可以为京东金融客户端。

在本实施方式中，所述第一属性数据和所述第二属性数据不同。所述第二客户端根据存储的第二属性数据配置所述页面元素的过程，可以参照前述图1对应的实施方式，在此不再赘述。

在本实施方式中，在接收到来自所述服务器的同一页面数据后，所述第一客户端和所述第二客户端分别可以根据自身存储的属性数据，来对所述页面数据中的页面元素进行配置。从而，同一页面数据可以在所述第一客户端和所述第二客户端分别呈现不同的显示效果。

在本申请实施方式中，所述服务器可以接收第一客户端的页面加载请求；可以获取所述页面加载请求指向的页面数据，所述页面数据包括有至少一个页面元素；将所述页面数据发送给所述第一客户端。这样，所述第一客户端可以根据存储的第一属性数据来配置所述页面元素，使得加载显示所述页面数据时，显示的所述页面元素的属性为所述第一属性数据表征的状态。

本申请实施方式提供的页面显示方法，可以应用于组件渲染的实施应用场景。为便于理解，下面首先介绍一个可以实现所述实施应用场景的系统架构。所述系统架构可以包括客户端和服务器。其中，客户端可以为运行于终端设备上的应用程序客户端，例如购物类应用程序客户端等。所述终端设备可以包括PC(personal computer)机、服务器、工控机(工业控制计算机)、移动智能电话、平板电子设备、便携式计算机(例如笔记本电脑等)、个人数字助理(PDA)、桌面型计算机、智能穿戴设备等。所述客户端与所述服务器之间可以进行通信。

下面结合上述系统架构，详细介绍所述实施应用场景的一个实施方式。如图5所示，该实施方式包括：

S101：服务器建立商品标识与业务状态标识的对应关系。

在本实施方式中，所述商品可以包括客户端界面中展示的商品。一般地，所述客户端可以包括一个或多个界面。每个界面展示的商品数量可以为一个或多个。所述界面可以包括网页界面。例如，在客户端的商品概览网页界面中，可以展示多个商品。在客户端的商品详览网页界面中，可以展示一个商品。

所述商品标识(Identification，ID)通常用于标识商品。商品标识与商品之间可以具有一一对应的关系。例如，对于商品A，其商品标识可以为CID_A。对于商品B，其商品标识可以为CID_B。

在本实施方式中，所述业务状态一般为商品的业务状态，例如，可以包括商品团购时的开团状态、团购时的未开团状态、促销状态、非促销状态、缺货状态或有货状态等。一般地，每个商品可以对应一种业务状态。例如，对于商品A，其业务状态可以为促销状态、非促销状态、缺货状态或有货状态。

所述业务状态标识通常用于标识业务状态。业务状态标识与业务状态之间可以具有一一对应的关系。例如，对于促销业务状态，其业务状态标识可以为SID_CON。对于非促销业务状态，其业务状态标识可以SID_COFF。

在本实施方式中，服务器建立商品标识与业务状态标识对应关系的过程可以包括：对于每个商品，服务器可以获取所述商品的业务状态以及所述商品对应的商品标识，并可以获取所述业务状态对应的业务状态标识，建立所述商品标识与所述业务状态标识的对应关系。

在所述商品标识与业务状态标识的对应关系中，每个商品标识可以对应一个业务状态标识，每个业务状态标识可以对应一个或多个商品标识。例如，商品A的业务状态可以为促销状态或非促销状态。其中，商品A的商品标识可以为CID_A，促销状态的业务状态标识可以为SID_CON，非促销状态的业务状态标识可以为SID_COFF，那么，商品标识CID_A可以对应业务状态标识SID_CON或SID_COFF。又如，商品A和商品B的业务状态均可以为促销业务状态。其中，商品A的商品标识可以为CID_A，商品B的商品标识可以为CID_B，促销状态的业务状态标识可以为SID_CON，那么，商品标识CID_A和商品标识CID_B均可以对应业务状态标识SID_CON。

S102：客户端建立业务状态标识与样式标识的对应关系，以及建立样式标识与属性数据的对应关系。

在本实施方式中，所述样式标识通常用于标识组件样式。样式标识与组件样式之间可以具有一一对应的关系。例如，对于颜色为红色并且尺寸为10PX(Pixel，像素)的按钮样式，其样式标识可以为StyleID_ButtonA；对于颜色为蓝色并且尺寸为10PX的按钮样式，其样式标识可以为StyleID_ButtonB。

组件样式可以为该组件在界面中呈现的可视化状态。每个组件可以有一种或多种组件样式。具体地，每个组件可以通过一个或多个维度进行描述，将所述一个或多个维度进行组合，可以得到该组件的多种组件样式。所述维度可以包括颜色、尺寸和透明度等。例如，可以将一个按钮作为一个组件。当通过颜色和尺寸描述按钮时，通过颜色和尺寸的组合，可以得到该按钮的多种组件样式。进一步地，当所述颜色的数量为x，所述尺寸的数量为y时，那么，该按钮可以有x*y种组件样式，其中，x和y均为正整数。

每个组件可以有一种或多种组件样式，并且，样式标识与组件样式之间可以具有一一对应的关系。因此，每个组件可以对应一个或多个样式标识，每个样式标识可以对应一个组件。具体地，当一个组件有一种组件样式时，该组件可以对应一个样式标识。当一个组件有多种组件样式时，该组件可以对应多个样式标识。

每个组件样式可以对应一个业务状态。不同组件样式对应的业务状态一般是不相同的。例如，按钮组件可以有颜色为红色并且尺寸为10PX的组件样式，以及颜色为蓝色并且尺寸为10PX的组件样式。那么，颜色为红色并且尺寸为10PX的组件样式可以对应促销状态，颜色为蓝色并且尺寸为10PX的组件样式可以对应非促销状态。

在本实施方式中，所述属性数据一般为页面元素的属性数据，具体可以包括页面元素的颜色、尺寸和透明度等数据。基于每个页面元素的属性数据，可以对该页面元素进行渲染。其中，对页面元素进行渲染，可以指基于该页面元素的属性数据生成该页面元素的样式，以将该页面元素转变为可视对象的过程。页面元素的样式可以为该页面元素在界面中呈现的可视化状态。

页面元素一般指界面中的基本功能单元。每个组件可以包括一个或多个页面元素。不同组件的页面元素一般是不相同的。所述页面元素可以包括：输入框、复选框、单选框和文本框等。例如，输入框为界面中的基本功能单元，那么，当组件包括一个输入框时，该组件可以包括一个输入框页面元素。又如，复选框和文本框均为界面中的基本功能单元，那么，当组件包括一个复选框和两个文本框时，该组件可以包括一个复选框页面元素和两个文本框页面元素。

需要说明的是，当一个组件包括一个页面元素时，该页面元素的页面元素样式一般与该组件的组件样式相同，该页面元素的属性数据一般与该组件的样式数据相同。

在本实施方式中，客户端建立业务状态标识与样式标识对应关系的过程可以包括：对于每个组件样式，客户端可以获取所述组件样式对应的样式标识以及所述组件样式对应的业务状态，并可以获取所述业务状态对应的业务状态标识，建立所述样式标识与所述业务状态标识的对应关系。

在所述业务状态标识与样式标识的对应关系中，每个样式标识可以对应一个业务状态标识。当多个样式标识对应不同的组件时，每个业务状态标识可以对应所述多个样式标识中的一个或多个。当多个样式标识对应一个组件时，每个业务状态标识可以对应所述多个样式标识中的一个。例如，对于两个样式标识StyleID_ButtonA和StyleID_InPutA，其中，样式标识StyleID_ButtonA对应按钮组件，样式标识StyleID_InPutA对应输入框组件。那么，每个业务状态标识可以对应StyleID_ButtonA，或者，可以对应StyleID_InPutA，又或者，可以同时对应StyleID_ButtonA和StyleID_InPutA。又如，对于两个样式标识StyleID_ButtonA和StyleID_ButtonB，其中，样式标识StyleID_ButtonA和样式标识StyleID_ButtonB均对应按钮组件。那么，每个业务状态标识可以对应StyleID_ButtonA，或者，可以对应StyleID_ButtonB。

在一个实施方式中，可以将样式标识作为变量，将业务状态标识作为常量，通过将业务状态标识赋予样式标识，可以建立该样式标识与该业务状态标识的对应关系。例如，当样式标识为StyleID_ButtonA、业务状态标识为SID_CON时，可以将StyleID_ButtonA作为变量，将SID_CON作为常量，通过将SID_CON赋予StyleID_ButtonA，可以建立样式标识StyleID_ButtonA与业务状态标识SID_CON的对应关系。

在本实施方式中，客户端建立样式标识与属性数据对应关系的过程可以包括：对于每个组件样式，客户端可以获取所述组件样式对应的样式标识以及所述组件样式对应的组件，并可以获取所述组件中每个页面元素的属性数据，建立所述样式标识与所述每个页面元素的属性数据的对应关系。

在所述样式标识与属性数据的对应关系中，每个属性数据可以对应一个样式标识，每个样式标识可以对应一个或多个属性数据。具体地，当组件包括一个页面元素时，该组件的样式标识可以对应该页面元素的属性数据。当组件包括多个页面元素时，该组件的样式标识可以对应该多个页面元素的属性数据。

S103：客户端获取当前界面中的第一商品标识。

在本实施方式中，所述第一商品标识可以为当前界面中商品对应的商品标识。所述第一商品标识的数量可以为一个或多个。具体地，当当前界面中展示一个商品时，客户端可以获取该商品对应的商品标识。当当前界面中展示多个商品时，客户端可以获取每个商品对应的商品标识。

S104：客户端向服务器请求获取所述第一商品标识对应的第一业务状态标识。

在本实施方式中，客户端可以向服务器发送所述第一商品标识，并基于所述第一商品标识，向服务器请求获取第一业务状态标识。其中，所述第一业务状态标识可以为所述第一商品标识对应的业务状态标识。

S105：服务器接收所述第一商品标识，基于所述商品标识与业务状态标识的对应关系，获取所述第一商品标识对应的第一业务状态标识，并向客户端发送所述第一业务状态标识。

在本实施方式中，服务器可以接收客户端发送的第一商品标识，基于所述商品标识与业务状态标识的对应关系，可以获取所述第一商品标识对应的业务状态标识，并可以将该业务状态标识作为第一业务状态标识，向客户端发送所述第一业务状态标识。

具体地，在所述商品标识与业务状态标识的对应关系中，每个商品标识可以对应一个业务状态标识。因此，对于每个商品标识，基于所述商品标识与业务状态标识的对应关系，获取的与该商品标识对应的第一业务状态标识的数量一般为一个。进一步地，当服务器接收的第一商品标识的数量为一个时，获取的第一业务状态标识的数量一般为一个。当服务器接收的第一商品标识的数量为多个时，服务器获取的第一业务状态标识的数量一般为多个。

S106：客户端接收所述第一业务状态标识，并基于所述第一业务状态标识、所述业务状态标识与样式标识的对应关系、以及所述样式标识与属性数据的对应关系，获取与所述第一商品标识对应的第一组件内页面元素的属性数据。

在本实施方式中，客户端可以建立组件分别与商品标识和界面的对应关系。那么，所述与所述第一商品标识对应的第一组件可以通过如下的方式确定：客户端基于组件与界面的对应关系，获取当前界面对应的组件集，基于组件与商品标识的对应关系，可以从所述当前界面对应的组件集中获取所述第一商品标识对应的第一组件。

客户端可以在界面中展示一个或多个商品，还可以在该界面中展示一个或多个组件。其中，每个组件可以对应一个商品。每个商品可以对应一个或多个组件，用户通过与所述一个或多个组件进行交互，可以对该商品进行操作。因此，在所述组件与界面的对应关系中，每个界面可以对应一个或多个组件，每个组件可以对应一个或多个界面。例如，客户端可以在界面A中展示输入框组件和/或按钮组件，那么，界面A可以对应输入框组件和/或按钮组件。又如，客户端可以在界面A和/或界面B中展示输入框组件，那么，输入框组件可以对应界面A和/或界面B。在所述组件与商品标识的对应关系中，每个组件可以对应一个或多个商品标识。当多个组件对应不同的界面时，每个商品标识可以对应所述多个组件中的一个或多个。当多个组件对应一个界面时，每个商品标识可以对应所述多个组件中的一个。例如，对于按钮组件和输入框组件，其中，按钮组件对应界面A，输入框组件对应界面B。那么，每个商品标识可以对应按钮组件，或者，可以对应输入框组件，又或者，可以同时对应按钮组件和输入框组件。又如，对于按钮组件和输入框组件，其中，按钮组件和输入框组件均对应界面A。那么，每个商品标识可以对应按钮组件，或者，可以对应输入框组件。

在本实施方式中，客户端可以获取所述第一组件的样式配置数据集，其中，所述样式配置数据集中可以包括所述第一组件对应的一个或多个样式标识。客户端可以基于所述业务状态标识与样式标识的对应关系，从所述样式配置数据集中获取所述第一业务状态标识对应的第一样式标识，并可以基于所述第一样式标识、以及所述样式标识与属性数据的对应关系，获取所述第一组件内页面元素的属性数据。进一步地，当所述样式配置数据集中样式标识的数量为一个时，在所述业务状态标识与样式标识的对应关系中，所述第一业务状态标识一般与该样式标识具有对应关系，那么，可以将直接将该样式标识作为第一样式标识。当所述样式配置数据集中样式标识的数量为多个时，可以基于业务状态标识与样式标识的对应关系，从所述样式配置数据集中获取第一业务状态标识对应的样式标识，并将获取的样式标识作为第一样式标识。

需要说明的是，在所述业务状态标识与样式标识的对应关系中，当多个样式标识对应一个组件时，每个业务状态标识可以对应所述多个样式标识中的一个。因此，在从样式配置数据集中获取第一业务状态标识对应的第一样式标识时，获取的第一样式标识的数量一般为一个。

在一个实施方式中，可以从预设的属性数据文件中获取第一组件内页面元素的属性数据。其中，所述预设的属性数据文件可以位于客户端所在的终端设备上，具体可以包括该客户端界面中各个页面元素的属性数据。

在一个实施方式中，可以从预设的样式标识文件中获取第一组件的样式配置数据集。其中，所述预设的样式标识文件可以位于客户端所在的终端设备上，具体可以包括该客户端界面中各个组件的样式标识。

在一个实施方式中，所述基于所述第一样式标识、以及所述样式标识与属性数据的对应关系，获取所述第一组件内页面元素的属性数据，具体可以包括：基于所述样式标识与属性数据的对应关系，获取第一样式标识对应的属性数据集，并将所述属性数据集中的每个属性数据分配给第一组件内相应的页面元素，其中，所述属性数据集中属性数据的数量一般与第一组件内页面元素的数量相同。进一步地，当第一组件包括一个页面元素时，基于所述样式标识与属性数据的对应关系，可以获取第一样式标识对应的属性数据集，其中，所述属性数据集中属性数据的数量为一个。那么，可以将该属性数据分配给第一组件内的页面元素。当第一组件包括多个页面元素时，基于所述样式标识与属性数据的对应关系，可以获取第一样式标识对应的属性数据集，其中，所述属性数据集中属性数据的数量一般与第一组件内页面元素的数量相同。那么，可以将所述属性数据集中的每个属性数据分配给第一组件内相应的页面元素。

在另一个实施方式中，所述样式标识与属性数据的对应关系，可以包括样式标识与属性标识的对应关系以及属性标识与属性数据的对应关系。那么，所述基于所述第一样式标识、以及所述样式标识与属性数据的对应关系，获取所述第一组件内页面元素的属性数据，具体可以包括：可以基于所述样式标识与属性标识的对应关系，获取第一样式标识对应的属性标识集，可以基于所述属性标识与属性数据的对应关系，获取所述属性标识集中每个属性标识对应的属性数据，并可以将所述每个属性标识对应的属性数据分配给所述第一组件内相应的页面元素，其中，所述属性标识集中属性标识的数量一般与第一组件内页面元素的数量相同。

具体地，所述属性标识一般为页面元素的属性标识，用于标识页面元素样式。属性标识与页面元素样式之间可以具有一一对应的关系。例如，当将一个文本框作为一个页面元素时，对于颜色为红色并且尺寸为10PX的文本框样式，其属性标识可以为PID_TxtA，对于颜色为蓝色并且尺寸为10PX的文本框样式，其属性标识可以为PID_TxtB。

所述页面元素样式可以为该页面元素在界面中呈现的状态。每个页面元素可以有一种或多种页面元素样式。具体地，每个页面元素可以通过一个或多个维度进行描述，将所述一个或多个维度进行组合，可以得到该页面元素的多种页面元素样式。所述维度可以包括颜色、尺寸和透明度等。

每个页面元素可以有一种或多种页面元素样式，并且，属性标识与页面元素样式之间可以具有一一对应的关系。因此，每个属性标识可以对应一个页面元素，每个页面元素可以对应一个或多个属性标识。需要说明的是，当一个组件包括一个页面元素时，该页面元素的属性标识一般与该组件的样式标识相同。

进一步地，可以从预设的属性标识文件中获取第一样式标识对应的属性标识集。其中，所述预设的属性标识文件可以位于客户端所在的终端设备上。

具体地，客户端建立样式标识与属性标识对应关系的过程可以包括：对于每个组件，客户端可以获取所述组件的样式标识以及所述组件内每个页面元素的属性标识，并可以建立所述样式标识与所述每个页面元素的属性标识的对应关系。

每个组件可以包括一个或多个页面元素。每个页面元素可以对应一个组件。不同组件的页面元素一般是不相同的。因此，在所述样式标识与属性标识的对应关系中，每个样式标识可以对应一个或多个属性标识，每个属性标识可以对应一个样式标识。

具体地，客户端建立属性标识与属性数据对应关系的过程可以包括：对于每个页面元素，客户端可以获取所述页面元素的属性标识以及所述页面元素的属性数据，并可以建立所述属性标识与所述属性数据的对应关系。

在所述属性标识与属性数据的对应关系中，属性标识与属性数据之间可以具有一一对应的关系。

S107：客户端基于所述第一组件内页面元素的属性数据，对所述第一组件进行渲染。

在本实施方式中，对于第一组件内的每个页面元素，客户端可以基于该页面元素的属性数据，对该页面元素进行渲染。例如，当第一组件包括一个页面元素时，客户端可以基于该页面元素的属性数据，对该页面元素进行渲染。当第一组件包括多个页面元素时，对于每个页面元素，客户端可以基于该页面元素的属性数据，对该页面元素进行渲染。

在一个实施方式中，所述方法还可以包括：服务器建立商品标识与业务类型标识的对应关系；

相应地，在客户端建立样式标识与属性数据的对应关系之前，所述方法还可以包括：客户端基于业务类型和属性数据，生成属性子数据，并建立业务类型标识与属性子数据的对应关系；

相应地，在客户端获取当前界面中的第一商品标识之后，所述方法还可以包括：客户端向服务器请求获取所述第一商品标识对应的第一业务类型标识；

相应地，所述方法还可以包括：服务器基于所述商品标识与业务类型标识的对应关系，获取所述第一商品标识对应的第一业务类型标识，向客户端发送所述第一业务类型标识；

相应地，在客户端获取当前界面中的第一商品标识之后，所述方法还可以包括：客户端接收服务器返回的第一业务类型标识；

相应地，客户端基于所述第一业务状态标识、所述业务状态标识与样式标识的对应关系、以及所述样式标识与属性数据的对应关系，获取第一组件内页面元素的属性数据，具体可以包括：客户端基于所述第一业务状态标识、所述第一业务类型标识，所述业务状态标识与样式标识的对应关系、所述样式标识与属性数据的对应关系、以及所述业务类型标识与属性子数据的对应关系，获取第一组件内页面元素的属性子数据；

相应地，客户端基于第一组件内页面元素的属性数据，对所述第一组件进行渲染，具体可以包括：客户端基于第一组件内页面元素的属性子数据，对所述第一组件进行渲染。

具体地，所述业务类型一般为商品的业务类型，例如，可以包括淘宝业务、天猫业务和聚划算业务等。每个商品可以对应一个业务类型。例如，商品A可以对应淘宝业务，或者，可以对应天猫业务。

所述业务类型标识通常用于标识业务类型。业务类型标识和业务类型之间可以具有一一对应的关系。例如，对于淘宝业务，其业务类型标识可以为TB。对于天猫业务，其业务类型标识可以为TM。

具体地，服务器建立商品标识与业务类型标识对应关系的过程可以包括：对于每个商品，服务器可以获取所述商品对应的业务类型以及所述商品对应的商品标识，并可以获取所述业务类型对应的业务类型标识，建立所述商品标识和所述业务类型标识的对应关系。

每个商品可以对应一个业务类型，每个业务类型可以对应一个或多个商品。因此，在所述商品标识与业务类型标识的对应关系中，每个商品标识可以对应一个业务类型标识，每个业务类型标识可以对应一个或多个商品标识。

每个页面元素可以通过一个或多个维度进行描述，将所述一个或多个维度进行组合，可以得到该页面元素的多种页面元素样式。所述维度可以包括颜色、尺寸和透明度等。每个业务类型可以对应所述一个或多个维度中的一个或多个。那么，对于每个页面元素，可以基于业务类型、所述页面元素的维度、以及所述页面元素的属性数据，生成所述页面元素的属性子数据，并可以建立所述业务类型与所述属性子数据的对应关系，其中，所述属性子数据为所述属性数据中的数据，所述页面元素的属性子数据的数量一般与所述业务类型的数量相同。例如，一个文本框可以作为一个页面元素，该文本框可以通过颜色和尺寸两个维度进行描述，该文本框对应的业务类型可以包括淘宝业务和天猫业务，其中，淘宝业务可以对应该页面元素的颜色，天猫业务可以对应该页面元素的尺寸。那么，可以从该文本框的属性数据中获取颜色对应的子数据，并将颜色对应的子数据作为第一属性子数据；可以从该文本框的属性数据中获取尺寸对应的子数据，并将尺寸对应的子数据作为第二属性子数据；然后可以建立淘宝业务与第一属性子数据的对应关系，并建立天猫业务与第二属性子数据的对应关系。

在所述业务类型标识与属性子数据的对应关系中，每个属性子数据可以对应一个业务类型标识。对于不同页面元素的多个属性子数据，每个业务类型可以对应所述多个属性子数据中的一个或多个。对于一个页面元素的多个属性子数据，每个业务类型可以对应所述多个属性子数据中的一个。

进一步地，基于第一组件内页面元素的属性子数据，对所述第一组件进行渲染，具体可以包括：对于第一组件内的每个页面元素，可以获取该页面元素的属性数据以及该页面元素的属性子数据，并可以基于所述属性子数据和默认数据，对该页面元素进行渲染，其中，所述默认数据可以包括：所述第一组件的页面元素属性数据中除去所述属性子数据外剩余的预设了默认值的数据。例如，页面元素的属性数据可以包括用于描述颜色的数据、用于描述尺寸的数据、用于描述透明度的数据，其中，尺寸的默认值可以是10PX，颜色的默认值是红色，透明度的默认值可以是80％，当所述属性子数据为用于描述颜色的数据，并且其值为绿色时，那么，可以根据绿色的颜色、10PX的尺寸以及80％的透明度，渲染该页面元素。

进一步地，如图6所示，所述基于所述第一业务状态标识、所述第一业务类型标识、所述业务状态标识与样式标识的对应关系、所述样式标识与属性数据的对应关系、以及所述业务类型标识与属性子数据的对应关系，获取所述第一组件内页面元素的属性子数据，具体可以包括：

S201：获取第一组件的样式配置数据集。

所述第一组件为所述当前界面中与所述第一商品标识对应的组件。

具体地，客户端可以建立组件分别与商品标识和界面的对应关系。这样，客户端可以基于组件与界面的对应关系，获取所述当前界面对应的组件集，并可以基于组件与商品标识的对应关系，从所述组件集中获取所述第一商品标识对应的第一组件。

S202：基于所述业务状态标识与样式标识的对应关系，从所述样式配置数据集中获取第一业务状态标识对应的第一样式标识。

S203：基于所述样式标识与属性数据的对应关系，获取第一样式标识对应的属性数据集。

S204：基于所述属性数据集，获取第一属性子数据集。

可以基于所述属性数据集、以及属性数据与属性子数据的对应关系，获取第一属性子数据集。具体地，属性子数据一般为属性数据中的数据，那么，属性数据和属性子数据之间可以具有对应关系。例如，当基于一个属性数据，生成R个属性子数据时，可以建立该属性数据与该R个属性子数据的对应关系，其中，R为大于1的正整数。因此，可以基于属性数据与属性子数据的对应关系，获取所述属性数据集中每个属性数据对应的属性子数据，并将获取的属性子数据组成的集作为第一属性子数据集。

S205：基于所述业务类型标识与属性子数据的对应关系，从第一属性子数据集中获取所述第一业务类型标识对应的第二属性子数据集。

具体地，对于第一属性子数据集中的各个属性子数据，可以将对应同一属性数据的属性子数据作为一组，从而可以将第一属性子数据集中的各个属性子数据划分为多组属性子数据。对于每组属性子数据，可以基于所述业务类型标识与属性子数据的对应关系，获取第一业务类型标识对应的属性子数据。并可以将各组属性子数据中第一业务类型标识对应的属性子数据组成的集，作为第二属性子数据集。例如，属性数据A可以包括属性子数据A1、A2和A3，属性数据B可以包括属性子数据B1、B2和B3，所述第一属性子数据集中可以包括属性子数据A1、A2、A3、B1、B2和B3，那么，可以将对应属性数据A的属性子数据A1、A2和A3作为第一组属性子数据，将对应属性数据B的属性子数据B1、B2和B3作为第二组属性子数据，从而可以将第一属性子数据集中的各个属性子数据划分为两组属性子数据。然后对于第一组属性子数据，可以基于所述业务类型标识与属性子数据的对应关系，获取第一业务类型标识对应的属性子数据A1，对于第二组属性子数据，可以基于所述业务类型标识与属性子数据的对应关系，获取第一业务类型标识对应的属性子数据B1。然后可以将第一业务类型标识对应的属性子数据A1和B1组成的集，作为第二属性子数据集。

S206：将第二属性子数据集中的每个属性子数据分配给第一组件内相应的页面元素。

具体地，在所述业务类型标识与属性子数据的对应关系中，对于一个页面元素的多个属性子数据，每个业务类型可以对应该多个属性子数据中的一个。那么，所述第二属性子数据集中属性子数据的数量一般与步骤S204属性数据集中属性数据的数量相同。并且，步骤S204属性数据集与第一样式标识一般具有对应关系，其中，所述第一样式标识为第一组件的样式标识。因此，第二属性子数据集中属性子数据的数量一般与第一组件内页面元素的数量相同，可以将第二属性子数据集中的每个属性子数据分配给第一组件内相应的页面元素。

需要说明的是，图6仅示出了一种可能的步骤顺序，实际上并不限定必须严格按照此顺序。有些步骤可以在互不依赖的情况下并行执行，例如步骤S101和步骤S102。

图5所对应的实施方式，服务器可以建立商品标识与业务状态标识的对应关系。客户端可以建立业务状态标识与样式标识的对应关系，以及建立样式标识与属性数据的对应关系。客户端可以获取当前界面中的第一商品标识，并可以基于所述第一商品标识，获取服务器返回的第一业务状态标识，可以基于所述第一业务状态标识、所述业务状态标识与样式标识的对应关系、所述样式标识与属性数据的对应关系，获取第一组件内页面元素的属性数据，并可以基于所述第一组件内页面元素的属性数据，对所述第一组件进行渲染。与现有技术相比，图5所对应的实施方式中，客户端通过建立业务状态标识与样式标识的对应关系，以及建立样式标识与属性数据的对应关系，可以使业务状态标识与属性数据产生对应关系。这样，通过调整服务器中业务状态标识与商品标识的对应关系，可以调整该商品标识所对应页面元素的属性数据，从而可以实现对该商品标识所对应组件内页面元素的样式进行调整。因此，图5所对应的实施方式可以便捷地对客户端界面中组件的样式进行调整。

进一步地，客户端的主题一般与界面中组件的样式相关。因此，通过对客户端界面中组件的样式进行调整，可以实现对客户端的主题进行调整。

基于图5所对应的实施方式，以客户端为主体，可以形成图7所示的实施方式。如图7所示，该实施方式可以包括：

S301：建立业务状态标识与样式标识的对应关系，以及建立样式标识与属性数据的对应关系。

S302：获取当前界面中的第一商品标识。

S303：向服务器请求获取所述第一商品标识对应的第一业务状态标识。

S304：接收服务器返回的第一业务状态标识。

S305：基于所述第一业务状态标识、所述业务状态标识与样式标识的对应关系、以及所述样式标识与属性数据的对应关系，获取与所述第一商品标识对应的第一组件内页面元素的属性数据。

具体地，所述第一组件为所述当前界面中与所述第一商品标识对应的组件。

S306：基于所述第一组件内页面元素的属性数据，对所述第一组件进行渲染。

在一个实施方式中，在建立样式标识与属性数据的对应关系之前，所述方法还可以包括：基于业务类型和属性数据，生成属性子数据，并建立业务类型标识与属性子数据的对应关系；

相应地，在获取当前界面中的第一商品标识之后，所述方法还可以包括：向服务器请求获取所述第一商品标识对应的第一业务类型标识，接收服务器返回的第一业务类型标识。

相应地，所述基于所述第一业务状态标识、所述业务状态标识与样式标识的对应关系、以及所述样式标识与属性数据的对应关系，获取第一组件内页面元素的属性数据，具体可以包括：基于所述第一业务状态标识、所述第一业务类型标识，所述业务状态标识与样式标识的对应关系、所述样式标识与属性数据的对应关系、以及所述业务类型标识与属性子数据的对应关系，获取所述第一组件内页面元素的属性子数据。

相应地，所述基于第一组件内页面元素的属性数据，对所述第一组件进行渲染，具体可以包括：基于所述第一组件内页面元素的属性子数据，对所述第一组件进行渲染。

基于图5所对应的实施方式，以服务器为主体，可以形成图8所示的实施方式。如图8所示，该实施方式可以包括：

S401：建立商品标识与业务状态标识的对应关系。

S402：接收客户端发送的第一商品标识。

S403：基于所述商品标识与业务状态标识的对应关系，获取所述第一商品标识对应的第一业务状态标识。

S404：向客户端发送所述第一业务状态标识。

在一个实施方式中，所述方法还可以包括：建立商品标识与业务类型标识的对应关系；基于所述商品标识与业务类型标识的对应关系，获取所述第一商品标识对应的第一业务类型标识；向客户端发送所述第一业务类型标识。

本申请实施方式还提供一种客户端。如图9所示，该客户端可以包括：

第一建立模块501，用于建立业务状态标识与样式标识的对应关系，以及建立样式标识与属性数据的对应关系，其中，所述样式标识为组件的样式标识，所述属性数据为页面元素的属性数据；

第一获取模块502，用于获取当前界面中的第一商品标识；

第一发送模块503，用于向服务器发送所述第一商品标识，并向服务器请求获取所述第一商品标识对应的第一业务状态标识；

第一接收模块504，用于接收服务器返回的第一业务状态标识；

第二获取模块505，用于基于所述第一业务状态标识、所述业务状态标识与样式标识的对应关系、以及所述样式标识与属性数据的对应关系，获取与所述第一商品标识对应的第一组件内页面元素的属性数据；

渲染模块506，用于基于所述第一组件内页面元素的属性数据，对所述第一组件进行渲染。

本申请实施方式还提供一种服务器，如图10所示，该服务器可以包括：

第二建立模块601，用于建立商品标识与业务状态标识的对应关系；

第二接收模块602，用于接收客户端发送的第一商品标识；

第三获取模块603，用于基于所述商品标识与业务状态标识的对应关系，获取所述第一商品标识对应的第一业务状态标识；

第二发送模块604，用于向客户端发送所述第一业务状态标识。

本申请实施例还提供一种系统，如图11所示，包括：

客户端701，用于建立业务状态标识与样式标识的对应关系，以及建立样式标识与属性数据的对应关系，获取当前界面中的第一商品标识，向服务器请求获取所述第一商品标识对应的第一业务状态标识，接收服务器返回的第一业务状态标识，基于所述第一业务状态标识、所述业务状态标识与样式标识的对应关系、以及所述样式标识与属性数据的对应关系，获取与所述第一商品标识对应的第一组件内页面元素的属性数据，基于所述第一组件内页面元素的属性数据，对所述第一组件进行渲染，其中，所述样式标识为组件的样式标识，所述属性数据为页面元素的属性数据；

服务器702，用于建立商品标识与业务状态标识的对应关系，接收客户端发送的第一商品标识，基于所述商品标识与业务状态标识的对应关系，获取所述第一商品标识对应的第一业务状态标识，向客户端发送所述第一业务状态标识。

本申请实施方式提供一种客户端。请参阅图12。所述客户端可以包括通信组件、处理器和显示组件。

在本申请实施方式中，所述通信组件包括但不限于有线网卡、无线网卡、蓝牙模块、红外收发模块、超宽带通信模块、以及紫蜂协议通信模块等。

在本申请实施方式中，所述通信组件可以用于建立通信连接并进行数据传输。具体地，所述通信组件可以用于向服务器发出页面加载请求；接收所述服务器反馈的页面数据；其中，所述页面数据包括有至少一个页面元素；每个所述页面元素对应有样式索引标识。

在本申请实施方式中，所述处理器可以按任何适当的方式实现。例如，所述处理器可以采取例如微处理器或处理器以及存储可由该(微)处理器执行的计算机可读程序代码(例如软件或固件)的计算机可读介质、逻辑门、开关、专用集成电路(ApplicationSpecific Integrated Circuit，ASIC)、可编程逻辑控制器和嵌入微控制器的形式等等。

在本申请实施方式中，所述处理器可以用于根据每个所述页面元素的样式索引标识，在所述客户端存储的样式配置数据集中获取所述样式索引标识对应的样式标识；其中，在所述样式配置数据集中所述样式标识对应至少一个样式索引标识；所述样式标识指向用于表示所述页面元素的属性的取值的属性数据。

在本申请实施方式中，所述显示组件包括但不限于液晶(Liquid CrystalDisplay，LCD)显示器、阴极射线管(Cathode Ray Tube，CRT)显示器、和发光二极管(LightEmitting Diode，LED)显示器等。

在本申请实施方式中，所述显示组件可以用于加载显示所述页面数据；其中，显示的所述页面元素的属性为所述属性数据表征的状态。

本申请实施例公开的客户端，其通信组件、处理器和显示组件实现的具体功能，可以与本申请中的前述实施方式相对照解释。

本申请实施方式提供一种计算机可读存储介质，其上存储有计算机程序。所述计算机程序被处理器执行时实现以下步骤：

向服务器发出页面加载请求；

接收所述服务器反馈的页面数据；其中，所述页面数据包括有至少一个页面元素；每个所述页面元素对应有样式索引标识；

根据每个所述页面元素的样式索引标识，在所述客户端存储的样式配置数据集中获取所述样式索引标识对应的样式标识；其中，在所述样式配置数据集中所述样式标识对应至少一个样式索引标识；所述样式标识指向用于表示所述页面元素的属性的取值的属性数据；

加载显示所述页面数据，其中，显示的所述页面元素的属性为所述属性数据表征的状态。

以上各步骤的详细过程，可以参照本申请中的前述实施方式。

本申请实施方式提供一种服务器。请参阅图13。所述服务器可以包括通信组件和处理器。

在本申请实施方式中，所述通信组件包括但不限于有线网卡、无线网卡、蓝牙模块、红外收发模块、超宽带通信模块、以及紫蜂协议通信模块等。

在本申请实施方式中，所述通信组件可以用于接收第一客户端的页面加载请求；将所述处理器基于所述页面加载请求获取的页面数据发送给所述第一客户端，以使所述第一客户端根据存储的第一属性数据配置所述页面元素，使得加载显示所述页面数据时，显示的所述页面元素的属性为所述第一属性数据表征的状态。

在本申请实施方式中，所述处理器可以按任何适当的方式实现。例如，所述处理器可以采取例如微处理器或处理器以及存储可由该(微)处理器执行的计算机可读程序代码(例如软件或固件)的计算机可读介质、逻辑门、开关、专用集成电路(ApplicationSpecific Integrated Circuit，ASIC)、可编程逻辑控制器和嵌入微控制器的形式等等。

在本申请实施方式中，所述处理器可以用于获取所述页面加载请求指向的页面数据；其中，所述页面数据包括有至少一个页面元素。

本申请实施例公开的服务器，其通信组件和处理器实现的具体功能，可以与本申请中的前述实施方式相对照解释。

本申请实施方式提供一种计算机可读存储介质，其上存储有计算机程序。所述计算机程序被处理器执行时实现以下步骤：

接收第一客户端的页面加载请求；

获取所述页面加载请求指向的页面数据；其中，所述页面数据包括有至少一个页面元素；

将所述页面数据发送给所述第一客户端，以使所述第一客户端根据存储的第一属性数据配置所述页面元素，使得加载显示所述页面数据时，显示的所述页面元素的属性为所述第一属性数据表征的状态。

以上各步骤的详细过程，可以参照本申请中的前述实施方式。

在20世纪90年代，对于一个技术的改进可以很明显地区分是硬件上的改进(例如，对二极管、晶体管、开关等电路结构的改进)还是软件上的改进(对于方法流程的改进)。然而，随着技术的发展，当今的很多方法流程的改进已经可以视为硬件电路结构的直接改进。设计人员几乎都通过将改进的方法流程编程到硬件电路中来得到相应的硬件电路结构。因此，不能说一个方法流程的改进就不能用硬件实体模块来实现。例如，可编程逻辑器件(Programmable Logic Device,PLD)(例如现场可编程门阵列(Field Programmable GateArray，FPGA))就是这样一种集成电路，其逻辑功能由用户对器件编程来确定。由设计人员自行编程来把一个数字系统“集成”在一片PLD上，而不需要请芯片制造厂商来设计和制作专用的集成电路芯片2。而且，如今，取代手工地制作集成电路芯片，这种编程也多半改用“逻辑编译器(logic compiler)”软件来实现，它与程序开发撰写时所用的软件编译器相类似，而要编译之前的原始代码也得用特定的编程语言来撰写，此称之为硬件描述语言(Hardware Description Language，HDL)，而HDL也并非仅有一种，而是有许多种，如ABEL(Advanced Boolean Expression Language)、AHDL(Altera Hardware DescriptionLanguage)、Confluence、CUPL(Cornell University Programming Language)、HDCal、JHDL(Java Hardware Description Language)、Lava、Lola、MyHDL、PALASM、RHDL(RubyHardware Description Language)等，目前最普遍使用的是VHDL(Very-High-SpeedIntegrated Circuit Hardware Description Language)与Verilog2。本领域技术人员也应该清楚，只需要将方法流程用上述几种硬件描述语言稍作逻辑编程并编程到集成电路中，就可以很容易得到实现该逻辑方法流程的硬件电路。

本领域技术人员也知道，除了以纯计算机可读程序代码方式实现控制器以外，完全可以通过将方法步骤进行逻辑编程来使得控制器以逻辑门、开关、专用集成电路、可编程逻辑控制器和嵌入微控制器等的形式来实现相同功能。因此这种控制器可以被认为是一种硬件部件，而对其内包括的用于实现各种功能的装置也可以视为硬件部件内的结构。或者甚至，可以将用于实现各种功能的装置视为既可以是实现方法的软件模块又可以是硬件部件内的结构。

上述实施方式阐明的系统、装置、模块或单元，具体可以由计算机芯片或实体实现，或者由具有某种功能的产品来实现。

为了描述的方便，描述以上装置时以功能分为各种单元分别描述。当然，在实施本申请时可以把各单元的功能在同一个或多个软件和/或硬件中实现。

通过以上的实施方式的描述可知，本领域的技术人员可以清楚地了解到本申请可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在存储介质中，如ROM/RAM、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本申请各个实施方式或者实施方式的某些部分所述的方法。

本说明书中的各个实施方式均采用递进的方式描述，各个实施方式之间相同相似的部分互相参见即可，每个实施方式重点说明的都是与其他实施方式的不同之处。尤其，对于系统实施方式而言，由于其基本相似于方法实施方式，所以描述的比较简单，相关之处参见方法实施方式的部分说明即可。

本申请可用于众多通用或专用的计算机系统环境或配置中。例如：个人计算机、服务器计算机、手持设备或便携式设备、平板型设备、多处理器系统、基于微处理器的系统、置顶盒、可编程的消费电子设备、网络PC、小型计算机、大型计算机、包括以上任何系统或设备的分布式计算环境等等。

本申请可以在由计算机执行的计算机可执行指令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本申请，在这些分布式计算环境中，由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。

虽然通过实施方式描绘了本申请，本领域普通技术人员知道，本申请有许多变形和变化而不脱离本申请的精神，希望所附的权利要求包括这些变形和变化而不脱离本申请的精神。

Claims (21)

1.一种页面显示方法，其特征在于，应用于客户端；所述方法包括：

向服务器发出页面加载请求；

接收所述服务器反馈的页面数据；其中，所述页面数据包括有至少一个页面元素；每个所述页面元素对应有样式索引标识；

根据每个所述页面元素的样式索引标识，在所述客户端存储的样式配置数据集中获取所述样式索引标识对应的样式标识；其中，在所述样式配置数据集中所述样式标识对应至少一个样式索引标识；所述样式标识指向用于表示所述页面元素的属性的取值的属性数据；

加载显示所述页面数据，其中，显示的所述页面元素的属性为所述属性数据表征的状态。

2.如权利要求1所述的方法，其特征在于，每个所述页面元素具有元素标识和功能标识；所述元素标识用于标识所述页面元素，所述功能标识用于表示所述页面元素用于实现的功能；所述样式索引标识包括：所述功能标识和所述元素标识。

3.如权利要求1所述的方法，其特征在于，所述客户端存储有属性数据集；所述属性数据集包括至少一个属性子集；每个所述属性子集包括至少一个属性数据；每个所述属性子集具有相应的子集标识；所述子集标识与业务类型相对应；在加载显示所述页面数据的步骤中，包括：

获取所述页面数据对应的业务标识；所述业务标识用于表示所述页面数据隶属的业务类型；

根据所述业务标识表示的业务类型在所述属性数据集中确定对应的目标子集标识；

在所述目标子集标识表示的属性子集中确定所述样式标识指向的属性数据。

4.如权利要求3所述的方法，其特征在于，所述属性子集中包括至少一个属性数据包；所述属性数据包中包括至少一个属性标识和至少一个属性数据；所述属性数据是对应的属性标识表示的属性的取值；每个所述属性数据包具有数据包标识；在加载显示所述页面数据的步骤中，还包括：

在所述目标子集标识表示的属性子集中，确定与所述样式标识匹配的数据包标识；所述数据包标识表示的属性数据包中的属性数据为所述样式标识指向的属性数据。

5.一种客户端，其特征在于，包括：通信组件、处理器和显示组件；其中，

所述通信组件，用于向服务器发出页面加载请求；接收所述服务器反馈的页面数据；其中，所述页面数据包括有至少一个页面元素；每个所述页面元素对应有样式索引标识；

所述处理器，用于根据每个所述页面元素的样式索引标识，在所述客户端存储的样式配置数据集中获取所述样式索引标识对应的样式标识；其中，在所述样式配置数据集中所述样式标识对应至少一个样式索引标识；所述样式标识指向用于表示所述页面元素的属性的取值的属性数据；

所述显示组件，用于加载显示所述页面数据；其中，显示的所述页面元素的属性为所述属性数据表征的状态。

6.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现以下步骤：

向服务器发出页面加载请求；

接收所述服务器反馈的页面数据；其中，所述页面数据包括有至少一个页面元素；每个所述页面元素对应有样式索引标识；

根据每个所述页面元素的样式索引标识，在客户端存储的样式配置数据集中获取所述样式索引标识对应的样式标识；其中，在所述样式配置数据集中所述样式标识对应至少一个样式索引标识；所述样式标识指向用于表示所述页面元素的属性的取值的属性数据；

加载显示所述页面数据，其中，显示的所述页面元素的属性为所述属性数据表征的状态。

7.一种页面显示方法，其特征在于，应用于服务器，包括：

接收第一客户端的页面加载请求；

获取所述页面加载请求指向的页面数据；其中，所述页面数据包括有至少一个页面元素；

将所述页面数据发送给所述第一客户端，以使所述第一客户端根据存储的第一属性数据配置所述页面元素，使得加载显示所述页面数据时，显示的所述页面元素的属性为所述第一属性数据表征的状态；

接收第二客户端的页面加载请求；

将所述页面数据发送给所述第二客户端，以使所述第二客户端根据存储的第二属性数据配置所述页面元素，使得加载显示所述页面数据时，显示的所述页面元素的属性为所述第二属性数据表征的状态；其中，所述第一客户端和所述第二客户端不同，所述第一属性数据和所述第二属性数据不同。

8.一种服务器，其特征在于，包括：通信组件和处理器；其中，

所述通信组件，用于接收第一客户端的页面加载请求和第二客户端的页面加载请求；将所述处理器基于所述页面加载请求获取的页面数据发送给所述第一客户端和所述第二客户端，以使所述第一客户端根据存储的第一属性数据配置页面元素，使得加载显示所述页面数据时，显示的所述页面元素的属性为所述第一属性数据表征的状态，以及使所述第二客户端根据存储的第二属性数据配置所述页面元素，使得加载显示所述页面数据时，显示的所述页面元素的属性为所述第二属性数据表征的状态；其中，所述第一客户端和所述第二客户端不同，所述第一属性数据和所述第二属性数据不同；

所述处理器，用于获取所述页面加载请求指向的页面数据；其中，所述页面数据包括有至少一个页面元素。

9.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现以下步骤：

接收第一客户端的页面加载请求；

获取所述页面加载请求指向的页面数据；其中，所述页面数据包括有至少一个页面元素；

将所述页面数据发送给所述第一客户端，以使所述第一客户端根据存储的第一属性数据配置所述页面元素，使得加载显示所述页面数据时，显示的所述页面元素的属性为所述第一属性数据表征的状态；

接收第二客户端的页面加载请求；

将所述页面数据发送给所述第二客户端，以使所述第二客户端根据存储的第二属性数据配置所述页面元素，使得加载显示所述页面数据时，显示的所述页面元素的属性为所述第二属性数据表征的状态；其中，所述第一客户端和所述第二客户端不同，所述第一属性数据和所述第二属性数据不同。

10.一种组件渲染方法，其特征在于，应用于客户端，所述客户端提供有业务状态标识与样式标识的对应关系，以及所述样式标识与属性数据的对应关系，其中，所述样式标识为组件的样式标识，所述属性数据为页面元素的属性数据；所述方法包括：

获取当前界面中的第一商品标识；

向服务器请求获取所述第一商品标识对应的第一业务状态标识；

接收服务器返回的第一业务状态标识；

基于所述第一业务状态标识、所述业务状态标识与样式标识的对应关系、以及所述样式标识与属性数据的对应关系，获取与所述第一商品标识对应的第一组件内页面元素的属性数据；

基于所述第一组件内页面元素的属性数据，对所述第一组件进行渲染。

11.如权利要求10所述的方法，其特征在于，所述与所述第一商品标识对应的第一组件通过下述方法确定：

基于组件与界面的对应关系，获取所述当前界面对应的组件集；其中，所述组件集包括至少一个组件；

基于组件与商品标识的对应关系，从所述当前界面对应的组件集中获取所述第一商品标识对应的第一组件。

12.如权利要求10或11所述的方法，所述基于所述第一业务状态标识、所述业务状态标识与样式标识的对应关系、以及所述样式标识与属性数据的对应关系，获取与所述第一商品标识对应的第一组件内页面元素的属性数据，具体包括：

获取第一组件的样式配置数据集；其中，所述样式配置数据集包括至少一个样式标识；

基于所述业务状态标识与样式标识的对应关系，从所述第一组件的样式配置数据集中获取第一业务状态标识对应的第一样式标识；

基于所述第一样式标识、以及所述样式标识与属性数据的对应关系，获取所述第一组件内页面元素的属性数据。

13.如权利要求10所述的方法，其特征在于，在建立样式标识与属性数据的对应关系之前，所述方法还包括：

基于业务类型和属性数据，生成属性子数据；

建立业务类型标识与属性子数据的对应关系；

相应地，在获取当前界面中的第一商品标识之后，所述方法还包括：

向服务器请求获取所述第一商品标识对应的第一业务类型标识；

接收服务器返回的第一业务类型标识。

14.如权利要求13所述的方法，其特征在于，所述基于所述第一业务状态标识、所述业务状态标识与样式标识的对应关系、以及所述样式标识与属性数据的对应关系，获取与所述第一商品标识对应的第一组件内页面元素的属性数据，具体包括：

获取第一组件的样式配置数据集；其中，所述样式配置数据集包括至少一个样式标识；

基于所述业务状态标识与样式标识的对应关系，从所述第一组件的样式配置数据集中获取第一业务状态标识对应的第一样式标识；

基于所述样式标识与属性数据的对应关系，获取所述第一样式标识对应的属性数据集；

基于所述第一样式标识对应的属性数据集，获取第一属性子数据集；

基于所述业务类型标识与属性子数据的对应关系，从所述第一属性子数据集中获取所述第一业务类型标识对应的第二属性子数据集；

将所述第二属性子数据集中的每个属性子数据分配给所述第一组件内相应的页面元素。

15.如权利要求10所述的方法，其特征在于，所述业务状态标识与样式标识的对应关系采用如下方式建立：

对于每个组件样式，获取所述组件样式对应的样式标识以及所述组件样式对应的业务状态，并获取所述业务状态对应的业务状态标识，建立所述样式标识与所述业务状态标识的对应关系。

16.如权利要求10所述的方法，其特征在于，所述样式标识与属性数据的对应关系采用如下方式建立：

对于每个组件样式，获取所述组件样式对应的样式标识以及所述组件样式对应的组件，并获取所述组件中每个页面元素的属性数据，建立所述样式标识与所述每个页面元素的属性数据的对应关系。

17.一种组件渲染方法，其特征在于，应用于服务器，包括：

建立商品标识与业务状态标识的对应关系；

接收客户端发送的第一商品标识；

基于所述商品标识与业务状态标识的对应关系，获取所述第一商品标识对应的第一业务状态标识；

向客户端发送所述第一业务状态标识，以便客户端基于所述第一业务状态标识，利用客户端存储的业务状态标识与样式标识的对应关系、以及样式标识与属性数据的对应关系，获得与所述第一商品标识对应的第一组件内页面元素的属性数据，基于所述第一组件内页面元素的属性数据，对所述第一组件进行渲染。

18.如权利要求17所述的方法，其特征在于，所述方法还包括：

建立商品标识与业务类型标识的对应关系；

基于所述商品标识与业务类型标识的对应关系，获取所述第一商品标识对应的第一业务类型标识；

向客户端发送所述第一业务类型标识。

19.如权利要求17所述的方法，其特征在于，所述建立商品标识与业务状态标识的对应关系，具体包括：

对于每个商品，获取所述商品的业务状态以及所述商品对应的商品标识，并获取所述业务状态对应的业务状态标识，建立所述商品标识与所述业务状态标识的对应关系。

20.一种客户端，其特征在于，包括：

第一建立模块，用于建立业务状态标识与样式标识的对应关系，以及建立样式标识与属性数据的对应关系，其中，所述样式标识为组件的样式标识，所述属性数据为页面元素的属性数据；

第一获取模块，用于获取当前界面中的第一商品标识；

第一发送模块，用于向服务器请求获取所述第一商品标识对应的第一业务状态标识；

第一接收模块，用于接收服务器返回的第一业务状态标识；

第二获取模块，用于基于所述第一业务状态标识、所述业务状态标识与样式标识的对应关系、以及所述样式标识与属性数据的对应关系，获取与所述第一商品标识对应的第一组件内页面元素的属性数据；

渲染模块，用于基于所述第一组件内页面元素的属性数据，对所述第一组件进行渲染。

21.一种服务器，其特征在于，包括：

第二建立模块，用于建立商品标识与业务状态标识的对应关系；

第二接收模块，用于接收客户端发送的第一商品标识；

第三获取模块，用于基于所述商品标识与业务状态标识的对应关系，获取所述第一商品标识对应的第一业务状态标识；

第二发送模块，用于向客户端发送所述第一业务状态标识，以便客户端基于所述第一业务状态标识，利用客户端存储的业务状态标识与样式标识的对应关系、以及样式标识与属性数据的对应关系，获得与所述第一商品标识对应的第一组件内页面元素的属性数据，基于所述第一组件内页面元素的属性数据，对所述第一组件进行渲染。

Images