CN107066273B - 一种页面样式更新方法及装置 - Google Patents

Abstract

本发明实施例提供了一种页面样式更新方法及装置，方法包括：当获得客户端发送的关于目标页面的数据获取请求时，确定目标页面的页面数据，将页面数据反馈给客户端，以使客户端从本地存储的多个样式描述数据中，获取与样式关联关系对应的目标样式描述数据，并根据页面数据所包括的各类数据，以及目标样式描述数据，渲染目标页面。应用本发明实施例提供的技术方案，使得客户端的页面样式的更改不依赖客户端的发版，而是由服务器控制。当需要更改页面的样式时，只需要对服务器的代码进行开发即可实现，开发成本大大降低。

Description

一种页面样式更新方法及装置

技术领域

本发明涉及互联网技术领域，特别是涉及一种页面样式更新方法及装置。

背景技术

随着互联网技术和智能终端技术的发展，各种应用已经普及到大众生活的方方面面，例如，观影、购物、支付、社交、提供各种资讯等等。目前这些智能终端的应用常采用本地应用(Native App)实现，本地应用是通过使用原生操作系统提供的API(ApplicationProgramming Interface，应用程序编程接口)编程实现，可以保证应用的高性能和良好的交互体验。

然而，现有的本地应用中页面的样式(如按钮的形状、大小)在智能终端固化，如果想改变应用的页面样式，必须依赖运营商对不同平台(安卓系统或ios系统等)下的发版的修改，智能终端再重新安装本地应用。例如，爱奇艺播放APP的页面中的第三方登录按钮的形状是圆形的、单一色的，如果想更改这个按钮的形状和颜色，则需要爱奇艺开发人员针对不同平台的版本进行修改，然后重新发布新版应用，用户重新在智能终端安装新版的应用。可见，本地应用的页面样式严重依赖应用的发版，如果想更改页面的页面样式，需要重新对不同平台下的应用全部进行开发，导致开发成本较高。

发明内容

本发明实施例的目的在于提供一种页面样式更新方法及装置，以降低更改页面样式的开发成本。具体技术方案如下：

第一方面，本发明实施例提供的一种页面样式更新方法，应用于服务器，包括：

当获得客户端发送的关于目标页面的数据获取请求时，确定所述目标页面的页面数据，其中，所述页面数据包括：样式关联关系和至少一个页面元素数据；所述样式关联关系为关于所述页面元素数据与样式描述数据的关联关系；

将所述页面数据反馈给所述客户端，以使所述客户端从本地存储的多个样式描述数据中，获取与所述样式关联关系对应的目标样式描述数据，并根据所述页面数据所包括的各类数据，以及所述目标样式描述数据，渲染所述目标页面。

可选的，所述方法还包括：

将本地存储的待同步的样式描述数据，发送给所述客户端，以使所述客户端利用接收到的待同步的样式描述数据，更新所述客户端本地存储的样式描述数据。

可选的，在将本地存储的待同步的样式描述数据，发送给所述客户端的步骤之前，还包括：

将本地存储的待同步的样式描述数据的目标版本标识，发送给所述客户端，以使所述客户端判断本地存储的样式描述数据的版本标识是否为所述目标版本标识，在判断结果为否的情况下，向所述服务器发送获取待同步的样式描述数据的请求；

接收所述客户端发送的获取待同步的样式描述数据的请求。

可选的，所述数据获取请求中携带目标标识信息，其中，所述目标标识信息为所述客户端的版本标识、所述用户的标识和所述客户端对应操作系统的标识中的至少一种；

在所述将本地存储的待同步的样式描述数据，发送给所述客户端的步骤之前，还包括：

当获得客户端发送的关于目标页面的数据获取请求时，提取所述数据获取请求中的目标标识信息；

从本地存储的样式描述数据中，根据所述目标标识信息所对应的预设挑选规则，确定待同步的样式描述数据。

可选的，所述方法还包括：

接收修改本地存储的样式描述数据的第一修改指令；

根据所述第一修改指令修改本地存储的样式描述数据。

可选的，所述目标页面的页面数据的生成方式，包括：

确定所述目标页面的页面模板；

获取所述目标页面的业务数据；

根据所述页面模板，将所述业务数据转换成样式关联关系和至少一个页面元素数据；

将转换成的样式关联关系和至少一个页面元素数据组合成所述目标页面的页面数据。

可选的，所述数据获取请求中携带目标标识信息，其中，所述目标标识信息为所述客户端的版本标识、所述用户的标识和所述客户端对应操作系统的标识中的至少一种；

所述当获得客户端发送的关于目标页面的数据获取请求时，确定所述目标页面的页面数据的步骤，包括：

当获得客户端发送的关于目标页面的数据获取请求时，提取所述数据获取请求中的目标标识信息；

确定所述目标页面的页面模板；

获取所述目标页面的业务数据；

根据所述页面模板，将所述业务数据转换成样式关联关系和至少一个页面元素数据；

