CN107391507A - 移动端页面的更新方法和装置 - Google Patents

Abstract

本申请提出一种移动端页面的更新方法和装置，该移动端页面的更新方法包括：接收服务端的组件更新通知；根据所述组件更新通知获取更新的组件及组件标识；根据所述组件标识确定客户端本地缓存页面的原始组件；使用所述更新的组件替换所述本地缓存页面的原始组件；根据更新后的组件生成所述缓存页面的界面模版。该方法能够实现对客户端本地缓存页面的组件化，从而可以降低服务端与客户端之间的传输开销和降低服务端的存储开销。

Description

移动端页面的更新方法和装置

技术领域

本申请涉及互联网技术领域，尤其涉及一种移动端页面的更新方法和装置。

背景技术

随着移动技术的发展，用户能够使用移动设备在客户端显示服务端提供的页面。为了实现页面在客户端的显示，相关技术中可以采用如下解决方案：一种方式是客户端本地存储整个页面文件，在更新页面时，需要下载整个新版本的页面文件。另一种方式是由服务端保存原始的页面文件，在更新页面时，服务端采用比较算法根据原始的页面文件和更新后的页面文件生成差量文件并发送给客户端进行更新。

从上述两种方式的实现可以看出：前一种方式下，页面文件的微小更新就需要客户端从服务端下载整个的新的页面文件，客户端与服务端之间传输的数据量较大，造成的传输开销也较大。后一种方式下，在页面文件发生更新后服务端需要存储修改前后的页面文件以生成差量文件，浪费服务端的存储资源，造成存储开销的增大。

发明内容

本申请旨在至少在一定程度上解决相关技术中的技术问题之一。

为此，本申请的一个目的在于提出一种移动端页面的更新方法，该方法可以在更新客户端本地缓存页面时，降低服务端与客户端之间的传输开销和降低服务端的存储开销。

本申请的另一个目的在于提出一种移动端页面的更新装置。

为达到上述目的，本申请第一方面实施例提出的移动端页面的更新方法，包括：接收服务端的组件更新通知；根据所述组件更新通知获取更新的组件及组件标识；根据所述组件标识确定客户端本地缓存页面的原始组件；使用所述更新的组件替换所述本地缓存页面的原始组件；根据更新后的组件生成所述缓存页面的界面模版。

本申请第一方面实施例提出的移动端页面的更新方法，通过用更新的组件替换原始组件，可以实现对客户端本地缓存页面的组件化，从而降低服务端与客户端之间的传输开销和降低服务端的存储开销

为达到上述目的，本申请第二方面实施例提出的移动端页面的更新装置，包括：接收模块，用于接收服务端的组件更新通知；获取模块，用于根据所述组件更新通知获取更新的组件及组件标识；确定模块，用于根据所述组件标识确定客户端本地缓存页面的原始组件；替换模块，用于使用所述更新的组件替换所述本地缓存页面的原始组件；生成模块，用于根据更新后的组件生成所述缓存页面的界面模版。

本申请第二方面实施例提出的移动端页面的更新装置，通过用更新的组件替换原始组件，可以实现对客户端本地缓存页面的组件化，从而降低服务端与客户端之间的传输开销和降低服务端的存储开销。

本申请附加的方面和优点将在下面的描述中部分给出，部分将从下面的描述中变得明显，或通过本申请的实践了解到。

附图说明

本申请上述的和/或附加的方面和优点从下面结合附图对实施例的描述中将变得明显和容易理解，其中：

图1是本申请一实施例提出的移动端页面的更新方法的流程示意图；

图2是本申请另一实施例提出的移动端页面的更新方法的流程示意图；

图3是本申请另一实施例提出的移动端页面的更新方法的流程示意图；

图4是本申请实施例中组件间的依赖关系的示意图；

图5a-图5b是本申请实施例中服务端和客户端分别存储的信息的示意图；

图6是本申请另一实施例提出的移动端页面的更新装置的结构示意图。

具体实施方式

下面详细描述本申请的实施例，所述实施例的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的模块或具有相同或类似功能的模块。下面通过参考附图描述的实施例是示例性的，仅用于解释本申请，而不能理解为对本申请的限制。相反，本申请的实施例包括落入所附加权利要求书的精神和内涵范围内的所有变化、修改和等同物。

图1是本申请一实施例提出的移动端页面的更新方法的流程示意图。本实施例以客户端的执行流程为例。参见图1，该方法包括：

S11：接收服务端的组件更新通知。

