CN107066272A - 一种页面更新方法及装置 - Google Patents

Abstract

本发明实施例提供了一种页面更新方法及装置，方法包括：当获得客户端发送的关于目标页面的数据获取请求时，确定目标页面的页面数据；其中，页面数据包括：事件关联关系、至少一个页面元素数据和至少一个点击事件数据，事件关联关系为关于页面元素数据与点击事件数据的关联关系；向客户端反馈页面数据，以使客户端根据页面数据所包括的各类数据渲染目标页面。应用本发明实施例所提供的技术方案，使得客户端的页面的交互行为不依赖客户端的发版，而是由服务器控制。当需要更改页面的交互行为时，只需要对服务器的代码进行开发即可实现，不需要对不同平台的客户端进行代码开发，开发成本大大降低。

Description

一种页面更新方法及装置

技术领域

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

背景技术

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

然而，现有的本地应用中页面的交互行为(如交互跳转)在智能终端固化，如果想改变应用的交互行为，必须依赖运营商对不同平台(安卓系统或ios系统等)下的发版的修改，智能终端再重新安装本地应用。例如，爱奇艺播放APP的页面中的第三方登录按钮，当前点击该按钮后链接的是通过QQ来登录，如果想实现点击该按钮后链接的是通过新浪邮箱来登录，则需要爱奇艺开发人员针对不同平台的版本进行修改，然后重新发布新版应用，用户重新在智能终端安装新版的应用。可见，本地应用的交互行为严重依赖应用的发版，如果想更改页面的交互行为，需要重新对不同平台下的应用全部进行开发，导致开发成本较高。

发明内容

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

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

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

向所述客户端反馈所述页面数据，以使所述客户端根据所述页面数据所包括的各类数据渲染所述目标页面。

可选的，所述页面数据还包括：样式关联关系，所述样式关联关系为关于所述页面元素数据与样式描述数据的关联关系；

所述向所述客户端反馈所述页面数据，以使所述客户端根据所述页面数据所包括的各类数据渲染所述目标页面的步骤，包括：

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

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

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

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

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

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

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

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

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

根据所述页面模板，将所述业务数据转换成事件关联关系、至少一个页面元素数据和至少一个点击事件数据；

将转换成的事件关联关系、至少一个页面元素数据和至少一个点击事件数据组合成所述目标页面的页面数据。

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

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

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

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

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

可选的，所述数据获取请求中携带目标标识信息，其中，所述目标标识信息为所述客户端本地存储的每个样式描述数据的第一目标标识，和/或，所述客户端的版本标识；

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

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

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

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

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

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

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

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

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

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

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

向服务器发送关于目标页面的数据获取请求，以使所述服务器在获得关于所述目标页面的数据获取请求后，确定所述目标页面的页面数据，并向所述客户端反馈所述页面数据；其中，所述页面数据包括：事件关联关系、至少一个页面元素数据和至少一个点击事件数据，所述事件关联关系为关于所述页面元素数据与所述点击事件数据的关联关系；

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

根据所述页面数据所包括的各类数据渲染所述目标页面。

可选的，所述页面数据还包括：样式关联关系，所述样式关联关系为关于所述页面元素数据与样式描述数据的关联关系；

所述根据所述页面数据所包括的各类数据渲染所述目标页面的步骤，包括：

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

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

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

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

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

第三方面，本发明实施例提供的一种页面更新装置，应用于服务器，所述装置包括：

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

反馈模块，用于向所述客户端反馈所述页面数据，以使所述客户端根据所述页面数据所包括的各类数据渲染所述目标页面。

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

第二发送模块，用于向服务器发送关于目标页面的数据获取请求，以使所述服务器在获得关于所述目标页面的数据获取请求后，确定所述目标页面的页面数据，并向所述客户端反馈所述页面数据；其中，所述页面数据包括：事件关联关系、至少一个页面元素数据和至少一个点击事件数据，所述事件关联关系为关于所述页面元素数据与所述点击事件数据的关联关系；

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