根据所述目标标识信息所对应的预设过滤规则，确定待过滤的页面元素数据、样式关联关系中的关系描述；

从转换成的样式关联关系和至少一个页面元素数据中，过滤所确定出的待过滤的各类数据，并将剩余的各类数据组合成所述目标页面的页面数据。

可选的，所述方法还包括：

接收修改所述页面模板的第二修改指令；

根据所述第二修改指令修改所述页面模板。

第二方面，本发明实施例提供的一种页面样式更新方法，应用于客户端，包括：

向服务器发送关于目标页面的数据获取请求，以使所述服务器当获得客户端发送的关于目标页面的数据获取请求时，确定所述目标页面的页面数据，其中，所述页面数据包括：样式关联关系和至少一个页面元素数据；所述样式关联关系为关于所述页面元素数据与样式描述数据的关联关系；

接收所述服务器反馈的页面数据；

从本地存储的多个样式描述数据中，获取与所述样式关联关系对应的目标样式描述数据；

根据所述页面数据所包括的各类数据，以及所述目标样式描述数据，渲染所述目标页面。

可选的，所述方法还包括：

接收所述服务器发送的所述服务器本地存储的待同步的样式描述数据；

利用接收到的待同步的样式描述数据，更新本地存储的样式描述数据。

可选的，所述方法还包括：

接收所述服务器发送的所述服务器本地存储的待同步的样式描述数据的目标版本标识；

判断本地存储的样式描述数据的版本标识是否为所述目标版本标识；

在判断结果为否的情况下，向所述服务器发送获取待同步的样式描述数据的请求，以使所述服务器在接收到获取待同步的样式描述数据的请求后，向所述客户端反馈所述待同步的样式描述数据。

第三方面，本发明实施例提供的一种页面样式更新装置，应用于服务器，其特征在于，包括：

第一确定模块，用于当获得客户端发送的关于目标页面的数据获取请求时，确定所述目标页面的页面数据，其中，所述页面数据包括：样式关联关系和至少一个页面元素数据；所述样式关联关系为关于所述页面元素数据与样式描述数据的关联关系；

反馈模块，用于将所述页面数据反馈给所述客户端，以使所述客户端从本地存储的多个样式描述数据中，获取与所述样式关联关系对应的目标样式描述数据，并根据所述页面数据所包括的各类数据，以及所述目标样式描述数据，渲染所述目标页面。

第四方面，本发明实施例提供的一种页面样式更新装置，应用于客户端，包括：

第三发送模块，用于向服务器发送关于目标页面的数据获取请求，以使所述服务器当获得客户端发送的关于目标页面的数据获取请求时，确定所述目标页面的页面数据，其中，所述页面数据包括：样式关联关系和至少一个页面元素数据；所述样式关联关系为关于所述页面元素数据与样式描述数据的关联关系；

第四接收模块，用于接收所述服务器反馈的页面数据；

获取模块，用于从本地存储的多个样式描述数据中，获取与所述样式关联关系对应的目标样式描述数据；

渲染模块，用于根据所述页面数据所包括的各类数据，以及所述目标样式描述数据，渲染所述目标页面。

本发明实施例提供了一种页面样式更新方法及装置，当获得客户端发送的关于目标页面的数据获取请求时，确定目标页面的页面数据，将页面数据反馈给客户端，以使客户端从本地存储的多个样式描述数据中，获取与样式关联关系对应的目标样式描述数据，并根据页面数据所包括的各类数据，以及目标样式描述数据，渲染目标页面。应用本发明实施例所提供的技术方案，使得客户端的页面样式的更改不依赖客户端的发版，而是由服务器控制。当需要更改页面的样式时，只需要对服务器的代码进行开发即可实现，不需要对不同平台的客户端进行代码开发，开发成本大大降低。

附图说明

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

图1为本发明实施例提供的页面样式更新方法的第一种流程示意图；

图2为本发明实施例中生成目标页面的页面数据的流程示意图；

图3为本发明实施例中实现S101的流程示意图；

图4为本发明实施例提供的页面样式更新方法的第二种流程示意图；

图5为本发明实施例提供的页面样式更新装置的第一种结构示意图；

图6为生成模块的结构示意图；

图7为第一确定模块的结构示意图；

图8为本发明实施例提供的页面样式更新装置的第二种结构示意图。

具体实施方式

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

为了能够降低更改页面样式的开发成本，本发明实施例提供了一种页面样式更新方法及装置。

下面，首先对本发明实施例提供的一种页面样式更新方法进行详细说明。

参照图1，图1为本发明实施例提供的页面样式更新方法的第一种流程示意图，该页面样式更新方法，应用于服务器，包括：

S101、当获得客户端发送的关于目标页面的数据获取请求时，确定目标页面的页面数据；

其中，页面数据包括：样式关联关系和至少一个页面元素数据；样式关联关系为关于页面元素数据与样式描述数据的关联关系；

