CN109740083A - 一种页面跳转的方法及装置 - Google Patents

Abstract

本申请实施例提供的一种页面跳转的方法及装置，通过接收目标页面的访问请求，所述目标页面包括历史页面和新页面；根据所述访问请求从服务器的数据缓存区获取与所述目标页面对应的显示数据；在浏览器的界面上生成所述目标页面，如果所述目标页面为历史页面，在所述历史页面加载完成前，获取所述历史页面的历史浏览位置，将所述历史页面显示在所述历史浏览位置。通过上述执行步骤，可以实现返回历史页面的历史浏览位置，而且从数据缓存区中获取数据，从而减少网络请求和数据处理，如果其他途径有数据更改，同时更新数据缓存区中的数据，从而保证获取到的数据都是最新的。

Description

一种页面跳转的方法及装置

技术领域

本申请涉及网络技术领域，尤其涉及一种页面跳转的方法及装置。

背景技术

在移动应用程序(Application，简称为App)中打开某一业务的页面时，会直接访问该业务的Web页面，或者先经过中间跳转Web页面，再链接到该业务的Web页面。在移动端的应用程序中打开一个复杂的web页面存在以下问题：

(1)操作复杂：打开多个web子页面后，点击返回键，不能回到前面的页面，而是回到主界面。

(2)不能返回到上次浏览的位置：当浏览到web页面的中间位置或其他位置时，打开子界面，然后再返回web界面时，不能回到上次已经浏览的位置。

(3)过度依赖移动端应用：需要使用调用移动端应用所提供的接口来打开新的子界面。

(4)加载缓慢：页面数据过多，频繁操作数据库，并且需要等待所有数据，导致加载一个页面需要等待时间过长。

发明内容

本申请提供了一种页面跳转的方法及装置，以解决现有打开页面时存在的不能返回前面的页面、不能上次浏览的位置或加载缓慢等问题。

第一方面，为实现上述目的，本申请提供了一种页面跳转的方法，所述方法包括：

接收目标页面的访问请求，其中，所述目标页面包括历史页面和新页面；

根据所述访问请求从服务器的数据缓存区获取与所述目标页面对应的显示数据；

在浏览器的界面上生成所述目标页面，如果所述目标页面为历史页面，在所述历史页面加载完成前，获取所述历史页面的历史浏览位置，将所述历史页面显示在所述历史浏览位置。

优选地，所述方法还包括：

如果所述目标页面为新页面，获取所述目标页面的访问请求中的新页面地址；

根据所述访问请求中的新页面地址从服务器的数据缓存区获取与所述新页面对应的显示数据；

在浏览器的界面上生成所述新页面。

优选地，所述数据缓存区包括：磁盘和内存，其中，所述磁盘用于存储目标页面对应的显示数据，所述内存用于存储客户端的私有数据。

优选地，当所述访问请求为首次访问请求时，所述方法还包括：

判断是否有标识码；

如果有标识码，发送所述标识码至所述服务器；

所述服务器建立所述标识码对应的数据缓存区；

所述服务器根据标识码将从服务器的数据库中获取的数据缓存到所述标识码对应的数据缓存区。

优选地，所述的页面跳转的方法还包括当服务器的数据库内的数据或外部数据更改时，同时更改所述数据缓存区中对应的数据。

优选地，所述的页面跳转的方法，还包括，

如果没有标识码，根据客户端设备信息建立标识码并保存。

第二方面，本申请还提供一种页面跳转的装置，所述装置包括：

接收单元，用于接收目标页面的访问请求，其中，所述目标页面包括历史页面和新页面；

数据获取单元，用于根据所述访问请求从服务器的数据缓存区获取与所述目标页面对应的显示数据；

页面生成单元，用于在浏览器的界面上生成所述目标页面，如果所述目标页面为历史页面，在所述历史页面加载完成前，获取所述历史页面的历史浏览位置，将所述历史页面显示在所述历史浏览位置。

优选地，所述接收单元，还用于如果所述目标页面为新页面，获取所述目标页面的访问请求中的新页面地址；

所述数据获取单元，还用于根据所述访问请求中的新页面地址从服务器的数据缓存区获取与所述新页面对应的显示数据；

