[发明专利]一种前端页面路由方法、终端设备及计算机介质

说明书

本公开涉及一种前端页面路由方法、终端设备及计算机介质，其中前端页面路由方法包括构建路由系统，所述路由系统记录有多个页面的路由信息和页面实例；调用导航栈；在接收到跳转至第一页面的第一指令的情况下，基于所述第一页面的路由信息构建页面实例，将当前页面以及所述第一页面的路由信息以及页面实例依序存入所述导航栈中，并跳转至第一页面；以及在接收到返回至第二页面的第二指令的情况下，从所述导航栈中读出所述第二页面对应的路由信息和页面实例，以返回至第二页面。

技术领域

本公开涉及计算机技术，更具体地，涉及一种前端页面路由方法、终端设备及计算机介质。

背景技术

当前移动端Web开发，都是通过原生容器去承载H5页面功能，打开新的H5页面都是在当前容器中导航路由到新的页面来实现，如果功能较多，会进行分包处理，进行模块化拆分，拆分后的模块用原生承载，模块内的页面加载跳转用路由实现。

PC端Web开发可以通过打开一个新的Tab标签页，支持多个实例的页面同时存在。但如果该方案用于移动端，就要求每一个新的Tab标签页都通过原生容器去承载，资源浪费极其严重，性能体验也极不友好。

当前移动端Web开发技术，一般都是通过原生容器去承载H5页面功能，进行页面跳转及加载。但现有方案存在的问题是不能同时存在多个相同的页面实例。例如从页面A跳转至页面B之后，若用户需要返回页面A，则页面A需要重新刷新，用户体验不好。

发明内容

旨在提供一种前端页面路由方法、终端设备及计算机介质，用以实现前端页面的多实例化，从而在移动端能够快速返回在先的访问页面。

在第一方面，本公开的实施例提供了一种前端页面路由方法，用于前端页面的多实例化，包括：构建路由系统，所述路由系统记录有多个页面的路由信息和页面实例；提供导航栈，所述导航栈被配置为：在接收到跳转至第一页面的第一指令的情况下，基于所述第一页面的路由信息构建页面实例，将当前页面以及所述第一页面的路由信息以及页面实例依序存入所述导航栈中，并跳转至第一页面；以及在接收到返回至第二页面的第二指令的情况下，从所述导航栈中读出所述第二页面对应的路由信息和页面实例，以返回至第二页面。

在第二方面，本公开的实施例提供了一种终端设备，包括处理器，被配置为构建路由系统，所述路由系统记录有多个页面的路由信息和页面实例；调用导航栈，在接收到跳转至第一页面的第一指令的情况下，基于所述第一页面的路由信息构建页面实例，将当前页面以及所述第一页面的路由信息以及页面实例依序存入所述导航栈中，并跳转至第一页面；以及在接收到返回至第二页面的第二指令的情况下，从所述导航栈中读出所述第二页面对应的路由信息和页面实例，以返回至第二页面。

在第三方面，本公开的实施例提供了一种非瞬态计算机介质，其上存储有计算机可执行指令，所述计算机可执行指令由终端设备中的处理器执行时，实现前述的前端页面路由方法。

利用根据本公开的各个实施例的前端页面路由方法、终端设备及计算机介质，通过在路由系统中存放路由信息和页面实例，并通过导航栈实现对访问页面的多实例化，由此可以在移动端快速返回在先的访问页面，而无需重复加载。

附图说明

在不一定按比例绘制的附图中，相同的附图标记可以在不同的视图中描述相似的部件。具有字母后缀或不同字母后缀的相同附图标记可以表示相似部件的不同实例。附图大体上通过举例而不是限制的方式示出各种实施例，并且与说明书以及权利要求书一起用于对所公开的实施例进行说明。这样的实施例是例证性的，而并非旨在作为本装置或方法的穷尽或排他实施例。

图1示出根据本公开实施例的前端页面路由方法的基本流程图。

图2示出根据本公开实施例的导航栈数据存放示意图。

图3示出根据本公开实施例的页面构造器构造页面流程示意图。

图4示出根据本公开实施例的导航栈返回一层的示意图。