页面元素数据与渲染后页面上显示的页面元素对应。页面元素数据有多种类型，主要有Page、Card、Block、Video、Image、Meta、Button等不同等级的数据，其中，Page、Card、Block类型的数据对应于客户端页面的逻辑结构，Video、Image、Meta、Button类型的数据对应于客户端页面上的各相关控件，例如，一个Button数据就对应页面上中的一个按钮。

样式描述数据包括两类：一类是样式数据，另一类是布局数据。样式数据用于描述页面元素数据中对应各控件的样式，如图片大小、文案字体及颜色、按钮大小及背景颜色等。布局数据用于描述页面元素数据中对应的逻辑结构的布局规则，如展示几行图片/视频，每行展示几个图片/视频，每个图片/视频在行内的占比等。

可以理解的是，根据记录方式的不同，页面元素数据和样式关联关系可以是分开记录的，也可以将事件关联关系在页面元素数据中指定，在此不做具体限定。

具体的，数据获取请求中可以携带目标页面的标识，用于服务器根据这个标识从本地存储的页面数据中来确定对应的页面数据，例如，在爱奇艺首页(http://www.iqiyi.com/)上部的标题列表中，点击“电视剧”标题，即爱奇艺客户端向服务器发送关于电视剧首页的数据获取请求，电视剧首页可以看做是目标页面的标识，服务器从本地确定电视剧首页的页面数据。当然，目标页面的页面数据也可以不是预先存储的，而是在接收到数据获取请求后，根据这个标识来重新生成对应的页面数据，以确定为目标页面的页面数据。

S102、将页面数据反馈给客户端，以使客户端从本地存储的多个样式描述数据中，获取与样式关联关系对应的目标样式描述数据，并根据页面数据所包括的各类数据，以及目标样式描述数据，渲染目标页面。

目标样式描述数据是样式关联关系对应的样式描述数据，是用于描述页面元素数据对应的页面元素的样式和/或布局规则的数据。例如，样式关联关系中，确定一个Button数据与哪个样式描述数据对应，则可以从客户端本地存储的多个样式描述数据中，获取这个样式描述数据，这个样式描述数据限定了这个Button数据对应的按钮的形状是圆形的，颜色是绿色的，半径是10mm，则渲染目标页面后，在目标页面上展示的这个按钮为圆形的、绿色的、半径为10mm。

具体应用时，样式关联关系中可以确定样式描述数据的标识，根据这个标识就可以从客户端本地存储的多个样式描述数据中找到对应的目标样式描述数据。

应用图1所示实施例，使得客户端的页面样式的更改不依赖客户端的发版，而是由服务器控制。当需要更改页面的样式时，只需要对服务器的代码进行开发即可实现，不需要对不同平台的客户端进行代码开发，开发成本大大降低。

实际应用中，如果客户端请求的目标页面对应的页面数据包括：十个图片数据、一个爱奇艺首页的按钮数据；样式关联关系为每个图片数据与描述该图片样式和/或布局数据的关联关系，以及爱奇艺首页的按钮与这个按钮的样式和/或布局数据的关联关系。客户端根据样式关联关系从客户端本地存储的样式描述数据中，获得对应的目标样式描述数据包括：每个图片在页面中的位置(页面中上部，分两行显示，每行五个)，每个图片的形状、大小(圆形、半径10mm)，以及爱奇艺首页的按钮的位置、形状、大小(页面下部、长方形、15*20mm)。这样客户端根据获得的页面数据和目标样式描述数据，渲染得到的目标页面中，图片在页面的中上部分两行且每行五个显示，每个图片为圆形，半径10mm，爱奇艺首页的按钮在页面的下部显示，呈15*20mm的长方形。

本发明实施例的一种实施方式中，该页面样式更新方法还可以包括：

将本地存储的待同步的样式描述数据，发送给客户端，以使客户端利用接收到的待同步的样式描述数据，更新客户端本地存储的样式描述数据。

具体应用时，待同步的样式描述数据是服务器本地存储的全部样式描述数据，也可以是服务器本地存储的部分样式描述数据，在此不做具体限定。如果服务器本地存储的样式描述数据有更新，可以将本地更新的样式描述数据确定为待更新的样式描述数据，并主动将待同步的样式描述数据发送给客户端；也可以是客户端定时向服务器发送更新请求，使得服务器发送待更新的样式描述数据给客户端，在此不做具体限定。

通过本步骤可以更新客户端本地存储的样式描述数据，可以提高页面的样式由服务器控制的程度，进而可以使页面展现更多的样式。

进一步的，在将本地存储的待同步的样式描述数据，发送给客户端的步骤之前，该页面样式更新方法还可以包括：

(1)、将本地存储的待同步的样式描述数据的目标版本标识，发送给客户端，以使客户端判断本地存储的样式描述数据的版本标识是否为目标版本标识，在判断结果为否的情况下，向服务器发送获取待同步的样式描述数据的请求；

(2)、接收客户端发送的获取待同步的样式描述数据的请求。

通过这两个步骤，向客户端发送目标版本标识，通过版本标识与目标版本标识的对比，来确定客户端是否需要更新样式描述数据，在确定需要更新的情况下，再通过客户端向服务器发送获取待同步的样式描述数据的请求。这样可以避免服务器盲目的向客户端发送待同步的样式描述数据，节省网络资源的占用。

本发明实施例的一种实施方式中，数据获取请求中携带目标标识信息，其中，目标标识信息为客户端的版本标识、用户的标识和客户端对应操作系统的标识中的至少一种；另外，客户端的版本标识如客户端第一版、客户端第二版等等，用于的标识如VIP用户、普通用户等，客户端对应操作系统的标识如windows、ios、安卓系统等，在此不做具体限定。

在将本地存储的待同步的样式描述数据，发送给客户端的步骤之前，还包括：

(1)、当获得客户端发送的关于目标页面的数据获取请求时，提取数据获取请求中的目标标识信息；

(2)、从本地存储的样式描述数据中，根据目标标识信息所对应的预设挑选规则，确定待同步的样式描述数据。

通过这两个步骤，根据目标标识信息，来确定待同步的样式描述数据，不仅能够使客户端渲染页面时，能够正确显示；还可以在向客户端发送待同步的样式描述数据时减少网络带宽资源的占用，提高发送效率。

具体应用时，目标标识信息具体为哪一种可以根据服务器本地存储的样式描述数据的类型来确定，例如，服务器本地存储的样式描述数据中，可以分为第一版本的客户端所支持的样式描述数据和第二版本客户端所支持的样式描述数据，如果目标标识信息中只包括的客户端版本标识为第一版本，则服务器将第一版本的客户端所支持的样式描述数据确定为待同步的样式描述数据。再例如，进一步的，服务器本地存储的样式描述数据中，还可以分为ios系统的客户端所支持的样式描述数据和windows系统所支持的样式描述数据；如果目标标识信息中包括客户端版本标识为第一版本，操作系统的标识为ios系统，则将服务器本地存储的样式描述数据中，第一版本的客户端所支持的样式描述数据与ios系统的客户端所支持的样式描述数据和windows系统所支持的样式描述数据中重叠的部分作为待同步的样式描述数据。

进一步的，该页面样式更新方法还可以包括：

(1)、接收修改本地存储的样式描述数据的第一修改指令；

(2)、根据所述第一修改指令修改本地存储的样式描述数据。

通过这两个步骤，对服务器本地存储的样式描述数据的修改，使得服务器可以获得不同内容的样式描述数据。通过服务器向客户端发送待同步的样式描述数据，以使客户端利用所接收到的待同步的样式描述数据，更新客户端本地存储的样式描述数据，不仅可以实现客户端样式描述数据由服务器控制，还可以使客户端通过更新获得不同的样式描述数据，实现不同页面样式。

可选的，参照图2，图2为本发明实施例中生成目标页面的页面数据的流程示意图，生成目标页面的页面数据的步骤，可以包括：

S201、确定目标页面的页面模板；

页面模板即页面框架，可以是预先存储在服务器本地的，当然，也可以是在接收到关于目标页面的数据获取请求后，针对目标页面进行重新配置的，在此不做具体限定。页面模板中定义了业务数据的来源，业务数据的类型，业务数据的个数，页面的布局和样式等。

S202、获取目标页面的业务数据；

本步骤可以根据目标页面的页面模板中定义的来源，如从各个业务系统(搜索、推荐、广告系统等)获取业务数据。

S203、根据页面模板，将业务数据转换成样式关联关系和至少一个页面元素数据；

其中，在获得页面模板和业务数据后，可以将业务数据填充到页面模板的相应位置，并将填充了业务数据的页面模板转换成样式关联关系和至少一个页面元素数据。

S204、将转换成的样式关联关系和至少一个页面元素数据组合成目标页面的页面数据。

应用图2所示的具体实施方式，可以在服务器生成目标页面的页面数据，只要通过开发不同的页面模板，即可生成不同的页面数据，以使客户端通过页面渲染，实现页面不同的页面样式的更改。

可选的，参照图3，图3为本发明实施例中实现S101的流程示意图，数据获取请求中携带目标标识信息，其中，目标标识信息为客户端的版本标识、用户的标识和客户端对应操作系统的标识中的至少一种；另外，客户端的版本标识如客户端第一版、客户端第二版等等，用于的标识如VIP用户、普通用户等，客户端对应操作系统的标识如windows、ios、安卓系统等，在此不做具体限定。

S101具体可以通过以下几个步骤实现：

S1011、当获得客户端发送的关于目标页面的数据获取请求时，提取数据获取请求中的目标标识信息；

S1012、确定目标页面的页面模板；

S1013、获取目标页面的业务数据；

S1014、根据页面模板，将业务数据转换成样式关联关系和至少一个页面元素数据；

上述步骤中，S1012、S1013和S1014分别与S201、S202和S203相同，在此不做赘述。

S1015、根据目标标识信息所对应的预设过滤规则，确定待过滤的页面元素数据、样式关联关系中的关系描述；

预设过滤规则中规定了如何根据目标标识信息，确定待过滤的各类数据。

例如，当目标标识信息为客户端的版本标识，客户端的版本标识对应的预设过滤规则可以规定：客户端的版本标识对应哪个或哪些页面元素数据；客户端的标识所对应的那个或那些页面元素数据是待过滤的页面元素数据，样式关联关系表中涉及待过滤的页面元素数据的关系描述是待过滤的关系描述。目标标识信息为用户的标识或客户端对应的操作系统的标识时，预设过滤规则与为客户端的版本标识时对应的预设过滤规则类似。

如果目标标识信息中为客户端的版本标识、用户的标识和客户端对应操作系统的标识中的两者以上，则最终确定的待过滤的各类数据是各自所确定的待过滤的各类数据的组合。

S1016、从转换成的样式关联关系和至少一个页面元素数据中，过滤所确定出的待过滤的各类数据，并将剩余的各类数据组合成目标页面的页面数据。

通过S1011-S1016，对根据页面模板转换成的样式关联关系、至少一个页面元素数据的进行过滤，通过具体的预设过滤规则，不仅可以实现针对不同的客户端展示不同的页面元素，以及正确的展示这些页面元素。同时，可以用于控制在目标页面中哪些页面元素漏出，哪些页面元素不漏出。

本发明实施例的一种实施方式中，该页面样式更新方法还包括：

(1)、接收修改所述页面模板的第二修改指令；

(2)、根据所述第二修改指令修改所述页面模板。

通过这两个步骤对页面模板进行修改，可以用于根据不同的业务需求，配置不同的页面模板，不需要通过代码开发即可实现页面样式的更改，降低开发成本，可以提高服务器对客户端的页面样式的控制程度。可以理解的是，这里的修改包括：删除、增加、替换等等操作，在此不做具体限定。

基于与上述方法实施例相同的发明思路，本发明实施例提供了另一种页面样式更新方法，参照图4，图4为本发明实施例提供的页面样式更新方法的第二种流程示意图，该页面样式更新方法应用于客户端，包括：

S401、向服务器发送关于目标页面的数据获取请求，以使服务器当获得客户端发送的关于目标页面的数据获取请求时，确定目标页面的页面数据，其中，页面数据包括：样式关联关系和至少一个页面元素数据；样式关联关系为关于页面元素数据与样式描述数据的关联关系；

通过本步骤可从服务器获取到目标页面的页面数据，用于渲染页面。当然，服务器中可以预先存储目标页面的页面数据，也可以在接收到客户端发送的关于目标页面的数据获取请求时，再生成目标页面的页面数据，在此不做具体限定。

S402、接收服务器反馈的页面数据；

S403、从本地存储的多个样式描述数据中，获取与样式关联关系对应的目标样式描述数据；

本步骤具体应用时，客户端本地存储的样式描述数据可以通过表格的形式存储，表格的版本号可以作为本地存储的全部样式描述数据所属的版本号，采用版本号加上在表格中排列的位置即可以作为样式描述数据的标识，用于从表格中查找到对应的样式描述数据。例如，样式关联关系表中与一个Button数据对应的第二版本第二条的样式描述数据，本地存储第二版本的表格的第二条对应的样式描述数据限定形状为方形，与这个Button数据对应的样式描述数据就是限定对应页面元素为方形的数据。当然，还可以采用其他方式对样式描述数据进行存储、获取，在此不做具体限定。

S404、根据页面数据所包括的各类数据，以及目标样式描述数据，渲染目标页面。

应用图4所示实施例，客户端向服务器发送关于目标页面的数据获取请求后，使得服务器在获得数据获取请求后，确定目标页面的页面数据，并反馈给客户端。客户端根据根据页面数据渲染目标页面，使得客户端的页面样式的更改不依赖客户端的发版，而是由服务器控制。当需要更改页面样式时，只需要对服务器的代码进行开发即可实现，不需要对不同平台的客户端进行代码开发，开发成本大大降低。

本发明实施例的一种实施方式中，该页面样式更新方法还包括：

(1)、接收所述服务器发送的所述服务器本地存储的待同步的样式描述数据；

(2)、利用接收到的待同步的样式描述数据，更新本地存储的样式描述数据。

通过这两个步骤，可以更新客户端本地存储的样式描述数据，可以提高页面的样式由服务器控制的程度，进而可以使页面展现更多的样式。具体的，服务器可以定义类CSS样式表的样式描述数据。

本发明实施例的一种实施方式中，该页面样式更新方法还包括：

(1)接收服务器发送的服务器本地存储的待同步的样式描述数据的目标版本标识；

本步骤中，客户端本地存储的样式描述数据可以作为一个整体来存储，该整体属于一个版本，服务器本地存储的待同步的样式描述数据可以为一个整体来存储，该整体属于一个版本。当然，还可以采用其他方式进行存储样式描述数据以及记录样式描述数据，在此不做具体限定。

(2)、判断本地存储的样式描述数据的版本标识是否为目标版本标识；

判断两个版本信息是否一致，可以判断出这两端存储的样式数据是否相同。

(3)、在判断结果为否的情况下，向服务器发送获取待同步的样式描述数据的请求，以使服务器在接收到获取待同步的样式描述数据的请求后，向客户端反馈待同步的样式描述数据。

上一步骤的判断结果如果一致，说明不需要更新，也就不需要向服务器请求待同步的样式描述数据。判断结果不一致，说明需要更新，客户端主动向服务器发送获取待同步的样式描述数据的请求。这样就使得只有在需要更新这种特定情况下，服务器才会向客户端发送待同步的样式描述数据，可以节省网络资源。

下面，再对本发明实施例提供的一种页面样式更新装置进行详细说明。

相应于上述从服务器角度所提供的页面样式更新方法，本发明实施例提供了一种页面样式更新装置，参照图5，图5为本发明实施例提供的页面样式更新装置的第一种结构示意图，该页面样式更新装置，应用于服务器，包括：

第一确定模块51，用于当获得客户端发送的关于目标页面的数据获取请求时，确定目标页面的页面数据，其中，页面数据包括：样式关联关系和至少一个页面元素数据；样式关联关系为关于页面元素数据与样式描述数据的关联关系；

反馈模块52，用于将页面数据反馈给客户端，以使客户端从本地存储的多个样式描述数据中，获取与样式关联关系对应的目标样式描述数据，并根据页面数据所包括的各类数据，以及目标样式描述数据，渲染目标页面。

应用图5所示实施例，应用本发明实施例所提供的技术方案，使得客户端的页面样式的不依赖客户端的发版，而是由服务器控制。当需要更改页面的样式时，只需要对服务器的代码进行开发即可实现，相对于现有技术，不需要对不同平台的客户端进行代码开发，开发成本大大降低。

本发明实施例的一种实施方式中，该页面样式更新装置还包括：第一发送模块(图中未示出)；

第一发送模块，用于将本地存储的待同步的样式描述数据，发送给客户端，以使客户端利用接收到的待同步的样式描述数据，更新客户端本地存储的样式描述数据。

本发明实施例的一种实施方式中，该页面样式更新装置还包括：第二发送模块和第一接收模块(图中未示出)；

第二发送模块，用于在第一发送模块将本地存储的待同步的样式描述数据，发送给客户端之前，将本地存储的待同步的样式描述数据的目标版本标识，发送给客户端，以使客户端判断本地存储的样式描述数据的版本标识是否为目标版本标识，在判断结果为否的情况下，向服务器发送获取待同步的样式描述数据的请求；

第一接收模块，用于接收客户端发送的获取待同步的样式描述数据的请求。

本发明实施例的一种实施方式中，数据获取请求中携带目标标识信息，其中，目标标识信息为客户端的版本标识、用户的标识和客户端对应操作系统的标识中的至少一种；

该页面样式更新装置还包括：提取模块和第二确定模块(图中未示出)；

提取模块，用于在在第一发送模块将本地存储的待同步的样式描述数据，发送给客户端之前，当获得客户端发送的关于目标页面的数据获取请求时，提取数据获取请求中的目标标识信息；

第二确定模块，用于从本地存储的样式描述数据中，根据目标标识信息所对应的预设挑选规则，确定待同步的样式描述数据。

本发明实施例的一种实施方式中，该页面样式更新装置还包括：第二接收模块和第一修改模块(图中未示出)；

第二接收模块，用于接收修改待同步的样式描述数据的第一修改指令；

第一修改模块，用于根据第一修改指令修改待同步的样式描述数据。

可选的，本发明实施例的一种实施方式中，该页面样式更新装置还包括用于生成页面数据的生成模块，参照图6，图6为生成模块的结构示意图，该生成模块，包括：

第一确定单元61，用于确定目标页面的页面模板；

第一获取单元62，用于获取目标页面的业务数据；

第一转换单元63，用于根据页面模板，将业务数据转换成样式关联关系和至少一个页面元素数据；

第一组合单元64，用于将转换成的样式关联关系和至少一个页面元素数据组合成页面数据。

可选的，本发明实施例的一种实施方式中，数据获取请求中携带目标标识信息，其中，目标标识信息为客户端的版本标识、用户的标识和客户端对应操作系统的标识中的至少一种；

参照图7，图7为第一确定模块的结构示意图，第一确定模块51，包括：

提取单元511，用于当获得客户端发送的关于目标页面的数据获取请求时，提取数据获取请求中的目标标识信息；

第二确定单元512，用于确定目标页面的页面模板；

第二获取单元513，用于获取目标页面的业务数据；

第二转换单元514，用于根据页面模板，将业务数据转换成样式关联关系和至少一个页面元素数据；

第三确定单元515，用于根据目标标识信息所对应的预设过滤规则，确定待过滤的页面元素数据、样式关联关系中的关系描述；

第二组合单元516，用于从转换成的样式关联关系和至少一个页面元素数据中，过滤所确定出的待过滤的各类数据，并将剩余的各类数据组合成目标页面的页面数据。

本发明实施例的一种实施方式中，该页面样式更新装置还包括：第三接收模块和第二修改模块(图中未示出)；

第三接收模块，用于接收修改页面模板的第二修改指令；

第二修改模块，用于根据第二修改指令修改页面模板。

相应于上述从客户端角度所提供的页面样式更新方法，参照图8，图8为本发明实施例提供的页面样式更新装置的第二种结构示意图，该页面样式更新装置，应用于客户端，包括：

第三发送模块81，用于向服务器发送关于目标页面的数据获取请求，以使服务器当获得客户端发送的关于目标页面的数据获取请求时，确定目标页面的页面数据，其中，页面数据包括：样式关联关系和至少一个页面元素数据；样式关联关系为关于页面元素数据与样式描述数据的关联关系；

第四接收模块82，用于接收服务器反馈的页面数据；

获取模块83，用于从本地存储的多个样式描述数据中，获取与样式关联关系对应的目标样式描述数据；

渲染模块84，用于根据页面数据所包括的各类数据，以及目标样式描述数据，渲染目标页面。

应用图8所示实施例，客户端向服务器发送关于目标页面的数据获取请求后，使得服务器在获得数据获取请求后，确定目标页面的页面数据，并反馈给客户端。客户端根据根据页面数据渲染目标页面。使得客户端的页面样式的更改不依赖客户端的发版，而是由服务器控制。当需要更改页面样式时，只需要对服务器的代码进行开发即可实现，相对于现有技术，只需要对服务器侧的代码进行开发即可，不需要对不同平台的客户端进行代码开发，开发成本大大降低。

本发明实施例的一种实施方式中，该页面样式更新装置还包括：第五接收模块和更新模块(图中未示出)；

第五接收模块，用于接收服务器发送的服务器本地存储的待同步的样式描述数据；

更新模块，用于利用接收到的待同步的样式描述数据，更新本地存储的样式描述数据.

本发明实施例的一种实施方式中，该页面样式更新装置还包括：第六接收模块、判断模块和第四发送模块(图中未示出)；

第六接收模块，用于接收服务器发送的服务器本地存储的待同步的样式描述数据的目标版本标识；

判断模块，用于判断本地存储的样式描述数据的版本标识是否为目标版本标识；

第四发送模块，用于在判断模块的判断结果为否的情况下，向服务器发送获取待同步的样式描述数据的请求，以使服务器在接收到获取待同步的样式描述数据的请求后，向客户端反馈待同步的样式描述数据。

需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括要素的过程、方法、物品或者设备中还存在另外的相同要素。

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

以上仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所作的任何修改、等同替换、改进等，均包含在本发明的保护范围内。

Claims (13)

1.一种页面样式更新方法，应用于服务器，其特征在于，包括：

当获得客户端发送的关于目标页面的数据获取请求时，确定所述目标页面的页面数据，其中，所述页面数据包括：样式关联关系和至少一个页面元素数据；所述样式关联关系为关于所述页面元素数据与样式描述数据的关联关系；所述样式关联关系包括：与所述页面元素数据关联的目标样式描述数据的标识；

将所述页面数据反馈给所述客户端，以使所述客户端根据所述目标样式描述数据的标识，从本地存储的多个样式描述数据中，获取与所述样式关联关系对应的目标样式描述数据，并根据所述页面数据所包括的各类数据，以及所述目标样式描述数据，渲染所述目标页面。

2.根据权利要求1所述的方法，其特征在于，还包括：

将本地存储的待同步的样式描述数据，发送给所述客户端，以使所述客户端利用接收到的待同步的样式描述数据，更新所述客户端本地存储的样式描述数据。

3.根据权利要求2所述的方法，其特征在于，在将本地存储的待同步的样式描述数据，发送给所述客户端的步骤之前，还包括：

将本地存储的待同步的样式描述数据的目标版本标识，发送给所述客户端，以使所述客户端判断本地存储的样式描述数据的版本标识是否为所述目标版本标识，在判断结果为否的情况下，向所述服务器发送获取待同步的样式描述数据的请求；

接收所述客户端发送的获取待同步的样式描述数据的请求。

4.根据权利要求2或3所述的方法，其特征在于，所述数据获取请求中携带目标标识信息，其中，所述目标标识信息为所述客户端的版本标识、用户的标识和所述客户端对应操作系统的标识中的至少一种；

在所述将本地存储的待同步的样式描述数据，发送给所述客户端的步骤之前，还包括：

当获得客户端发送的关于目标页面的数据获取请求时，提取所述数据获取请求中的目标标识信息；

从本地存储的样式描述数据中，根据所述目标标识信息所对应的预设挑选规则，确定待同步的样式描述数据。

5.根据权利要求4所述的方法，其特征在于，还包括：

接收修改本地存储的样式描述数据的第一修改指令；

根据所述第一修改指令修改本地存储的样式描述数据。

6.根据权利要求1所述的方法，其特征在于，所述目标页面的页面数据的生成方式，包括：

确定所述目标页面的页面模板；

获取所述目标页面的业务数据；

根据所述页面模板，将所述业务数据转换成样式关联关系和至少一个页面元素数据；

将转换成的样式关联关系和至少一个页面元素数据组合成所述目标页面的页面数据。

7.根据权利要求1所述的方法，其特征在于，所述数据获取请求中携带目标标识信息，其中，所述目标标识信息为所述客户端的版本标识、用户的标识和所述客户端对应操作系统的标识中的至少一种；

所述当获得客户端发送的关于目标页面的数据获取请求时，确定所述目标页面的页面数据的步骤，包括：

当获得客户端发送的关于目标页面的数据获取请求时，提取所述数据获取请求中的目标标识信息；

确定所述目标页面的页面模板；

获取所述目标页面的业务数据；

根据所述页面模板，将所述业务数据转换成样式关联关系和至少一个页面元素数据；

根据所述目标标识信息所对应的预设过滤规则，确定待过滤的页面元素数据、样式关联关系中的关系描述；

从转换成的样式关联关系和至少一个页面元素数据中，过滤所确定出的待过滤的各类数据，并将剩余的各类数据组合成所述目标页面的页面数据。

8.根据权利要求6或7所述的方法，其特征在于，还包括：

接收修改所述页面模板的第二修改指令；

根据所述第二修改指令修改所述页面模板。

9.一种页面样式更新方法，应用于客户端，其特征在于，包括：

向服务器发送关于目标页面的数据获取请求，以使所述服务器当获得客户端发送的关于目标页面的数据获取请求时，确定所述目标页面的页面数据，其中，所述页面数据包括：样式关联关系和至少一个页面元素数据；所述样式关联关系为关于所述页面元素数据与样式描述数据的关联关系；所述样式关联关系包括：与所述页面元素数据关联的目标样式描述数据的标识；

接收所述服务器反馈的页面数据；

根据所述目标样式描述数据的标识，从本地存储的多个样式描述数据中，获取与所述样式关联关系对应的目标样式描述数据；

根据所述页面数据所包括的各类数据，以及所述目标样式描述数据，渲染所述目标页面。

10.根据权利要求9所述的方法，其特征在于，还包括：

接收所述服务器发送的所述服务器本地存储的待同步的样式描述数据；

利用接收到的待同步的样式描述数据，更新本地存储的样式描述数据。

11.根据权利要求9或10所述的方法，其特征在于，还包括：

接收所述服务器发送的所述服务器本地存储的待同步的样式描述数据的目标版本标识；

判断本地存储的样式描述数据的版本标识是否为所述目标版本标识；

在判断结果为否的情况下，向所述服务器发送获取待同步的样式描述数据的请求，以使所述服务器在接收到获取待同步的样式描述数据的请求后，向所述客户端反馈所述待同步的样式描述数据。

12.一种页面样式更新装置，应用于服务器，其特征在于，包括：

第一确定模块，用于当获得客户端发送的关于目标页面的数据获取请求时，确定所述目标页面的页面数据，其中，所述页面数据包括：样式关联关系和至少一个页面元素数据；所述样式关联关系为关于所述页面元素数据与样式描述数据的关联关系；所述样式关联关系包括：与所述页面元素数据关联的目标样式描述数据的标识；

反馈模块，用于将所述页面数据反馈给所述客户端，以使所述客户端根据所述目标样式描述数据的标识，从本地存储的多个样式描述数据中，获取与所述样式关联关系对应的目标样式描述数据，并根据所述页面数据所包括的各类数据，以及所述目标样式描述数据，渲染所述目标页面。

13.一种页面样式更新装置，应用于客户端，其特征在于，包括：

第三发送模块，用于向服务器发送关于目标页面的数据获取请求，以使所述服务器当获得客户端发送的关于目标页面的数据获取请求时，确定所述目标页面的页面数据，其中，所述页面数据包括：样式关联关系和至少一个页面元素数据；所述样式关联关系为关于所述页面元素数据与样式描述数据的关联关系；所述样式关联关系包括：与所述页面元素数据关联的目标样式描述数据的标识；

第四接收模块，用于接收所述服务器反馈的页面数据；

获取模块，用于根据所述目标样式描述数据的标识，从本地存储的多个样式描述数据中，获取与所述样式关联关系对应的目标样式描述数据；

渲染模块，用于根据所述页面数据所包括的各类数据，以及所述目标样式描述数据，渲染所述目标页面。

Images