本发明实施例提供了一种页面更新方法及装置，上述页面更新方法中，服务器在接收到客户端发送的关于目标页面的数据获取请求时，确定目标页面的页面数据；并向客户端反馈页面数据，以使客户端根据页面数据所包括的各类数据渲染目标页面。应用本发明实施例所提供的技术方案，使得客户端的页面的交互行为不依赖客户端的发版，而是由服务器控制。当需要更改页面的交互行为时，只需要对服务器的代码进行开发即可实现，不需要对不同平台的客户端进行代码开发，开发成本大大降低。

附图说明

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

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

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

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

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

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

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

图7为生成模块的第一种结构示意图；

图8为生成模块的第二种结构示意图；

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

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

具体实施方式

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

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

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

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

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

其中，页面数据包括：事件关联关系、至少一个页面元素数据和至少一个点击事件数据，事件关联关系为关于页面元素数据与点击事件数据的关联关系。

页面元素数据与渲染后页面上显示的页面元素对应。页面元素数据有多种类型，主要有Page、Card、Block、Video、Image、Meta、Button等不同等级的数据，其中，Page、Card、Block类型的数据对应于客户端页面的逻辑结构，Video、Image、Meta、Button类型的数据对应于客户端页面上的各相关控件，例如，一个Button数据就对应页面上中的一个按钮。点击事件数据是描述点击后触发的行为和行为所需要的参数的数据。根据事件关联关系中关于页面元素数据与点击事件数据的关联关系，例如，一个Button数据与跳转到电视剧首页的数据关联，另一个Video的数据与播放对应视频的数据关联。

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

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

S102、向客户端反馈页面数据，以使客户端根据页面数据所包括的各类数据渲染目标页面。

客户端根据页面数据中所包括的事件关联关系、至少一个页面元素数据和至少一个点击事件数据，事件关联关系为关于页面元素数据与点击事件数据的关联关系渲染页面。客户端根据页面元素数据渲染使得目标页面上展示页面元素数据对应的页面元素，并将点击事件数据对应的交互行为绑定到，与该点击事件关联的页面元素数据对应的页面元素上。使得用户点击渲染后的目标页面上绑定了交互行为的页面元素后，会触发页面元素数据所关联的点击事件数据所对应的事件。触发相应的事件后，常会出现两种情况：一种是交互行为结束后，页面仍旧停留在当前页面，另一种利用本发明实施例所提供的技术方案，将页面更新到所要跳转的页面，实现页面跳转。需要说明的是，这里的点击可以理解为广义的点击，包括常规的点击操作和常规的滑动操作。

应用图1所示实施例，服务器在接收到客户端发送的关于目标页面的数据获取请求时，确定目标页面的页面数据；并向客户端反馈页面数据，以使客户端根据页面数据所包括的各类数据渲染目标页面。使得客户端的页面的交互行为的更改不依赖客户端的发版，而是由服务器控制。当需要更改页面的交互行为时，只需要对服务器的代码进行开发即可实现，不需要对不同平台的客户端进行代码开发，开发成本大大降低。另外，还可以降低客户端对业务逻辑的依赖程度，业务逻辑主要由服务器实现。

实际应用中，如果客户端请求的目标页面对应的页面数据包括：一个图片数据、一个爱奇艺首页的按钮数据；点击事件关联关系中记录图片数据与放大图片所需要的参数的关联关系，以及爱奇艺首页的按钮数据与跳转到爱奇艺首页所需要的参数的关联关系；一个点击事件数据为放大图片所需要的参数，另一个点击事件数据为跳转到爱奇艺首页所需要的参数。渲染这个目标页面后，目标页面上会显示一个图片和一个爱奇艺首页按钮，点击这个图片后，会将这个图片放大；点击爱奇艺按钮后，会跳转至爱奇艺首页的页面。

本实施例的一种实施方式中，页面数据还包括：样式关联关系，样式关联关系为关于页面元素数据与样式描述数据的关联关系；

向客户端反馈页面数据，以使客户端根据页面数据所包括的各类数据渲染目标页面的步骤，可以包括：

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

样式描述数据包括两类：一类是样式数据，另一类是布局数据。样式数据用于描述页面元素数据中对应各控件的样式，如颜色、高度、边距等，布局数据用于描述页面元素数据中对应的逻辑结构的布局规则。

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

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

