复合网页系统中页面的展示方法和装置与流程

本发明涉及计算机技术领域，特别是涉及一种复合网页系统中页面的展示方法和装置。

背景技术：

目前存在多个独立网页构成的复合网页系统，复合网页系统的每个独立网页具有导航区域，导航区域的不同部位分别指向复合网页系统中不同的独立网页。用户在每个独立网页中，可通过对该独立网页中导航区域不同部位的操作，触发对复合网页系统中每个独立网页的访问。

然而，复合网页系统包含独立网页众多，访问复合网页系统中的每个独立网页，需要分别下载相应的网页文件，并对网页文件进行解析和渲染，导致展示网页的效率较低。

技术实现要素：

基于此，有必要针对目前访问复合网页系统中的每个独立网页效率低的问题，提供一种复合网页系统中页面的展示方法和装置。

一种复合网页系统中页面的展示方法，包括：

展示复合网页系统的公共页面；

确定与所述复合网页系统对应的待展示的页面单元；

获取待展示的页面单元对应的独立页面文件；所述独立页面文件包括公共页面代码和页面间差异内容代码；

从所述独立页面文件中截取所述页面间差异内容代码；

在所述公共页面所包括的内容展示区域中，根据所述页面间差异内容代码展示相应的页面间差异内容。

一种复合网页系统中页面的展示装置，包括：

公共页面展示模块，用于展示复合网页系统的公共页面；

独立页面文件获取模块，用于确定与所述复合网页系统对应的待展示的页面单元；获取待展示的页面单元对应的独立页面文件；所述独立页面文件包括公共页面代码和页面间差异内容代码；

页面间差异内容展示模块，用于从所述独立页面文件中截取所述页面间差异内容代码；在所述公共页面所包括的内容展示区域中，根据所述页面间差异内容代码展示相应的页面间差异内容。

上述复合网页系统中页面的展示方法和装置，将复合网页系统中的各页面分离为公共页面和页面间差异内容，公共页面被复合网页系统中的各页面所共有，页面间差异内容则是不同页面间存在差异的内容。展示复合网页系统时，将公共页面的展示和页面间差异内容的展示分开进行，不需要重复对公共资源进行加载和渲染，提高了展示复合网页系统的效率。而且，与复合网页系统对应的待展示的页面单元对应有完整的独立页面文件，该独立页面文件包括公共页面代码和页面间差异内容代码，使得复合网页系统中各页面的完整内容可以被搜索引擎爬取到，可避免因公共页面和页面间差异内容相分离而导致复合网页系统各页面无法被搜索引擎搜索到，保持复合网页系统各页面的曝光率。

附图说明

图1为一个实施例中复合网页系统中页面的展示系统的应用环境图；

图2为一个实施例中终端的内部结构示意图；

图3为一个实施例中复合网页系统中页面的展示方法的流程示意图；

图4为一个实施例中展示复合网页系统的公共页面的步骤的流程示意图；

图5为一个实施例中公共页面的示意图；

图6为一个实施例中切换页面单元的步骤的流程示意图；

图7为一个具体实施例中复合网页系统中页面的展示方法的流程示意图；

图8为一个实施例中复合网页系统中页面的展示装置的结构框图；

图9为一个实施例中公共页面展示模块的结构框图；

图10为另一个实施例中复合网页系统中页面的展示装置的结构框图；

图11为再一个实施例中复合网页系统中页面的展示装置的结构框图；

图12为又一个实施例中复合网页系统中页面的展示装置的结构框图。

具体实施方式

为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

图1为一个实施例中复合网页系统中页面的展示系统的应用环境图。参照图1，该复合网页系统中页面的展示系统包括终端110和服务器120。终端110可用于向服务器120发送用于访问复合网页系统中页面的页面访问请求。服务器120可用于根据该页面访问请求向终端110反馈公共网络资源。终端110可用于根据公共网络资源展示复合网页系统的公共页面。终端110还可用于确定与复合网页系统对应的待展示的页面单元，从服务器120或者本地获取待展示的页面单元对应的独立页面文件。独立页面文件包括公共页面代码和页面间差异内容代码。终端110还可用于从独立页面文件中截取页面间差异内容代码；在公共页面所包括的内容展示区域中，根据页面间差异内容代码展示相应的页面间差异内容。