所述页面生成单元，还用于在浏览器的界面上生成所述新页面。

优选地，当所述访问请求为首次访问请求时，还包括：

标识码处理单元，用于判断是否有标识码；如果有标识码，发送所述标识码至所述服务器；

服务器处理单元，用于所述服务器建立所述标识码对应的数据缓存区；还用于所述服务器根据标识码将从服务器的数据库中获取的数据缓存到所述标识码对应的数据缓存区。

优选地，服务器处理单元，还用于当服务器的数据库内的数据或外部数据更改时，同时更改所述数据缓存区中对应的数据；

所述标识码处理单元，还用于如果没有标识码，根据客户端设备信息建立标识码并保存。

第三方面，为实现上述目的，本申请提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现第一方面任一项页面跳转的方法的步骤。

第四方面，为实现上述目的，本申请提供了一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现第一方面任一项页面跳转的方法的步骤。

由以上技术方案可见，本申请实施例提供的一种页面跳转的方法及装置，通过接收目标页面的访问请求，所述目标页面包括历史页面和新页面；根据所述访问请求从服务器的数据缓存区获取与所述目标页面对应的显示数据；在浏览器的界面上生成所述目标页面，如果所述目标页面为历史页面，在所述历史页面加载完成前，获取所述历史页面的历史浏览位置，将所述历史页面显示在所述历史浏览位置。通过上述执行步骤，可以实现返回历史页面的历史浏览位置，而且从数据缓存区中获取数据，从而减少网络请求和数据处理，如果其他途径有数据更改，同时更新数据缓存区中的数据，从而保证获取到的数据都是最新的。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本申请。

附图说明

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

图1为依赖移动端应用打开Web页面的流程示意图；

图2为以iframe的形式打开子界面的流程示意图；

图3为本申请实施例提供的页面跳转的方法的流程示意图；

图4为本申请实施例提供的页面跳转的方法的首次访问时的流程示意图；

图5为本申请实施例提供的页面跳转的方法的数据更改时的流程示意图；

图6为本申请实施例提供的页面跳转的方法的又一流程示意图；

图7为本申请实施例提供的访问新页面的方法的流程示意图；

图8为本申请实施例提供的页面跳转的装置的结构示意图。

具体实施方式

下面通过对本申请进行详细说明，本申请的特点和优点将随着这些说明而变得更为清楚、明确。

在这里专用的词“示例性”意为“用作例子、实施例或说明性”。这里作为“示例性”所说明的任何实施例不必解释为优于或好于其它实施例。尽管在附图中示出了实施例的各种方面，但是除非特别指出，不必按比例绘制附图。

在本申请的描述中，需要说明的是，术语“上”、“下”、“内”、“外”、“前”、“后”、“左”和“右”等指示的方位或位置关系为基于本申请工作状态下的方位或位置关系，仅是为了便于描述本申请和简化描述，而不是指示或暗示所指的装置或元件必须具有特定的方位、以特定的方位构造和操作，因此不能理解为对本申请的限制。此外，术语“第一”、“第二”、“第三”和“第四”仅用于描述目的，而不能理解为指示或暗示相对重要性。

本申请人发现，移动端应用以开启多个webview的形式打开web页面的子页面，返回时关闭对应的webview。但是由于页面逻辑复杂，导致移动端应用开启的webviw不好管理且处理逻辑比较混乱。

使用ifame的形式打开web页面的子页面有两种形式，一种是把需要加载的子页面都加载到当前页面隐藏起来，需要打开子页面时，把对应的iframe显示出来。另一种是每次操作加载一个新的iframe到web页面，返回时隐藏显示的iframe。

图1为依赖移动端应用打开Web页面的流程示意图。首先移动端应用会开启一个webview用于加载web页面。然后在web页面打开新的子页面时，通过调用移动端应用程序打开一个webview，在新的webview内加载子页面。当用户返回时，移动端应用会关闭当前开启的最上层的webview。

通过上述方法可以解决返回时不能回到web页面同一位置问题，但是此方案还存在以下问题：

(1)内存开销过大：由于子页面较多并且有需要跳转到主页面的链接，如果每一个页面都开启一个webview的形式来加载页面，到达一定数量级时会直接导致内存泄漏而崩溃。