其中，组件更新通知中可以包含发生更新的组件及对应的组件标识。

组件可以包括：组件内容，和/或，组件间的依赖关系。

其中，页面可以由组件组成，服务端可以存储组成页面的原始组件，并在需要更新页面时，用发生更新的组件替换对应的原始组件，以及，将发生更新的组件及对应的组件标识发送给客户端。

本实施例中，在服务端由于采用替换存储的方式，在发生更新时，是在服务端直接进行替换修改，不需要存储修改前后的两份整体的页面文件，可以降低服务端的存储资源开销。

并且，如果更新时采用差量文件的方式，会需要将原始文件与发生更新的文件进行字符串的一一比对，以获取到差量文件，由于需要对字符串一一比对，也会存在处理繁琐问题。而本实施例中，直接用发生更新的部分替换相应的原始部分，不需要字符串一一比对，可以降低处理复杂度。例如，如果页面的第一组件内容发生了更新，如果采用差量文件的方式，就需要对原始的第一组件内容中的字符串与发生更新的第一组件内容中的字符串进行一一比对，得到差量文件。而如果采用本实施例的方式，可以直接替换第一组件内容而不关注具体哪些字符串变化了，因此可以降低处理复杂度。另外，假设只有页面的第一组件内容发生更新，而页面的第二组件内容和第三组件内容都没有更新时，如果采用页面整体替换的方式，就需要替换整个页面，包括第二组件内容和第三组件内容也要替换，那么替换的数据量就很大，而本实施例中只替换发生更新的对应信息，即如果仅第一组件内容发生了更新，那么就仅用发生更新的第一组件内容替换原始的第一组件内容，而保持第二组件内容和第三组件内容不变，这样可以降低替换的数据量。

S12：根据所述组件更新通知获取更新的组件及组件标识。

如上所示，可以在组件更新通知中包含发生更新的组件及对应的组件标识，从而可以从组件更新通知中获取到上述的更新的组件及组件标识。

S13：根据所述组件标识确定客户端本地缓存页面的原始组件。

其中，在客户端本地缓存页面中，可以对应存储组件标识及组件，从而可以根据该对应关系及获取的组件标识，确定对应的原始组件。

S14：使用所述更新的组件替换所述本地缓存页面的原始组件；

其中，所述页面包括一个或多个组件，其中，组件包括：组件内容和/或组件间的依赖关系。

相应的，参见图2，使用所述更新的组件替换所述本地缓存页面的原始组件，包括：

S141：当组件内容发生更新，用更新的组件内容替换原始的组件内容，且保持组件标识不变；和/或，

S142：当组件间的依赖关系发生更新，用更新的组件间的依赖关系替换原始的组件间的依赖关系。

例如，原始的页面内容包括第一组件内容、第二组件内容和第三组件内容，则服务端和客户端都可以预先存储上述的第一组件内容、第二组件内容和第三组件内容，假设在服务端更新了第二组件内容，则服务端可以在存储的页面内容中用更新后的第二组件内容替换原始的第二组件内容，并且服务端将更新后的第二组件内容发送给客户端，客户端接收到更新后的第二组件内容后，在存储的页面内容中，用更新后的第二组件内容替换原始的第二组件内容。

S15：根据更新后的组件生成所述缓存页面的界面模版。

其中，用发生更新的组件替换原始组件后，可以得到更新后的组件。

之后，可以在得到更新后的组件时，根据更新后的组件生成对应的界面模版，之后可以存储该界面模版，并在需要显示更新后的页面时，获取存储的界面模版并根据界面模版显示对应的页面。或者，也可以是得到更新后的组件时，存储更新后的组件，在需要显示更新后的页面时，获取存储的更新后的组件，并采用更新后的组件生成对应的界面模版，并根据界面模版显示对应的页面。

本实施例中，通过用更新的组件替换原始组件，可以实现客户端本地缓存页面的组件化，从而可以降低服务端存储开销和服务端与客户端之间的传输开销。另外，通过根据组件标识确定原始组件，可以规范组件管理。

图3是本申请另一实施例提出的移动端页面的更新方法的流程示意图。本实施例以客户端与服务端的交互为例。

S31：存储客户端本地缓存页面对应的组件内容和组件间的依赖关系。