图2为一个实施例中终端的内部结构示意图。如图2所示，该终端包括通过系统总线连接的处理器、非易失性存储介质、内存储器、网络接口、显示屏和输入装置。其中，终端的非易失性存储介质存储有操作系统，还存储有一种复合网页系统中页面的展示装置，该复合网页系统中页面的展示装置用于实现一种复合网页系统中页面的展示方法。该处理器用于提供计算和控制能力，支撑整个终端的运行。终端中的内存储器为非易失性存储介质中的复合网页系统中页面的展示装置的运行提供环境。该内存储器中可存储有计算机可读指令，该计算机可读指令被处理器执行时，可使得处理器执行一种复合网页系统中页面的展示方法。网络接口用于与服务器进行网络通信，如发送页面访问请求，接收服务器反馈的公共网络资源等。终端的显示屏可以是液晶显示屏或者电子墨水显示屏等，输入装置可以是显示屏上覆盖的触摸层，也可以是终端外壳上设置的按键、轨迹球或触控板，也可以是外接的键盘、触控板或鼠标等。该终端可以是手机、平板电脑或者个人数字助理或穿戴式设备等。本领域技术人员可以理解，图2中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的终端的限定，具体的终端可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。

图3为一个实施例中复合网页系统中页面的展示方法的流程示意图。参照图3，该方法具体包括如下步骤：

S302，展示复合网页系统的公共页面。

具体地，终端可通过复合网页系统的页面网址，向服务器发送用于访问复合网页系统中页面的页面访问请求，接收服务器根据该页面访问请求反馈的公共网络资源，进而根据该公共网络资源展示复合网页系统的公共页面。页面网址可由用户主动输入、搜索引擎搜索到或者通过超链接获取到。

在一个实施例中，终端还可以根据复合网页系统的页面网址在本地查询相应的公共网络资源；若本地存在公共网络资源则直接从本地加载该公共网络资源展示复合网页系统的公共页面；若本地不存在公共网络资源，则向服务器发送页面访问请求，接收服务器根据该页面访问请求反馈的公共网络资源，进而根据该公共网络资源展示复合网页系统的公共页面。

其中，复合网页系统是包括多网页的内容且多网页的内容之间可切换显示的网页集合。公共页面是复合网页系统的多页面的内容所共有的页面。公共网络资源可以包括公共页面文件、公共样式文件和公共脚本文件。其中公共页面文件包括公共页面代码，公共页面文件的扩展名可以是html，公共样式文件的扩展名可以是css，公共脚本文件具体可以是扩展名为js的JavaScript脚本文件。公共样式文件和公共脚本文件可在公共页面文件中被加载和解析。

举例说明，公共页面文件中的公共页面代码可以是如下所示：

上述公共页面代码中，<link rel＝"stylesheet"href＝"./common.css">用于加载服务器上文件名为common.css的公共样式文件；<ul>……</ul>是无序列表标签，用于列举与复合网页系统的各页面单元一一对应的页面单元标签；<div id＝"nav">……</div>是用于标记公共导航区域的分块标签；<div id＝"content">……</di v>是用于标记内容展示区域的分块标签，公共页面代码中该分块标签标记的内容为空；<script type＝"text/javascript"src＝"./common.js"></script>用于调用公共脚本文件。

S304，确定与复合网页系统对应的待展示的页面单元。

复合网页系统的各个页面的内容被制作成相应的页面单元，供公共页面调用。终端可在访问复合网页系统时，将默认的页面单元作为待展示的页面单元。终端可在展示默认的页面单元对应的页面内容后，监听页面单元切换指令，从而将页面单元切换指令所指定的页面单元确定为待展示的页面单元。其中，页面单元是将页面间差异部分从相应页面中独立出的、供公共页面按需加载和控制的网络资源。

S306，获取待展示的页面单元对应的独立页面文件；独立页面文件包括公共页面代码和页面间差异内容代码。