(2)操作复杂：由于需要打开的子页面较多，并且有的子页面之间有相互打开的操作，而且也有打开主页面的操作。为了减小内存开销，用户在打开第n个子页面后再打开主页面，这时主界面也会第n层打开，这会导致打开的页面层级混乱，处理麻烦，再加上子界面相互链接，页面层级更混乱。

(3)移植性不好：由于依赖移动端应用来实现返回时可回到上次已经浏览的位置，所以不同的***需要不同的代码才能实现，需要维护的代码繁杂，而且在微信端并不可行。

(4)数据未刷新：用户返回历史界面时，页面数据并不会刷新，由于每一个webview加载的视图都预先加载完毕，用户返回时看见的还是之前的视图，所以界面数据并不会刷新。

图2为以iframe的形式打开子界面的流程示意图。首先，把需要加载的子界面放到iframe内，然后把iframe隐藏起来，当用户打开子页面时，显示iframe，返回时隐藏相应的iframe。

通过上述方法可以解决返回时不能回到web页面同一位置的问题，但上述方案还会存在以下几个问题：

(1)不能回到前面的页面：由于子页面内也需要打开新的子页面，如果采取每一次加载一个子界面的方案，导致需要在当前iframe内打开新的web页面，那这个web页面也会替换掉上一个web页面，从而导致不能回到前面的页面。

(2)加载缓慢：把需要加载的子页面都以iframe的形式加载到web页面内，由于子界面繁多，导致页面异常缓慢。

(3)数据未刷新，由于页面返回时直接隐藏对应的iframe,所以一加载的数据不会变化。

为解决上述问题，本申请提供了一种页面跳转的方法及装置。下面结合附图，详细介绍本申请的具体实施例。

图3为本申请实施例提供的一种页面跳转的方法的流程示意图，所述页面跳转的方法可以由智能手机，掌上电脑、笔记本电脑、平板电脑、互联网设备等具有上网功能以及网页跳转功能的智能终端或PC端来实现。

如图3所示，所述方法包括步骤S100至S300。

S100：接收目标页面的访问请求，其中，所述目标页面包括历史页面和新页面。

本申请实施例中，所述目标页面包括外部网页页面或内嵌网页页面。外部网页为***级应用打开的网页，例如，对于一个第三方应用(APP)来说，其外部网页指的是不在该应用内打开的网页，比如用***浏览器打开的网页对于该第三方应用来说是外部网页。内嵌网页为终端中安装的第三方应用打开的网页，例如第三方应用内通过webview加载的网页，属于该第三方应用的内嵌网页。

在当客户端接收到用户的访问请求时，会根据所述访问请求获知是访问历史页面还是访问新页面。

S200：根据所述访问请求从服务器的数据缓存区获取与所述目标页面对应的显示数据。

本申请实施例中，服务器的数据缓存包括磁盘和内存，不同的数据置于数据缓存区的不同位置，将数据进行隔离。其中，所述磁盘用于存储目标页面对应的显示数据，还包括存储量较大的数据、公共数据及标识码，这些类型的数据一般不会变动，可以减少不必要的数据操作，可以提升客户端获取数据的速度。所述内存用于存储客户端的私有数据例如标识码或变动频繁的数据，可以更好的利用内存读写速度快的优势。

进一步地，图4为首次访问时的流程示意图。如图4所示，当所述访问请求为首次访问请求时，所述方法还包括：

S201：判断是否有标识码。

S202：如果没有标识码，根据客户端设备信息建立标识码，保存并发送给服务器存储。

S203：如果有标识码，发送所述标识码至所述服务器。

S204：所述服务器建立所述标识码对应的数据缓存区。

S205：所述服务器根据标识码将从服务器的数据库中获取的数据缓存到所述标识码对应的数据缓存区。

S206：当服务器的数据库内的数据或外部数据更改时，同时更改所述数据缓存区中对应的数据。