客户端根据页面数据所包括的各类数据，以及目标样式描述数据渲染目标页面渲染页面。渲染后的页面在客户端展示，页面元素数据对应所展示页面上的页面元素，页面元素的样式由目标样式描述数据确定，而目标样式描述数据是由服务器控制选择的，所以实现了由服务器控制页面样式的目的。另外，样式描述数据与页面元素数据分开设置，便于实现样式描述数据的动态更新，也就是便于实现页面样式的动态更新。

本实施方式中，客户端根据页面数据所包括的各类数据，以及目标样式描述数据渲染目标页面后，不仅可以使得客户端页面的交互行为的更改不依赖客户端的发版，而是由服务器控制；还可以使得客户端所展示的页面样式的更改不依赖客户端的发版，而是由服务器控制目标页面的样式。更改客户端的页面的交互行为和/或样式，均不需要对不同平台的客户端进行代码开发，只需要对服务端进行代码开发即可，开发成本大大降低。

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

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

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

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

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

更进一步的，页面更新方法还可以包括以下两个步骤：

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

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

通过上述(1)和(2)这两个步骤，对服务器本地存储的待同步的样式描述数据的修改，使得服务器可以获得不同内容的待同步的样式描述数据。通过服务器向客户端发送待同步的样式描述数据，以使客户端利用所接收到的待同步的样式描述数据，更新客户端本地存储的样式描述数据，不仅可以实现客户端样式描述数据由服务器控制，还可以使客户端通过更新获得不同的样式描述数据，实现不同页面样式。可以理解的是，这里的修改包括：删除、增加、替换等等操作，在此不做具体限定。

可选的，当页面数据包括：事件关联关系、至少一个页面元素数据和至少一个点击事件数据时，参照图2，图2为本发明实施例中生成目标页面的页面数据的第一种流程示意图，生成目标页面的页面数据的步骤，可以包括：

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

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

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

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

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

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

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

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

可选的，当页面数据包括：样式关联关系、事件关联关系、至少一个页面元素数据和至少一个点击事件数据时，参照图3，图3为本发明实施例中生成目标页面的页面数据的第二种流程示意图，生成目标页面的页面数据的步骤，可以包括：

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

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

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

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

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

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

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

应用图3所示的具体实施方式，设置生成目标页面的页面数据的步骤，可以在服务器生成目标页面的页面数据，只要通过开发不同的页面模板，即可生成不同的页面数据，以使客户端通过页面渲染，实现页面不同的交互行为和/或页面样式的更改。

可选的，参照图4，图4为本发明实施例中实现S101的流程示意图，数据获取请求中携带目标标识信息，其中，目标标识信息为客户端本地存储的每个样式描述数据的第一目标标识，和/或，客户端的版本标识；

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

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

需要说明的是，目标标识信息为客户端本地存储的每个样式描述数据的第一目标标识时，可以用客户端本地存储的样式描述数据的版本号来统一表示每个样式描述数据的第一目标标识；当然，也可以单独设置每个样式描述数据的标识，例如，用该样式描述数据的版本号加上该样式描述数据在该版本中的位置来表示，在此不做具体限定。

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

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

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

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

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

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

当目标标识信息为第一目标标识，第一目标标识对应的预设过滤规则可以规定：针对样式关联关系中对应的任一个样式描述数据，如果该样式描述数据的标识与第一目标标识不匹配，根据样式关联关系，确定这个样式描述数据对应的页面元素数据是待过滤的页面元素数据；根据事件关联关系，确定与待过滤的页面元素数据对应的点击事件数据是待过滤的点击事件数据；样式关联关系和事件关联关系中，涉及待过滤的页面元素数据的关系描述为待过滤的关系描述。具体使用时，例如，客户端存储的样式描述数据对应的第一目标标识是统一用样式描述数据对应的版本号表示的，如果样式关联关系中对应的各个样式描述数据的版本标识与目标标识信息中的版本号不同则认为不匹配。

当目标标识信息为客户端版本标识，客户端版本标识对应的预设过滤规则可以规定：客户端版本标识对应哪个或哪些页面元素数据是待过滤的页面元素数据；根据事件关联关系，与待过滤的页面元素数据对应的点击事件数据是待过滤的点击事件数据；样式关联关系和事件关联关系中涉及待过滤的页面元素数据的关系描述。