具体地，终端可获取待展示的页面单元所对应的链接地址，从而通过该链接地址从服务器获取待展示的页面单元对应的独立页面文件。终端也可以获取待展示的页面单元所对应的链接地址，根据该链接地址在本地查询相应的独立页面文件；若本地存在独立页面文件则直接获取；若本地不存在独立页面文件，则通过该链接地址向服务器发送获取独立页面文件的请求，接收服务器根据该请求反馈的独立页面文件。

其中，独立页面文件结构与公共页面文件结构类似，包括用于生成公共页面的公共页面代码，还包括页面间差异内容代码。该页面间差异内容代码用于生成页面间差异内容，该页面间差异内容是待展示的页面单元区别于复合网页系统的其它页面单元的内容。独立页面文件可被用来生成独立的页面。独立页面文件可被搜索引擎完整爬取到其内容，复合网页系统所容纳的每个页面都可以通过搜索引擎搜索到，保证了复合网页系统中各页面的曝光率。

S308，从独立页面文件中截取页面间差异内容代码。

具体地，独立页面文件中的页面间差异内容代码可通过用于区分内容展示区域所展示内容的分块标签进行标记，终端可定位独立页面文件中用于区分内容展示区域所展示内容的分块标签，从而截取该分块标签所标记的页面间差异内容代码。

其中，页面间差异内容代码可通过div标签标记为一个区块，并用div标签的id属性区分页面间差异内容代码所在分块标签，终端可在独立页面文件中查找具有该id属性的div标签，从而获取该div标签所标记的页面间差异内容代码。

S310，在公共页面所包括的内容展示区域中，根据页面间差异内容代码展示相应的页面间差异内容。

具体地，终端通过公共页面的网络资源加载接口，加载页面间差异内容代码并解析，从而在公共页面所包括的内容展示区域中渲染，最终可呈现出完整的页面。

在一个实施例中，在步骤S306之前，该复合网页系统中页面的展示方法还包括：加载待展示的页面单元对应的样式文件。在一个实施例中，在步骤S310之后，该复合网页系统中页面的展示方法还包括：加载待展示的页面单元对应的脚本文件并执行。本实施例中，终端展示待展示的页面单元时，可以实现对样式和脚本的支持。

上述复合网页系统中页面的展示方法，将复合网页系统中的各页面分离为公共页面和页面间差异内容，公共页面被复合网页系统中的各页面所共有，页面间差异内容则是不同页面间存在差异的内容。展示复合网页系统时，将公共页面的展示和页面间差异内容的展示分开进行，不需要重复对公共资源进行加载和渲染，提高了展示复合网页系统的效率。而且，与复合网页系统对应的待展示的页面单元对应有完整的独立页面文件，该独立页面文件包括公共页面代码和页面间差异内容代码，使得复合网页系统中各页面的完整内容可以被搜索引擎爬取到，可避免因公共页面和页面间差异内容相分离而导致复合网页系统各页面无法被搜索引擎搜索到，保持复合网页系统各页面的曝光率。

图4为一个实施例中步骤S302，展示复合网页系统的公共页面的步骤的流程示意图。参照图4，该步骤具体包括如下步骤：

S402，获取通过搜索引擎搜索到的对应于独立页面文件的页面网址。

其中，搜索引擎是指根据一定的策略、运用特定的计算机程序从互联网上搜集信息，在对信息进行组织和处理后，为用户提供检索服务，将用户检索相关的信息展示给用户的系统。独立页面文件可被搜索引擎爬取到，根据独立页面文件提取出关键字并对应记录独立页面文件的页面网址。终端可通过搜索引擎进行关键字搜索，进而获取到对应于独立页面文件的页面网址。页面网址也可以通过用户输入或者超链接获得。

S404，根据页面网址向服务器发送页面访问请求。

具体地，通过页面网址，终端可向服务器发送访问独立页面文件所对应页面的页面访问请求。

S406，接收服务器响应于页面访问请求发送的独立页面文件。

S408，根据接收到的独立页面文件展示复合网页系统的公共页面。