首次访问获取页面显示数据前，会根据客户端的设备信息生成一个唯一标识码保存后发送给服务器，服务器根据所述标识码建立对应的数据缓存区，再从服务器的数据库中获取相应的数据缓存到所述标识码对应的数据缓存区，然后从所述数据缓存区中读取数据。下次获取数据时根据所述标识码直接从所述数据缓存区内将数据读取即可，以达到减少网络请求和数据处理的目的。

客户端需要的显示数据或其他数据均从所述数据缓存区获取，所以所有与数据有关的操作耗时都很少。避免从数据库获取数据导致的数据压力，速度缓慢，或数据量大导致卡顿的问题。

如图5、图6所示，当服务器的数据库内或外部数据有更改时，会同时更改数据缓存区内的数据，特别是更新标识码已存在的数据，这样页面获取的数据也是最新的，保证了数据的实时更新。

另外，所述客户端的设备信息包括用户信息、mac地址设备硬件信息，还可以对生成标识码的信息进行加密处理，保证所述标识码的唯一性。

S300：在浏览器的界面上生成所述目标页面，如果所述目标页面为历史页面，在所述历史页面加载完成前，获取所述历史页面的历史浏览位置，将所述历史页面显示在所述历史浏览位置。

在浏览器的界面上生成所述目标页面，其中所述浏览器可以为***浏览器或内置浏览器，如微信加载页面时会使用QQ浏览器，其他第三方应用可以使用内置浏览器。所述目标页面对应的显示数据即界面显示所需数据。

如果是所述历史界面，所述浏览器保存相关记录，获取所述历史页面的历史浏览位置后，将所述历史页面显示在所述历史浏览位置即可。这样，不仅能返回到前面的页面，还能返回到页面的同一位置。

本申请已经不再需要区分子页面或是主页面，返回时只需要会到历史界面即可，也就不会打开多余的界面。不会存在子界面繁多，导致页面异常缓慢的问题，也不会存在子页面多导致的层级混乱的问题。

在另一具体实施例中，为实现访问新页面的方法，如图7所示，具体包括：

S400：如果所述目标页面为新页面，获取访问请求中包括的新页面地址。

S500：根据所述访问请求中的新页面地址从服务器的数据缓存区获取与所述新页面对应的显示数据。

S600：在浏览器的界面上生成所述新页面。

与本申请提供的一种页面跳转的方法实施例相对应，本申请还提供一种页面跳转的装置的实施例。参考图8，为本申请实施例提供的一种页面跳转的装置的结构示意图，所述装置包括：

接收单元100，用于接收目标页面的访问请求，其中，所述目标页面包括历史页面和新页面；

数据获取单元200，用于根据所述访问请求从服务器的数据缓存区获取与所述目标页面对应的显示数据；

页面生成单元300，用于在浏览器的界面上生成所述目标页面，如果所述目标页面为历史页面，在所述历史页面加载完成前，获取所述历史页面的历史浏览位置，将所述历史页面显示在所述历史浏览位置。

所述接收单元100，还用于如果所述目标页面为新页面，获取所述目标页面的访问请求中的新页面地址；

所述数据获取单元200，还用于根据所述访问请求中的新页面地址从服务器的数据缓存区获取与所述新页面对应的显示数据；

所述页面生成单元300，还用于在浏览器的界面上生成所述新页面。

当所述访问请求为首次访问请求时，还包括：标识码处理单元400，用于判断是否有标识码；如果有标识码，发送所述标识码至所述服务器；还用于如果没有标识码，根据客户端设备信息建立标识码并保存。

服务器处理单元500，用于所述服务器建立所述标识码对应的数据缓存区；还用于所述服务器根据标识码将从服务器的数据库中获取的数据缓存到所述标识码对应的数据缓存区。还用于当服务器的数据库内的数据或外部数据更改时，同时更改所述数据缓存区中对应的数据。

根据上述页面跳转的方法及装置，通过接收目标页面的访问请求，所述目标页面包括历史页面和新页面；根据所述访问请求从服务器的数据缓存区获取与所述目标页面对应的显示数据；在浏览器的界面上生成所述目标页面，如果所述目标页面为历史页面，在所述历史页面加载完成前，获取所述历史页面的历史浏览位置，将所述历史页面显示在所述历史浏览位置。通过上述执行步骤，可以实现返回历史页面的历史浏览位置，而且从数据缓存区中获取数据，从而减少网络请求和数据处理，如果其他途径有数据更改，同时更新数据缓存区中的数据，从而保证获取到的数据都是最新的。

