CN110008429A - 一种页面跳转方法和装置、存储介质及终端 - Google Patents
一种页面跳转方法和装置、存储介质及终端 Download PDFInfo
- Publication number
- CN110008429A CN110008429A CN201910281246.3A CN201910281246A CN110008429A CN 110008429 A CN110008429 A CN 110008429A CN 201910281246 A CN201910281246 A CN 201910281246A CN 110008429 A CN110008429 A CN 110008429A
- Authority
- CN
- China
- Prior art keywords
- page
- jump
- current
- routing iinformation
- current page
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 38
- 230000009191 jumping Effects 0.000 claims description 6
- 238000010586 diagram Methods 0.000 description 4
- 238000012544 monitoring process Methods 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 230000003068 static effect Effects 0.000 description 2
- 238000004891 communication Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 239000000686 essence Substances 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000000926 separation method Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
- G06F16/972—Access to data in other repository systems, e.g. legacy data or dynamic Web page generation
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种页面跳转方法及装置,方法包括:获取当前页面路由信息,判断当前页面路由信息与跳转页面预设信息是否一致,如果当前页面路由信息与跳转页面预设信息一致则从当前页面跳转到缓存页面。所述装置包括:第一获取单元,用于获取当前页面路由信息;判断单元,用于判断所述当前页面路由信息与跳转页面预设信息是否一致;如果所述当前页面路由信息与所述跳转页面预设信息一致,则展示跳转页面的缓存页面。本申请的页面跳转方法能够根据实际使用情况,满足从某些页面跳转时需要展示缓存页面和不需要展示缓存页面两种页面跳转情况的需求,提高页面跳转效率。
Description
技术领域
本发明涉及网络通信技术领域,特别涉及一种页面跳转方法和装置、存储介质及终端。
背景技术
通过网页浏览信息的过程中经常需要发生页面跳转,不同页面之间的有不同的跳转情况。页面缓存是将动态页面直接生成静态的页面放在服务器端,用户调取相同页面时,静态页面将直接下载到客户端,不再需要通过程序的运行和数据库的访问,可以节约服务器的负载。在实际使用过程中有可能某些页面跳转到某些页面时需要展示缓存页面,也有可能不需要展示缓存页面。现有的跳转到缓存页面的方式是使用sessionStrage或者localStorage,在页面离开的时候,将数据存储到sessionStorage或者localStorage中,再次进入时读取存储的数据再手动的做展示。但是这种实现方法非常的复杂,每次页面的进入和离开都需要存储和读取数据并做展示。这种跳转页面的方式不能够同时满足以上两种页面跳转情况的需求,跳转效率低。
发明内容
本申请提供了一种页面跳转方法及装置,以解决现有的页面跳转方法不能够同时满足某些页面跳转到某些页面时需要展示缓存页面的需求,也有可能不需要展示缓存页面的需求,跳转效率低的问题。
为了解决上述技术问题本发明第一方面提供一种页面跳转方法,所述方法包括:
获取当前页面路由信息;
判断所述当前页面路由信息与跳转页面预设信息是否一致;
如果所述当前页面路由信息与所述跳转页面预设信息一致,则展示跳转页面的缓存页面。
优选的,所述页面跳转方法还包括:
如果所述当前页面路由信息与所述跳转页面预设信息不一致,则初始化配置,刷新跳转页面。
优选的,所述获取当前页面路有信息之前还包括:
接收从当前页面跳转到跳转页面的跳转指令;
根据所述跳转指令,获取所述当前页面的标识;
根据所述当前页面的标识,获取与所述当前页面的标识相对应的所述当前页面路由信息。
优选的,所述获取当前页面路有信息之前还包括:
获取页面缓存指令;
根据所述页面缓存指令,缓存所述跳转页面的缓存页面;
根据所述页面缓存指令,生成所述跳转页面预设信息。
优选的,所述当前页面路由信息包括所述当前页面的所属路径名称。
第二方面提供一种页面跳转装置所述装置包括:
第一获取单元,用于获取当前页面路由信息;
判断单元,用于判断所述当前页面路由信息与跳转页面预设信息是否一致;
如果所述当前页面路由信息与所述跳转页面预设信息一致,则展示跳转页面的缓存页面。
优选的,所述装置包括:
接收单元,用于接收从当前页面跳转到跳转页面的跳转指令;
第二获取单元,用于根据所述跳转指令,获取所述当前页面的标识;
第三获取单元,用于根据所述当前页面的标识,获取与所述当前页面的标识相对应的所述当前页面路由信息。
优选的,所述装置还包括:
第四获取单元,用于获取页面缓存指令;
缓存单元,用于根据所述页面缓存指令,缓存所述跳转页面的缓存页面;
信息生成单元,用于根据所述页面缓存指令,生成所述跳转页面预设信息。
第三方面提供一种存储介质,所述存储介质存储有计算机指令,所述计算机指令被执行时实现如权利要求1-5任一项所述的应用程序的页面跳转方法。
第四方面提供一种终端,所述终端包括处理器、以及存储器,所述存储器中存储有计算机指令;
在所述应用程序启动时,所述处理器读取所述计算机指令并实现如权利要求1-5任一项所述的应用程序的页面跳转方法。
本申请通过获取当前页面路由信息,判断当前页面路由信息与跳转页面预设信息是否一致,如果当前页面路由信息与跳转页面预设信息一致则从当前页面跳转到缓存页面。能够根据实际使用情况,满足从某些页面跳转时需要展示缓存页面和不需要展示缓存页面两种页面跳转情况的需求,提高页面跳转效率。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本发明实施例提供页面跳转方法的流程示意图;
图2为本发明实施例提供的页面跳转方法的逻辑框图;
图3为本发明实施例提供的页面跳转装置的框图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整的描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
请参阅图1,为本申请实施例提供的一种页面跳转方法的流程图,所述方法应用于网页浏览器,也可以是带有浏览功能的其他APP。所述方法包括:
步骤101:获取当前页面路由信息。本申请的方法是基于Vue框架,首先需要App.vue入口文件中配置keep-alive组件,具体实现代码如下:
<keep-alive>
<router-view v-if="$route.meta.keepAlive"></router-view>
</keep-alive>
<router-view v-if="!$route.meta.keepAlive"></router-view>
router.js中设置路由keepAlive属性为true,standardmil页面需要缓存,所以keepAlive:true,Vue页面会根据keepAlive的值来判断当前页面是否需要缓存。router.js是Vue框架的路由配置文件。具体实现代码如下:
其中,所述当前页面路由信息包括所述当前页面的所属路径名称。具体的,main.js中监听beforeEach,记录跳转之前页面的路由信息。将上一个路由地址保存在beforeRouter里(方便在下一步监听actived时使用),作为一个全局的变量,方便在整个***文件中读取。main.js是初始化Vue页面的文件,就是整个***的入口文件。具体实现代码如下:
步骤102:判断所述当前页面路由信息与跳转页面预设信息是否一致,如果所述当前页面路由信息与所述跳转页面预设信息一致,则展示跳转页面的缓存页面。具体的,在standardmil页面中监听actived生命周期,这个页面设置了keepAlive为true,但是用户可以设定只在standardsample文件跳转到这个页面时才做缓存,读取上一个页面路由是否为standardsample,如果为true,即当前页面路由信息与所述跳转页面预设信息一致,则使用缓存数据。监听actived(设置了keepAlive:true,当第二次进入页面时只会出发actived)生命周期。具体实现代码如下:
本申请通过获取当前页面路由信息,判断当前页面路由信息与跳转页面预设信息是否一致,如果当前页面路由信息与跳转页面预设信息一致则从当前页面跳转到缓存页面。能够根据实际使用情况,满足从某些页面跳转时需要展示缓存页面和不需要展示缓存页面两种页面跳转情况的需求,提高页面跳转效率。
请参阅图2为为本发明实施例提供的页面跳转方法的逻辑框图,具体的,App.vue入口文件中配置keep-alive组件,设置路由keepAlive属性为true,standardmil页面需要缓存,通过main.js中监听beforeEach,记录跳转之前页面的路由信息。在standardmil页面中监听actived生命周期,当A1页面切换到A页面时,判断A1页面的路由信息是否standardsample(跳转页面预设信息),如果为yes,则不刷新A页面,展示缓存数据,如果为no,则不展示缓存数据,可以初始化配置,手动刷新A页面。
另外,所述页面跳转方法还包括:如果所述当前页面路由信息与所述跳转页面预设信息不一致,则初始化配置,刷新跳转页面。具体的,同样在standardmil页面中监听actived生命周期,这个页面设置了keepAlive为true,但是用户可以设定只在standardsample文件跳转到这个页面时才做缓存,读取上一个页面路由是否为standardsample,如果为false,即所述当前页面路由信息与所述跳转页面预设信息不一致,则初始化配置,刷新跳转页面。
Vue中的keep-alive本身就可以实现页面的缓存,只是说在特殊情况下,不能很好的到达用户想要的需求,例如,A页面进入B页面不需要缓存,而B_1页面进入B页面时需要缓存,这种情况我们单纯的使用keep-alive就不能很完美的支持,需要借助其他的方式完成。使用keep-alive+beforeEach+actived完成复杂页面的缓存,将所有需要缓存页面的keepAlive都设置为true,在main.js监听beforeEach事件记录上一个页面的路由名称,在业务页面(A页面)监听actived生命周期根据自己的业务需求判断哪些页面进入时,A页面需要缓存,哪些不需要缓存,如果所述当前页面路由信息与所述跳转页面预设信息不一致,则可以初始化配置,自动刷新跳转页面,也可以做手动刷新。
所述获取当前页面路有信息之前还可以包括:接收从当前页面跳转到跳转页面的跳转指令,跳转指令可以是用户点击当前页面上的指定跳转链接。根据所述跳转指令,获取所述当前页面的标识,根据所述当前页面的标识,获取与所述当前页面的标识相对应的所述当前页面路由信息。
所述获取当前页面路有信息之前还可以包括:获取页面缓存指令;根据所述页面缓存指令,缓存所述跳转页面的缓存页面;根据所述页面缓存指令,生成所述跳转页面预设信息。
下述为本公开装置实施例,可以用于执行本公开方法实施例。对于本公开装置实施例中未披露的细节,请参照本公开方法实施例。
所述装置包括:
第一获取单元U1001,用于获取当前页面路由信息;
判断单元U1002,用于判断所述当前页面路由信息与跳转页面预设信息是否一致;
如果所述当前页面路由信息与所述跳转页面预设信息一致,则展示跳转页面的缓存页面。
上述装置中各个单元的功能和作用的实现过程具体详见上述方法中对应步骤的实现过程,在此不再赘述。
可选的,在另一实施例,所述装置包括:
接收单元,用于接收从当前页面跳转到跳转页面的跳转指令;
第二获取单元,用于根据所述跳转指令,获取所述当前页面的标识;
第三获取单元,用于根据所述当前页面的标识,获取与所述当前页面的标识相对应的所述当前页面路由信息。
可选的,在另一实施例,所述装置还可以包括:
第四获取单元,用于获取页面缓存指令;
缓存单元,用于根据所述页面缓存指令,缓存所述跳转页面的缓存页面;
信息生成单元,用于根据所述页面缓存指令,生成所述跳转页面预设信息。
本申请还涉及一种存储介质,所述存储介质存储有计算机指令,所述计算机指令被执行时实现如说明书中所述的应用程序的页面跳转方法。本申请还涉及一种终端,所述终端包括处理器、以及存储器,所述存储器中存储有计算机指令,在所述应用程序启动时,所述处理器读取所述计算机指令并实现如说明书中所述的应用程序的页面跳转方法。
对于装置实施例而言,由于其基本对应于方法实施例,所以相关之处参见方法实施例的部分说明即可。以上所描述的装置实施例仅仅是示意性的,其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本申请方案的目的。本领域普通技术人员在不付出创造性劳动的情况下,即可以理解并实施。
以上所述仅为本申请的较佳实施例而已,并不用以限制本申请,凡在本申请的精神和原则之内,所做的任何修改、等同替换、改进等,均应包含在本申请保护的范围之内。
Claims (10)
1.一种页面跳转方法,其特征在于,所述页面跳转方法包括:
获取当前页面路由信息;
判断所述当前页面路由信息与跳转页面预设信息是否一致;
如果所述当前页面路由信息与所述跳转页面预设信息一致,则展示跳转页面的缓存页面。
2.如权利要求1所述的页面跳转方法,其特征在于,所述页面跳转方法还包括:
如果所述当前页面路由信息与所述跳转页面预设信息不一致,则初始化配置,刷新跳转页面。
3.如权利要求1所述的页面跳转方法,其特征在于,所述获取当前页面路有信息之前还包括:
接收从当前页面跳转到跳转页面的跳转指令;
根据所述跳转指令,获取所述当前页面的标识;
根据所述当前页面的标识,获取与所述当前页面的标识相对应的所述当前页面路由信息。
4.如权利要求1所述的页面跳转方法,其特征在于,所述获取当前页面路有信息之前还包括:
获取页面缓存指令;
根据所述页面缓存指令,缓存所述跳转页面的缓存页面;
根据所述页面缓存指令,生成所述跳转页面预设信息。
5.如权利要求1所述的页面跳转方法,其特征在于,所述当前页面路由信息包括所述当前页面的所属路径名称。
6.一种页面跳转装置,其特征在于,所述装置包括:
第一获取单元,用于获取当前页面路由信息;
判断单元,用于判断所述当前页面路由信息与跳转页面预设信息是否一致;
如果所述当前页面路由信息与所述跳转页面预设信息一致,则展示跳转页面的缓存页面。
7.如权利要求6所述的页面跳转装置,其特征在于,所述装置包括:
接收单元,用于接收从当前页面跳转到跳转页面的跳转指令;
第二获取单元,用于根据所述跳转指令,获取所述当前页面的标识;
第三获取单元,用于根据所述当前页面的标识,获取与所述当前页面的标识相对应的所述当前页面路由信息。
8.如权利要求6所述的页面跳转装置,其特征在于,所述装置还包括:
第四获取单元,用于获取页面缓存指令;
缓存单元,用于根据所述页面缓存指令,缓存所述跳转页面的缓存页面;
信息生成单元,用于根据所述页面缓存指令,生成所述跳转页面预设信息。
9.一种存储介质,其特征在于,所述存储介质存储有计算机指令,所述计算机指令被执行时实现如权利要求1-5任一项所述的应用程序的页面跳转方法。
10.一种终端,其特征在于,所述终端包括处理器、以及存储器,所述存储器中存储有计算机指令;
在所述应用程序启动时,所述处理器读取所述计算机指令并实现如权利要求1-5任一项所述的应用程序的页面跳转方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910281246.3A CN110008429A (zh) | 2019-04-09 | 2019-04-09 | 一种页面跳转方法和装置、存储介质及终端 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910281246.3A CN110008429A (zh) | 2019-04-09 | 2019-04-09 | 一种页面跳转方法和装置、存储介质及终端 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN110008429A true CN110008429A (zh) | 2019-07-12 |
Family
ID=67170631
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910281246.3A Pending CN110008429A (zh) | 2019-04-09 | 2019-04-09 | 一种页面跳转方法和装置、存储介质及终端 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110008429A (zh) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112115395A (zh) * | 2020-09-04 | 2020-12-22 | 上海悦易网络信息技术有限公司 | 一种用于实现页面路由跳转时的动画配置的方法与设备 |
CN112650549A (zh) * | 2020-12-23 | 2021-04-13 | 平安普惠企业管理有限公司 | 一种页面跳转方法、装置、终端以及存储介质 |
CN112685663A (zh) * | 2020-12-21 | 2021-04-20 | 福建新大陆软件工程有限公司 | 一种基于vue的spa多页签管理方法 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
GB2472585A (en) * | 2009-08-10 | 2011-02-16 | St Microelectronics | Method of compiling code for loading to cache memory |
CN103678536A (zh) * | 2013-12-02 | 2014-03-26 | 乐视网信息技术(北京)股份有限公司 | 一种实现页面返回操作的方法及装置 |
CN107402953A (zh) * | 2017-05-22 | 2017-11-28 | 阿里巴巴集团控股有限公司 | 一种页面跳转方法及装置 |
CN108255550A (zh) * | 2017-11-27 | 2018-07-06 | 深圳市小牛在线互联网信息咨询有限公司 | 页面跳转方法、装置、存储介质以及计算机设备 |
-
2019
- 2019-04-09 CN CN201910281246.3A patent/CN110008429A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
GB2472585A (en) * | 2009-08-10 | 2011-02-16 | St Microelectronics | Method of compiling code for loading to cache memory |
CN103678536A (zh) * | 2013-12-02 | 2014-03-26 | 乐视网信息技术(北京)股份有限公司 | 一种实现页面返回操作的方法及装置 |
CN107402953A (zh) * | 2017-05-22 | 2017-11-28 | 阿里巴巴集团控股有限公司 | 一种页面跳转方法及装置 |
CN108255550A (zh) * | 2017-11-27 | 2018-07-06 | 深圳市小牛在线互联网信息咨询有限公司 | 页面跳转方法、装置、存储介质以及计算机设备 |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112115395A (zh) * | 2020-09-04 | 2020-12-22 | 上海悦易网络信息技术有限公司 | 一种用于实现页面路由跳转时的动画配置的方法与设备 |
CN112685663A (zh) * | 2020-12-21 | 2021-04-20 | 福建新大陆软件工程有限公司 | 一种基于vue的spa多页签管理方法 |
CN112685663B (zh) * | 2020-12-21 | 2023-05-12 | 福建新大陆软件工程有限公司 | 一种基于vue的spa多页签管理方法 |
CN112650549A (zh) * | 2020-12-23 | 2021-04-13 | 平安普惠企业管理有限公司 | 一种页面跳转方法、装置、终端以及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106528432B (zh) | 测试场景数据的构建方法及装置、埋点测试方法 | |
CN107256195B (zh) | 网页前端测试方法及装置 | |
CN110008429A (zh) | 一种页面跳转方法和装置、存储介质及终端 | |
CN104967542B (zh) | 一种移动端页面的测试方法、装置和*** | |
CN106484383A (zh) | 页面渲染方法、装置及设备 | |
CN113987074A (zh) | 分布式服务全链路监控方法、装置、电子设备及存储介质 | |
US11063853B2 (en) | Method and device to transfer to a virtual browser session based on responsiveness | |
CN108319662A (zh) | 页面处理方法、装置、电子设备及可读存储介质 | |
CN102098327A (zh) | 在线视频嗅探下载方法及装置 | |
CN103297291A (zh) | 网站实时状态监控方法及*** | |
Behl et al. | Architectural pattern of progressive web and background synchronization | |
CN104335524A (zh) | 用于客户端侧页面处理的公共web可访问数据存储 | |
CN108989369A (zh) | 对用户请求进行限流的方法及其*** | |
US10193989B2 (en) | Visualization of user behavior | |
CN108563469A (zh) | 页面加载方法、装置、存储介质及终端设备 | |
CN111694757A (zh) | 应用程序的测试方法、装置、电子设备及计算机可读存储介质 | |
CN113505302A (zh) | 支持动态获取埋点数据的方法、装置、***及电子设备 | |
CN108124273A (zh) | 一种信息获取的方法、设备及介质 | |
CN106372158A (zh) | 用户行为数据的处理方法及装置 | |
CN105119764A (zh) | 用于流量监控的方法和装置 | |
CN110209964A (zh) | 一种页面显示方法、装置及设备 | |
CN111800511A (zh) | 同步登录态的处理方法、***、设备及可读存储介质 | |
CN105975389A (zh) | 一种进程数据提取方法及装置 | |
CN103997518B (zh) | 一种cdn节点文件同步方法和装置 | |
CN105721604A (zh) | 基于用户下载请求的数据发送方法和装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20190712 |
|
RJ01 | Rejection of invention patent application after publication |