具体地，终端接收到独立页面文件后，可根据独立页面文件中的公共页面代码展示复合网页系统的公共页面。终端具体可解析公共页面文件中的公共页面代码，通过公共页面代码加载公共样式文件和公共脚本文件，从而根据公共页面代码、公共样式文件和公共脚本文件完成公共页面的展示。

本实施例中，通过搜索引擎可以搜索到复合网页系统的独立页面，从而保证了复合网页系统中的每个页面都可以被独立搜索并访问，保证复合网页系统各页面的曝光率。

在一个实施例中，公共页面包括与复合网页系统的各页面单元一一对应的页面单元标签；步骤S304包括：将触发操作作用的页面单元标签所对应的页面单元确定为待展示的页面单元。

图5为一个实施例中公共页面的示意图。公共页面包括公共导航区域510和内容展示区域520，公共导航区域510包括与复合网页系统的各页面单元一一对应的页面单元标签511、512、513和514。终端可监听对页面单元标签511、512、513和514中任一个的触发操作，从而获取到被操作的页面单元标签所对应的链接地址。该触发操作可以是光标操作或者触控操作，光标操作比如光标单击、光标双击或者光标长按超过预设时长等，触控操作比如触摸单击、触摸双击或者触摸长按超过预设时长等。获取到链接地址便可以唯一表示确定的待展示的页面单元。

本实施例中，通过公共页面中的页面单元标签，可以在复合网页系统的各个页面之间切换，不需要重复加载、解析和渲染页面所需的公共资源部分，提高了复合网页系统各个页面的展示效率。

在一个实施例中，在加载待展示的页面单元对应的脚本文件并执行的步骤之后，复合网页系统中页面的展示方法还包括切换页面单元的步骤。图6为一个实施例中切换页面单元的步骤的流程示意图。参照图6，切换页面单元的步骤具体包括如下步骤：

S602，监听页面单元切换指令。

具体地，终端可监听对公共页面中页面单元标签的触发操作，从而根据监听到的触发操作获取到页面单元切换指令，该页面单元切换指令用于切换至触发操作所作用的页面单元标签对应的页面单元。

S604，根据页面单元切换指令卸载对正在展示的页面单元对应的脚本文件的调用，清空公共页面中的内容展示区域，并删除正在展示的页面单元的已加载的样式文件。

S606，根据页面单元切换指令确定与复合网页系统对应的待展示的页面单元。

其中，正在展示的页面单元，是终端在监听到页面单元切换指令时，公共页面的内容展示区域中正在展示的页面间差异内容所对应的页面单元。

在一个实施例中，终端可在监听到页面单元切换指令时，直接将公共页面对正在展示的页面单元对应的脚本文件的调用卸载，清空公共页面中的内容展示区域，并删除正在展示的页面单元的已加载的样式文件。

在一个实施例中，终端也可以在监听到页面单元切换指令时，判断页面单元切换指令所切换至的页面单元是否与正在展示的页面单元一致；若一致，则无动作；若不一致，则将公共页面对正在展示的页面单元对应的脚本文件的调用卸载，清空公共页面中的内容展示区域，并删除正在展示的页面单元的已加载的样式文件。

本实施例中，在复合网页系统的各页面单元之间切换时，先消除正在展示的页面单元对公共页面的影响，再基于公共页面展示待展示的页面单元，可保证待展示的页面单元能够被正常展示。

在一个实施例中，该复合网页系统中页面的展示方法还包括：当展示公共页面和/或待展示的页面单元所依赖的网络资源存在于本地时，检查本地的网络资源对应的版本信息；当根据版本信息确定本地的网络资源为最新版本时，根据本地的网络资源展示公共页面和/或待展示的页面单元。网络资源的链接地址去除参数后可作为键(key)，且网络资源可作为键对应的值(value)存储，版本信息也对应于该键存储。

其中，网络资源可以是展示公共页面时所依赖的公共网络资源，也可以是在展示页面单元时与页面单元对应的独立页面文件、样式文件以及脚本文件等。