可以先将页面内容分为一个或多个组件，以便以组件为单位，确定哪个或哪些组件发生变化。其中，在客户端存储的页面可以具体是客户端本地缓存页面，相应的，在服务端可以存储与客户端本地缓存页面相同的一个页面。客户端本地缓存页面在初始时可以具体是由服务端发送的组件组成的。在将页面内容分为组件时，可以根据业务需求进行划分，并确定组件间的依赖关系。页面的显示至少部分由页面包括的组件和/或组件间的依赖关系限定。当两个页面内容包括的组件或组件间的依赖关系中的任一项不同时，将显示不同内容的页面。

其中，组件内容可以用组件标识进行标识，组件标识可以是ID或者组件名称等。

组件内容是具体的组件描述内容，例如，描述组件由哪个图片组成等。

组件间的依赖关系包括：

单向依赖：例如A依赖B，但B不可以依赖A；

多重依赖：例如A依赖B，且B依赖A；

组合依赖：例如A依赖B和C。

图4为组件间的依赖关系的示意图。在图4所示的情况下，各组件之间的依赖关系是：组件_4依赖组件_1和组件_2，组件_2依赖组件_1，组件_5依赖组件_2和组件_3。

其中，组件间的依赖关系可以用配置文件描述，在配置文件中对应记录存在依赖关系的组件标识。例如，第一组件依赖第二组件和第三组件，且上述三个组件的组件标识分别是ID1、ID2、ID3，则可以在配置文件中记录：ID1：[ID2,ID3]。

在根据业务需求，将页面内容分为组件并确定组件间的依赖关系后，可以将组成网页内容的组件内容(也可以称为组件模板)和组件间的依赖关系存储在服务端，之后服务端可以将组件内容和组件间的依赖关系发送给客户端，并在客户端也存储这些信息。

服务端和客户端存储的信息可以如图5a-图5b所示。

S32：在需要修改页面内容时，服务端获取发生更新的组件，所述发生更新的组件包括：组件内容和/或组件间的依赖关系。

例如，页面内容的提供方可以根据业务需要修改页面内容，修改的页面内容可以是组件内容和组件间的依赖关系中的一项或多项，例如，修改组件_1的内容或者修改组件间的依赖关系_1等。

具体的，当组件内容发生更新，用发生更新的组件内容替换原始的组件内容，且保持组件标识不变；和/或，

当组件间的依赖关系发生更新，用发生更新的组件间的依赖关系替换原始的组件间的依赖关系。

例如，第一组件发生更新，则用第一组件的更新后的组件内容替换第一组件的原始的组件内容，但保持第一组件的组件标识不变。

本实施例中，通过将组件分为组件标识和组件内容，可以规范组件的管理，具体的，在组件发生更新，可以直接替换组件内容，而不需要比对字符串才能确定发生更新的内容。另外，通过保持组件标识不变，可以通过组件标识直接引用到更新后的组件内容。

又例如，对应组件间的依赖关系发生更新，假设第一组件原始依赖第二组件和第三组件，更新后第一组件仅依赖第二组件，则可以在配置文件中第一组件的组件标识的对应关系中直接删除第三组件的组件标识，例如，将ID1：[ID2,ID3]替换为ID1：[ID2]。

S33：服务端采用发生更新的组件替换对应的原始组件。

例如，发生更新的组件是组件_1的内容，则在服务端用更新后的组件_1的内容替换原始的组件_1的内容。或者，发生更新的组件是组件间的依赖关系_1，则在服务端用更新后的组件间的依赖关系_1替换原始的组件间的依赖关系_1。

S34：服务端将发生更新的组件及组件标识通过组件更新通知发送给客户端。

例如，服务端将更新后的组件_1的内容发送给客户端。或者，将更新后的组件间的依赖关系_1发送给客户端。

S35：客户端根据组件标识确定客户端本地缓存页面的原始组件，并采用发生更新的组件替换对应的原始组件。

具体的，客户端本地缓存页面包括一个或多个组件，其中，组件包括：组件内容和/或组件间的依赖关系，所述根据所述发生更新的组件替换原始组件，包括：

当组件内容发生更新，用发生更新的组件内容替换原始的组件内容，且保持组件标识不变；和/或，

当组件间的依赖关系发生更新，用发生更新的组件间的依赖关系替换原始的组件间的依赖关系。

例如，发生更新的页面信息是组件_1的内容，则在客户端用更新后的组件_1的内容替换原始的组件_1的内容。或者，发生更新的页面信息是组件间的依赖关系_1，则在客户端用更新后的组件间的依赖关系_1替换原始的组件间的依赖关系_1。其中，可以对应存储组件及组件标识，以根据组件标识确定原始组件。

S36：客户端根据更新后的组件生成所述缓存页面的界面模版。