需要说明的是，当目标标识信息为第一目标标识和客户端版本信息时，可以将上述两种规则合并在一起，组成新的预设过滤规则。

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

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

本发明实施例的一种实施方式中，页面更新方法还可以包括以下两个步骤：

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

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

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

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

S501、向服务器发送关于目标页面的数据获取请求，以使服务器在获得关于目标页面的数据获取请求后，确定目标页面的页面数据，并向客户端反馈页面数据；其中，页面数据包括：事件关联关系、至少一个页面元素数据和至少一个点击事件数据，事件关联关系为关于页面元素数据与点击事件数据的关联关系；

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

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

S503、根据页面数据所包括的各类数据渲染目标页面。

通过本步骤对目标页面进行渲染，目标页面上展示页面元素数据对应的页面元素，并将点击事件数据对应的交互行为绑定到，与该点击事件关联的页面元素数据对应的页面元素上。使得用户点击渲染后的目标页面上绑定了交互行为的页面元素后，会触发页面数据所关联的点击事件数据所对应的事件。

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

本发明实施例的一种实施方式中，页面数据还包括：样式关联关系，样式关联关系为关于页面元素数据与样式描述数据的关联关系；

根据页面数据所包括的各类数据渲染目标页面，包括：

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

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

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

本步骤中，渲染时，页面元素的样式都是根据目标样式描述数据所限定的样式来确定的，实现由服务器控制页面样式的目的。

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

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

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

通过本实施方式中(1)和(2)两个步骤，可以更新客户端本地存储的样式描述数据，可以提高页面的样式由服务器控制的程度，进而可以使页面展现更多的样式。

另外，服务器可以主动向客户端发送待同步的样式描述数据，具体实施时，当服务器主动向客户端发送待同步的样式描述数据时，可以是服务器判断本地存储的样式描述数据是否有更新，如果有更新，则将更新后的样式描述数据作为待同步的样式数据发送给客户端。当然，也可以在客户端请求待同步的样式描述数据的情况下，再向客户端发送待同步的样式描述数据。

其中，当客户端请求待同步的样式描述数据的情况下，再向客户端发送待同步的样式描述数据时，可以通过以下方式实现：

(1)、在客户端启动时，客户端接收服务器发送的待同步的样式描述数据的目标版本信息，客户端判断本地存储的样式描述数据的版本信息与目标版本信息是否一致；

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

(2)、判断结果为一致时，客户端不更新本地存储的样式描述文件；判断结果为不一致时，向服务器发送获取待同步的样式描述数据的请求，以使服务器向客户端反馈待同步的样式描述数据；

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

(3)、接收服务器发送的待同步的样式描述数据；

接收服务器在客户端本地存储的样式描述数据需要更新的情况下才发送的待同步的样式描述数据，所接受到的待同步的样式描述数据与客户端本地存储的样式描述数据是不一样的。

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

通过本步骤完成本地存储的样式描述数据的更新。

上述方式实施例中，可以看出，客户端与业务逻辑耦合程度较小，大部分的业务逻辑都是由客户端完成，这样就降低了对客户端发版的依赖。

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

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

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

反馈模块62，用于向客户端反馈页面数据，以使客户端根据页面数据所包括的各类数据渲染目标页面。

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

本发明实施例的一种实施方式中，页面数据还包括：样式关联关系，样式关联关系为关于页面元素数据与样式描述数据的关联关系；

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

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

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

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

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

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

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

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

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

第一转换单元73，用于根据页面模板，将业务数据转换成事件关联关系、至少一个页面元素数据和至少一个点击事件数据；

第一组合单元74，用于将转换成的事件关联关系、至少一个页面元素数据和至少一个点击事件数据组合成目标页面的页面数据。

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

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

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

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

第二组合单元84，用于将转换成的样式关联关系、事件关联关系、至少一个页面元素数据和至少一个点击事件数据组合成目标页面的页面数据。。

本发明实施例的一种实施方式中，数据获取请求中携带目标标识信息，其中，目标标识信息为客户端本地存储的每个样式描述数据的第一目标标识，和/或，客户端的版本标识；