具体地，终端在加载展示公共页面和/或待展示的页面单元所依赖的网络资源时，可先判断网络资源是否存储于本地。如果不是存储在本地，则终端可通过网络从服务器加载网络资源，将加载的网络资源存储在本地，并记录存储的网络资源对应的版本信息。

进一步地，如果网络资源是存储于本地，则终端检查本地的网络资源对应的版本信息，根据版本信息确定本地的网络资源是否为最新版本。如果是最新版本，则直接加载本地存储的网络资源。如果非最新版本，则通过网络从服务器加载网络资源，将加载的网络资源存储在本地，并记录存储的网络资源对应的版本信息。

根据版本信息确定本地的网络资源是否为最新版本，具体可以通过网络从服务器请求最新的版本信息，将请求的版本信息与本地的网络资源对应的版本信息比较，若一致则判定本地的网络资源为最新版本，若不一致则判定本地的网络资源非最新版本。版本信息可以包括版本号，还可以包括网络资源的发布时间。若当前时间与网络资源的发布时间的时间差超过预设时间差，则终端可直接判定本地的网络资源非最新版本。

本实施例中，对展示公共页面和/或待展示的页面单元所依赖的网络资源进行本地存储，相比浏览器本身缓存更持久可靠，从本地加载相对于从远程服务器加载延时很小，可减少大约90％的延时，可以有效减少不必要的网络请求，减少对网络资源的占用，提升复合网页系统的性能和用户体验。

图7为一个具体实施例中复合网页系统中页面的展示方法的流程示意图。参照图7，该方法具体包括如下步骤：

S702，展示复合网页系统的公共页面；公共页面内容展示区域，还包括与复合网页系统的各页面单元一一对应的页面单元标签。

S704，监听对页面单元标签的触发操作。

S706，将触发操作作用的页面单元标签所对应的页面单元确定为待展示的页面单元。

S708，根据触发操作卸载对正在展示的页面单元对应的脚本文件的调用。

S710，清空公共页面中的内容展示区域。

S712，删除正在展示的页面单元的已加载的样式文件。

S714，加载待展示的页面单元对应的样式文件。

S716，加载待展示的页面单元对应的独立页面文件；独立页面文件包括公共页面代码和页面间差异内容代码。

S718，从独立页面文件中截取页面间差异内容代码。

S720，在公共页面所包括的内容展示区域中，根据页面间差异内容代码展示相应的页面间差异内容。

S722，加载待展示的页面单元对应的脚本文件并执行。

本实施例中，与传统的复合网页系统的展示方式相比，不需要重复加载和解析各页面的公共资源，比如公共的html代码、公共的样式文件以及公共的脚本文件，可以减少耗时50％以上。另外对网络资源进行本地存储，可以有效减少不必要的网络请求耗时，减少不必要的对网络资源的加载，进一步提升复合网页系统的性能和用户体验。

图8为一个实施例中复合网页系统中页面的展示装置800的结构框图。参照图8，该复合网页系统中页面的展示装置800包括：公共页面展示模块810、独立页面文件获取模块820和页面间差异内容展示模块830。

公共页面展示模块810，用于展示复合网页系统的公共页面。

独立页面文件获取模块820，用于确定与复合网页系统对应的待展示的页面单元；获取待展示的页面单元对应的独立页面文件；独立页面文件包括公共页面代码和页面间差异内容代码。

页面间差异内容展示模块830，用于从独立页面文件中截取页面间差异内容代码；在公共页面所包括的内容展示区域中，根据页面间差异内容代码展示相应的页面间差异内容。

上述复合网页系统中页面的展示装置800，将复合网页系统中的各页面分离为公共页面和页面间差异内容，公共页面被复合网页系统中的各页面所共有，页面间差异内容则是不同页面间存在差异的内容。展示复合网页系统时，将公共页面的展示和页面间差异内容的展示分开进行，不需要重复对公共资源进行加载和渲染，提高了展示复合网页系统的效率。而且，与复合网页系统对应的待展示的页面单元对应有完整的独立页面文件，该独立页面文件包括公共页面代码和页面间差异内容代码，使得复合网页系统中各页面的完整内容可以被搜索引擎爬取到，可避免因公共页面和页面间差异内容相分离而导致复合网页系统各页面无法被搜索引擎搜索到，保持复合网页系统各页面的曝光率。