例如，客户端在接收到来自服务端的组件内容和组件间的依赖关系后，可以根据组件间的依赖关系对组件内容进行拼接合成，生成页面内容(也可以称为页面模版或界面模版)，还可以再根据该页面内容进行渲染等操作，显示出该页面内容对应的页面。

进一步的，客户端在根据组件内容和组件间的依赖关系显示页面时，可以是根据组件内容和组件间的依赖关系生成页面内容后，存储页面内容，并在需要显示时，获取已存储的页面内容并根据页面内容显示相应的页面。或者，客户端也可以仅存储组件内容和组件间的依赖关系而不存储页面内容，在需要显示时，可以根据存储的组件内容和组件间的依赖关系生成页面内容，再根据页面内容显示相应的页面。

本实施例中，通过在发生页面信息更新后，在服务端用发生更新的页面信息替换原始的对应的页面信息，可以降低服务端的存储开销，另外，服务端将发生更新的页面信息发送给客户端而不是整个页面内容，可以降低服务端与客户端之间的传输开销。通过存储组件内容和组件间的依赖关系，可以对页面进行分块处理，方便确定发生更新的信息。

图6是本申请另一实施例提出的移动端页面的更新装置的结构示意图。该装置可以位于服务端。参见图6，该装置60包括：接收模块61、获取模块62、确定模块63、替换模块64和生成模块65。

接收模块61，用于接收服务端的组件更新通知；

获取模块62，用于根据所述组件更新通知获取更新的组件及组件标识；

确定模块63，用于根据所述组件标识确定客户端本地缓存页面的原始组件；

替换模块64，用于使用所述更新的组件替换所述本地缓存页面的原始组件；

生成模块65，用于根据更新后的组件生成所述缓存页面的界面模版。

可选的，所述页面包括一个或多个组件，其中，组件包括：组件内容和/或组件间的依赖关系；所述替换模块64具体用于：

当组件内容发生更新，用更新的组件内容替换原始的组件内容，且保持组件标识不变；和/或，

当组件间的依赖关系发生更新，用发生更新的组件间的依赖关系替换原始的组件间的依赖关系。

可选的，所述组件间的依赖关系包括如下项中的一项或多项：

单向依赖，多重依赖，组合依赖。

可选的，所述组件间的依赖关系用配置文件描述，所述配置文件中对应记录存在依赖关系的组件标识。

可选的，所述更新的组件及组件标识包含在所述组件更新通知中，且，所述更新的组件还用于在服务端替换服务端存储的对应的原始组件。

可选的，所述生成模块65具体用于：

在得到更新后的组件时，根据更新后的组件生成所述缓存页面的界面模版，并存储在客户端，以便在需要显示更新后的页面时，获取存储的界面模版并根据存储的界面模版显示对应的页面；或者，

在需要显示更新后的页面时，获取存储的更新后的组件，根据更新后的组件生成所述缓存页面的界面模版，以根据生成的界面模版显示对应的页面。

可以理解的是，本实施例的装置与方法实施例中服务端的执行方法对应，具体内容可以参见服务端的处理流程，在此不再详细说明。

本实施例中，通过用更新的组件替换原始组件，可以实现对客户端本地缓存页面的组件化，从而降低服务端与客户端之间的传输开销和降低服务端的存储开销。

需要说明的是，在本申请的描述中，术语“第一”、“第二”等仅用于描述目的，而不能理解为指示或暗示相对重要性。此外，在本申请的描述中，除非另有说明，“多个”的含义是指至少两个。

流程图中或在此以其他方式描述的任何过程或方法描述可以被理解为，表示包括一个或更多个用于实现特定逻辑功能或过程的步骤的可执行指令的代码的模块、片段或部分，并且本申请的优选实施方式的范围包括另外的实现，其中可以不按所示出或讨论的顺序，包括根据所涉及的功能按基本同时的方式或按相反的顺序，来执行功能，这应被本申请的实施例所属技术领域的技术人员所理解。

应当理解，本申请的各部分可以用硬件、软件、固件或它们的组合来实现。在上述实施方式中，多个步骤或方法可以用存储在存储器中且由合适的指令执行系统执行的软件或固件来实现。例如，如果用硬件来实现，和在另一实施方式中一样，可用本领域公知的下列技术中的任一项或他们的组合来实现：具有用于对数据信号实现逻辑功能的逻辑门电路的离散逻辑电路，具有合适的组合逻辑门电路的专用集成电路，可编程门阵列(PGA)，现场可编程门阵列(FPGA)等。