根据上述页面跳转的方法，本申请实施例还提供一种可读存储介质和一种计算机设备。可读存储介质上存储有可执行程序，该程序被处理器执行时实现上述页面跳转的方法的步骤；计算机设备包括存储器、处理器及存储在存储器上并可在处理器上运行的可执行程序，处理器执行程序时实现上述页面跳转的方法的步骤。

以上结合具体实施方式和范例性实例对本申请进行了详细说明，不过这些说明并不能理解为对本申请的限制。本领域技术人员理解，在不偏离本申请精神和范围的情况下，可以对本申请技术方案及其实施方式进行多种等价替换、修饰或改进，这些均落入本申请的范围内。本申请的保护范围以所附权利要求为准。

Claims (10)

1.一种页面跳转的方法，其特征在于，所述方法包括：

接收目标页面的访问请求，其中，所述目标页面包括历史页面和新页面；

根据所述访问请求从服务器的数据缓存区获取与所述目标页面对应的显示数据；

在浏览器的界面上生成所述目标页面，如果所述目标页面为历史页面，在所述历史页面加载完成前，获取所述历史页面的历史浏览位置，将所述历史页面显示在所述历史浏览位置。

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

如果所述目标页面为新页面，获取所述目标页面的访问请求中的新页面地址；

根据所述访问请求中的新页面地址从服务器的数据缓存区获取与所述新页面对应的显示数据；

在浏览器的界面上生成所述新页面。

3.根据权利要求1或2所述页面跳转的方法，其特征在于，所述数据缓存区包括：磁盘和内存，其中，所述磁盘用于存储目标页面对应的显示数据，所述内存用于存储客户端的私有数据。

4.根据权利要求3所述的页面跳转的方法，其特征在于，当所述访问请求为首次访问请求时，所述方法还包括：

判断是否有标识码；

如果有标识码，发送所述标识码至所述服务器；

所述服务器建立所述标识码对应的数据缓存区；

所述服务器根据标识码将从服务器的数据库中获取的数据缓存到所述标识码对应的数据缓存区。

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

当服务器的数据库内的数据或外部数据更改时，同时更改所述数据缓存区中对应的数据。

6.根据权利要求4所述的页面跳转的方法，其特征在于，还包括，

如果没有标识码，根据客户端设备信息建立标识码并保存。

7.一种页面跳转的装置，其特征在于，所述装置包括：

接收单元，用于接收目标页面的访问请求，其中，所述目标页面包括历史页面和新页面；

数据获取单元，用于根据所述访问请求从服务器的数据缓存区获取与所述目标页面对应的显示数据；

页面生成单元，用于在浏览器的界面上生成所述目标页面，如果所述目标页面为历史页面，在所述历史页面加载完成前，获取所述历史页面的历史浏览位置，将所述历史页面显示在所述历史浏览位置。

8.根据权利要求7所述页面跳转的装置，其特征在于，

所述接收单元，还用于如果所述目标页面为新页面，获取所述目标页面的访问请求中的新页面地址；

所述数据获取单元，还用于根据所述访问请求中的新页面地址从服务器的数据缓存区获取与所述新页面对应的显示数据；

所述页面生成单元，还用于在浏览器的界面上生成所述新页面。

9.根据权利要求7或8所述的页面跳转的装置，其特征在于，当所述访问请求为首次访问请求时，还包括：

标识码处理单元，用于判断是否有标识码；如果有标识码，发送所述标识码至所述服务器；

服务器处理单元，用于所述服务器建立所述标识码对应的数据缓存区；还用于所述服务器根据标识码将从服务器的数据库中获取的数据缓存到所述标识码对应的数据缓存区。

10.根据权利要求9所述的页面跳转的装置，其特征在于，

服务器处理单元，还用于当服务器的数据库内的数据或外部数据更改时，同时更改所述数据缓存区中对应的数据；

所述标识码处理单元，还用于如果没有标识码，根据客户端设备信息建立标识码并保存。