图9为一个实施例中公共页面展示模块810的结构框图。参照图9。公共页面展示模块810包括：页面网址获取模块811、页面访问模块812和展示模块813。

页面网址获取模块811，用于获取通过搜索引擎搜索到的对应于独立页面文件的页面网址。

页面访问模块812，用于根据页面网址向服务器发送页面访问请求；接收服务器响应于页面访问请求发送的独立页面文件。

展示模块813，用于根据接收到的独立页面文件展示复合网页系统的公共页面。

本实施例中，通过搜索引擎可以搜索到复合网页系统的独立页面，保证了复合网页系统中的每个页面都可以被独立搜索并访问，保证复合网页系统各页面的曝光率。

在一个实施例中，公共页面包括与复合网页系统的各页面单元一一对应的页面单元标签。独立页面文件获取模块820还用于监听对页面单元标签的触发操作；将触发操作作用的页面单元标签所对应的页面单元确定为待展示的页面单元。

本实施例中，通过公共页面中的页面单元标签，可以在复合网页系统的各个页面之间切换，不需要重复加载、解析和渲染页面所需的公共资源部分，提高了复合网页系统各个页面的展示效率。

图10为另一个实施例中复合网页系统中页面的展示装置800的结构框图。参照图10，复合网页系统中页面的展示装置800还包括：样式文件加载模块840和脚本文件处理模块850。

样式文件加载模块840，用于在独立页面文件获取模块获取待展示的页面单元对应的独立页面文件之前，加载待展示的页面单元对应的样式文件。

脚本文件处理模块850，用于在页面间差异内容展示模块根据页面间差异内容代码展示相应的页面间差异内容后，加载待展示的页面单元对应的脚本文件并执行。

图11为再一个实施例中复合网页系统中页面的展示装置800的结构框图。参照图11，复合网页系统中页面的展示装置800还包括：页面单元切换指令监听模块860和公共页面初始化模块870。

页面单元切换指令监听模块860，用于监听页面单元切换指令。

公共页面初始化模块870，用于根据页面单元切换指令卸载对正在展示的页面单元对应的脚本文件的调用，清空公共页面中的内容展示区域，并删除正在展示的页面单元的已加载的样式文件。

独立页面文件获取模块820还用于根据页面单元切换指令确定与复合网页系统对应的待展示的页面单元。

本实施例中，在复合网页系统的各页面单元之间切换时，先消除正在展示的页面单元对公共页面的影响，再基于公共页面展示待展示的页面单元，可保证待展示的页面单元能够被正常展示。

图12为又一个实施例中复合网页系统中页面的展示装置800的结构框图。参照图12，复合网页系统中页面的展示装置800还包括：版本信息检查模块880。

版本信息检查模块880，用于当展示公共页面和/或待展示的页面单元所依赖的网络资源存在于本地时，检查本地的网络资源对应的版本信息。

公共页面展示模块810还用于当根据版本信息确定本地的网络资源为最新版本时，根据本地的网络资源展示公共页面；和/或，页面间差异内容展示模块830还用于当根据版本信息确定本地的网络资源为最新版本时，根据本地的网络资源展示待展示的页面单元。

在一个实施例中，复合网页系统中页面的展示装置800还包括：网络资源加载模块890，用于当根据版本信息确定本地的网络资源非最新版本时，通过网络加载网络资源，将加载的网络资源存储在本地，并记录存储的网络资源对应的版本信息。

本实施例中，对展示公共页面和/或待展示的页面单元所依赖的网络资源进行本地存储，相比浏览器本身缓存更持久可靠，从本地加载相对于从远程服务器加载延时很小，可减少大约90％的延时，可以有效减少不必要的网络请求，减少对网络资源的占用，提升复合网页系统的性能和用户体验。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，该程序可存储于一非易失性计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，该存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory，ROM)等。

以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。

以上实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。