本技术领域的普通技术人员可以理解实现上述实施例方法携带的全部或部分步骤是可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，该程序在执行时，包括方法实施例的步骤之一或其组合。

此外，在本申请各个实施例中的各功能单元可以集成在一个处理模块中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个模块中。上述集成的模块既可以采用硬件的形式实现，也可以采用软件功能模块的形式实现。所述集成的模块如果以软件功能模块的形式实现并作为独立的产品销售或使用时，也可以存储在一个计算机可读取存储介质中。

上述提到的存储介质可以是只读存储器，磁盘或光盘等。

在本说明书的描述中，参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本申请的至少一个实施例或示例中。在本说明书中，对上述术语的示意性表述不一定指的是相同的实施例或示例。而且，描述的具体特征、结构、材料或者特点可以在任何的一个或多个实施例或示例中以合适的方式结合。

尽管上面已经示出和描述了本申请的实施例，可以理解的是，上述实施例是示例性的，不能理解为对本申请的限制，本领域的普通技术人员在本申请的范围内可以对上述实施例进行变化、修改、替换和变型。

Claims (10)

1.一种移动端页面的更新方法，其特征在于，包括：

接收服务端的组件更新通知；

根据所述组件更新通知获取更新的组件及组件标识；

根据所述组件标识确定客户端本地缓存页面的原始组件；

使用所述更新的组件替换所述本地缓存页面的原始组件；

根据更新后的组件生成所述缓存页面的界面模版。

2.根据权利要求1所述的方法，其特征在于，所述页面包括一个或多个组件，其中，组件包括：组件内容和/或组件间的依赖关系；

使用所述更新的组件替换所述本地缓存页面的原始组件，包括：

当组件内容发生更新，用更新的组件内容替换原始的组件内容，且保持组件标识不变；和/或，

当组件间的依赖关系发生更新，用发生更新的组件间的依赖关系替换原始的组件间的依赖关系。

3.根据权利要求2所述的方法，其特征在于，所述组件间的依赖关系包括如下项中的一项或多项：

单向依赖，多重依赖，组合依赖。

4.根据权利要求2所述的方法，其特征在于，所述组件间的依赖关系用配置文件描述，所述配置文件中对应记录存在依赖关系的组件标识。

5.根据权利要求1所述的方法，其特征在于，所述更新的组件及组件标识包含在所述组件更新通知中，且，所述更新的组件还用于在服务端替换服务端存储的对应的原始组件。

6.根据权利要求1所述的方法，其特征在于，所述根据更新后的组件生成所述缓存页面的界面模版，包括：

在得到更新后的组件时，根据更新后的组件生成所述缓存页面的界面模版，并存储在客户端，以在需要显示更新后的页面时，获取存储的界面模版并根据存储的界面模版显示对应的页面；或者，

在需要显示更新后的页面时，获取存储的更新后的组件，根据更新后的组件生成所述缓存页面的界面模版，以根据生成的界面模版显示对应的页面。

7.一种移动端页面的更新装置，其特征在于，包括：

接收模块，用于接收服务端的组件更新通知；

获取模块，用于根据所述组件更新通知获取更新的组件及组件标识；

确定模块，用于根据所述组件标识确定客户端本地缓存页面的原始组件；

替换模块，用于使用所述更新的组件替换所述本地缓存页面的原始组件；

生成模块，用于根据更新后的组件生成所述缓存页面的界面模版。

8.根据权利要求8所述的装置，其特征在于，所述页面包括一个或多个组件，其中，组件包括：组件内容和/或组件间的依赖关系；所述替换模块具体用于：

当组件内容发生更新，用更新的组件内容替换原始的组件内容，且保持组件标识不变；和/或，

当组件间的依赖关系发生更新，用发生更新的组件间的依赖关系替换原始的组件间的依赖关系。

9.根据权利要求7所述的装置，其特征在于，所述更新的组件及组件标识包含在所述组件更新通知中，且，所述更新的组件还用于在服务端替换服务端存储的对应的原始组件。

10.根据权利要求7所述的装置，其特征在于，所述生成模块具体用于：

在得到更新后的组件时，根据更新后的组件生成所述缓存页面的界面模版，并存储在客户端，以便在需要显示更新后的页面时，获取存储的界面模版并根据存储的界面模版显示对应的页面；或者，

在需要显示更新后的页面时，获取存储的更新后的组件，根据更新后的组件生成所述缓存页面的界面模版，以根据生成的界面模版显示对应的页面。