参照图9，图9为第一确定模块的结构示意图，其中，第一确定模块61，可以包括：

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

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

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

第三转换单元614，用于根据页面模板，将业务数据转换成样式关联关系、事件关联关系、至少一个页面元素数据和至少一个点击事件数据；

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

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

本发明实施例的一种实施方式中，还包括：

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

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

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

第二发送模块101，用于向服务器发送关于目标页面的数据获取请求，以使服务器在获得关于目标页面的数据获取请求后，确定目标页面的页面数据，并向客户端反馈页面数据；其中，页面数据包括：事件关联关系、至少一个页面元素数据和至少一个点击事件数据，事件关联关系为关于页面元素数据与点击事件数据的关联关系；

渲染模块102，用于根据页面数据所包括的各类数据渲染目标页面。

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

本发明实施例的一种实施方式中，页面数据还包括：样式关联关系，样式关联关系为关于页面元素数据与样式描述数据的关联关系；

本发明实施例的一种实施方式中，渲染模块102，包括：第四获取单元和渲染单元(图中未示出)。

第四获取单元，用于从本地存储的多个样式描述数据中，获取与样式关联关系相对应的目标样式描述数据；

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

本发明实施例的一种实施方式中，该装置还包括：第二接收模块和更新模块。

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

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

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

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

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

Claims (13)

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

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

向所述客户端反馈所述页面数据，以使所述客户端根据所述页面数据所包括的各类数据渲染所述目标页面。

2.根据权利要求1所述的方法，其特征在于，所述页面数据还包括：样式关联关系，所述样式关联关系为关于所述页面元素数据与样式描述数据的关联关系；

所述向所述客户端反馈所述页面数据，以使所述客户端根据所述页面数据所包括的各类数据渲染所述目标页面的步骤，包括：

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

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

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

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

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

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

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

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

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

根据所述页面模板，将所述业务数据转换成事件关联关系、至少一个页面元素数据和至少一个点击事件数据；

将转换成的事件关联关系、至少一个页面元素数据和至少一个点击事件数据组合成所述目标页面的页面数据。

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

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

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

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

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

7.根据权利要求2所述的方法，其特征在于，所述数据获取请求中携带目标标识信息，其中，所述目标标识信息为所述客户端本地存储的每个样式描述数据的第一目标标识，和/或，所述客户端的版本标识；

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

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

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

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

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

根据所述目标标识信息所对应的预设过滤规则，确定待过滤页面元素数据、点击事件数据、样式关联关系中的关系描述、事件关联关系中的关系描述；从转换成的样式关联关系、事件关联关系、至少一个页面元素数据和至少一个点击事件数据中，过滤所确定出的待过滤的各类数据，并将剩余的各类数据组合成所述目标页面的页面数据。

8.根据权利要求5-7任一项所述的方法，其特征在于，还包括：

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

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

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

向服务器发送关于目标页面的数据获取请求，以使所述服务器在获得关于所述目标页面的数据获取请求后，确定所述目标页面的页面数据，并向所述客户端反馈所述页面数据；其中，所述页面数据包括：事件关联关系、至少一个页面元素数据和至少一个点击事件数据，所述事件关联关系为关于所述页面元素数据与所述点击事件数据的关联关系；

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

根据所述页面数据所包括的各类数据渲染所述目标页面。

10.根据权利要求9所述的方法，其特征在于，所述页面数据还包括：样式关联关系，所述样式关联关系为关于所述页面元素数据与样式描述数据的关联关系；

所述根据所述页面数据所包括的各类数据渲染所述目标页面的步骤，包括：

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

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

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

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

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

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

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

反馈模块，用于向所述客户端反馈所述页面数据，以使所述客户端根据所述页面数据所包括的各类数据渲染所述目标页面。

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

第二发送模块，用于向服务器发送关于目标页面的数据获取请求，以使所述服务器在获得关于所述目标页面的数据获取请求后，确定所述目标页面的页面数据，并向所述客户端反馈所述页面数据；其中，所述页面数据包括：事件关联关系、至少一个页面元素数据和至少一个点击事件数据，所述事件关联关系为关于所述页面元素数据与所述点击事件数据的关联关系；

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