WO2022142312A1

WO2022142312A1 - Page processing method and apparatus, computer device and storage medium

Info

Publication number: WO2022142312A1
Application number: PCT/CN2021/109099
Authority: WO
Inventors: 张依
Original assignee: OneConnect Smart Technology Co Ltd
Current assignee: OneConnect Smart Technology Co Ltd
Priority date: 2020-12-28
Filing date: 2021-07-29
Publication date: 2022-07-07
Anticipated expiration: 2023-06-28
Also published as: CN112612988A

Abstract

A page processing method and apparatus, a computer device and a storage medium, related to the field of data transmission optimization application, in particular to page processing of an application, which can effectively consider the jump success rate and the security of a page. The method comprises: when a page jump request for jumping from a first page to a second page is intercepted, obtaining form information contained in the page jump request, the form information comprising page jump parameter information from the first page to the second page (S20); releasing the page jump request for jumping from the first page to the second page, to jump from the first page to the second page, and storing the page jump parameter information in a parameter array, the parameter array being created in a storage instance of a vue.js project (S30); when a page jump request for jumping from the second page to a third page is received, jumping from the second page to the third page (S40); when a page jumping request for jumping from the third page to the second page is received, reading page jumping parameter information from the parameter array (S50); and jumping from the third page to the second page by means of the page jumping parameter information (S60).

Description

Page processing method, device, computer equipment and storage medium

本申请要求于 2020年 12月 28日提交中国专利局、申请号为 202011582678.7，发明名称为“页面处理方法、装置、计算机设备及存储介质”的中国专利申请的优先权，其全部内容通过引用结合在本申请中。 This application claims the priority of the Chinese patent application filed on December 28 , 2020 with the application number 202011582678.7 and the invention title is "page processing method, device, computer equipment and storage medium", the entire contents of which are incorporated by reference in this application.

technical field

本申请涉及人工智能、数据传输优化技术领域，应用于页面处理领域，尤其涉及一种页面处理方法、装置、计算机设备及存储介质。The present application relates to the technical field of artificial intelligence and data transmission optimization, and is applied to the field of page processing, and in particular, to a page processing method, apparatus, computer equipment and storage medium.

Background technique

前端页面在跳转时，常常涉及跨页面跳转参数信息，与后台完成数据交互，从而完页面参数传递。例如，前端项目中经常会出现的一种情况，有一个列表，比如商品列表，点击该商品列表中的某一项商品，会跳转至该项商品的详情页面。而当跳转到该商品页面时，需要传递一个参数过去，该参数与用户在商品列表页面的点击操作所生成，这样我们才能通过这个参数进行数据请求，然后根据后台返回的数据来生成用户所点击的该商品详情页面。When the front-end page jumps, it often involves jumping parameter information across pages, and completes data interaction with the background, thereby completing the page parameter transfer. For example, a situation that often occurs in front-end projects is that there is a list, such as a product list. Clicking on a product in the product list will jump to the product details page. When jumping to the product page, we need to pass a parameter, which is generated by the user's click operation on the product list page, so that we can make a data request through this parameter, and then generate the user's data according to the data returned from the background. Click on the product detail page.

technical problem

发明人发现，传统的会涉及跨页面传参数和后台进行数据交互，一般通过如下方式实现，第一种是通过params传递参数；第二种是通过路由属性配置传参，需要在路由文件的path属性后面加上参数名称，第三种是用query来传参。前两种方式参数在浏览器的url中都是不可见的，但前两种方法都有一个弊端，就是页面刷新的时候就获取不到参数值了，可能导致跳转失败，第三种传参方式虽然可以解决页面刷新参数消失的问题，但是参数在url中时可见的，这就让数据的安全性极低，全部暴露在url中，当一些数据不想暴露的时候，可见传统的方案中，在页面处理时的无法兼顾跳转成功率与安全性。The inventor found that the traditional method involves passing parameters across pages and performing data interaction in the background, which is generally implemented in the following ways. The first is to pass parameters through params; the second is to pass parameters through routing attribute configuration, which requires the path of the routing file. The attribute is followed by the parameter name, and the third is to use the query to pass the parameter. The parameters of the first two methods are invisible in the url of the browser, but the first two methods have a disadvantage, that is, the parameter value cannot be obtained when the page is refreshed, which may cause the jump to fail. Although the parameter method can solve the problem of the disappearance of page refresh parameters, the parameters are visible when they are in the url, which makes the data security extremely low, and all of them are exposed in the url. When some data do not want to be exposed, it can be seen in the traditional scheme. , it is impossible to take into account the jump success rate and security during page processing.

发明内容SUMMARY OF THE INVENTION

本申请实施例提供一种页面处理方法、装置、计算机设备及存储介质，以传统方案在页面处理时无法兼顾跳转成功率与安全性的技术问题。The embodiments of the present application provide a page processing method, apparatus, computer equipment, and storage medium, and the technical problem that the success rate of jumping and the security cannot be taken into account in the page processing by the traditional solution.

一种页面处理方法，包括：A page processing method, including:

当拦截到从第一页面跳转至第二页面的页面跳转请求时，获取所述页面跳转请求所包含的表单信息，所述表单信息包括所述第一页面到所述第二页面的页面跳转参数信息；When a page jump request for jumping from the first page to the second page is intercepted, obtain form information included in the page jump request, where the form information includes the information from the first page to the second page. page jump parameter information;

放行所述从第一页面跳转至第二页面的页面跳转请求，以从所述第一页面跳转至所述第二页面，并将所述页面跳转参数信息存储在参数数组中，所述参数数组为在vue.js项目的存储实例中所创建；releasing the page jump request for jumping from the first page to the second page, so as to jump from the first page to the second page, and storing the page jump parameter information in the parameter array, The parameter array is created in the storage instance of the vue.js project;

当接收到从所述第二页面跳转至第三页面的页面跳转请求，以从所述第二页面跳转至所述第三页面；When receiving a page jump request to jump from the second page to the third page, so as to jump from the second page to the third page;

当接收到由所述第三页面跳转回所述第二页面的页面跳转请求时，从所述参数数组中读取所述页面跳转参数信息；When receiving a page jump request from the third page to jump back to the second page, read the page jump parameter information from the parameter array;

通过所述页面跳转参数信息，从所述第三页面跳转回所述第二页面。Jump back from the third page to the second page according to the page jump parameter information.

一种页面处理装置，包括：A page processing device, comprising:

获取模块，用于当拦截到从第一页面跳转至第二页面的页面跳转请求时，获取所述页面跳转请求所包含的表单信息，所述表单信息包括所述第一页面到所述第二页面的页面跳转参数信息；The obtaining module is configured to obtain form information included in the page jump request when a page jump request from the first page to the second page is intercepted, where the form information includes the first page to the second page. Describe the page jump parameter information of the second page;

跳转模块，用于放行所述从第一页面跳转至第二页面的页面跳转请求，以从所述第一页面跳转至所述第二页面；a jump module, configured to release the page jump request for jumping from the first page to the second page, so as to jump from the first page to the second page;

保存模块，用于将所述页面跳转参数信息存储在参数数组中，所述参数数组为在vue.js项目的存储实例中所创建；A saving module for storing the page jump parameter information in a parameter array, which is created in the storage instance of the vue.js project;

所述跳转模块，用于当接收到从所述第二页面跳转至第三页面的页面跳转请求，以从所述第二页面跳转至所述第三页面；The jumping module is configured to jump from the second page to the third page when a page jump request for jumping from the second page to the third page is received;

读取模块，用于当接收到由所述第三页面跳转回所述第二页面的页面跳转请求时，从所述参数数组中读取所述页面跳转参数信息；a reading module, configured to read the page jump parameter information from the parameter array when receiving a page jump request from the third page to jump back to the second page;

所述跳转模块，用于通过所述页面跳转参数信息，从所述第三页面跳转回所述第二页面。The jumping module is configured to jump from the third page back to the second page through the page jumping parameter information.

一种计算机设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机可读指令，其中，所述处理器执行所述计算机可读指令时实现如下步骤：A computer device comprising a memory, a processor, and computer-readable instructions stored in the memory and executable on the processor, wherein the processor implements the following steps when executing the computer-readable instructions:

当接收到从所述第二页面跳转至第三页面的页面跳转请求时，从所述第二页面跳转至所述第三页面；When receiving a page jump request to jump from the second page to the third page, jump from the second page to the third page;

一个或多个存储有计算机可读指令的可读存储介质，所述计算机可读指令被一个或多个处理器执行时，使得所述一个或多个处理器执行如下步骤：One or more readable storage media storing computer-readable instructions that, when executed by one or more processors, cause the one or more processors to perform the following steps:

上述页面处理方法、装置、计算机设备及存储介质所提供的一个方案中，针对页面跳转的情况，对页面跳转参数信息信息进行了不同处理，在多次页面跳转过程中，参数均保存在vue.js项目创建的存储实例的参数数组中，从vue.js项目的存储实例中存取数据不需要做字符串和对象之间的转换，不会造成内存消耗，而且使得页面跳转参数信息不会丢失，不用在浏览器中暴露参数，保证了信息的安全性和跳转成功率，在页面处理时的能有效地兼顾跳转成功率与安全性。In a solution provided by the above-mentioned page processing method, device, computer equipment and storage medium, for the situation of page jump, different processing is performed on the page jump parameter information, and in the process of multiple page jumps, the parameters are saved In the parameter array of the storage instance created by the vue.js project, accessing data from the storage instance of the vue.js project does not require conversion between strings and objects, causing no memory consumption, and making page jump parameters Information will not be lost, and there is no need to expose parameters in the browser, which ensures the security of information and the success rate of jumping, and can effectively take into account the success rate of jumping and security during page processing.

本申请的一个或多个实施例的细节在下面的附图和描述中提出，本申请的其他特征和优点将从说明书、附图以及权利要求变得明显。The details of one or more embodiments of the application are set forth in the accompanying drawings and the description below, and other features and advantages of the application will become apparent from the description, drawings, and claims.

Description of drawings

为了更清楚地说明本申请实施例的技术方案，下面将对本申请实施例的描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。In order to illustrate the technical solutions of the embodiments of the present application more clearly, the following briefly introduces the drawings that are used in the description of the embodiments of the present application. Obviously, the drawings in the following description are only some embodiments of the present application. , for those of ordinary skill in the art, other drawings can also be obtained from these drawings without creative labor.

图1是本申请一实施例中页面处理方法的一应用环境示意图；1 is a schematic diagram of an application environment of a page processing method in an embodiment of the present application;

图2是本申请一实施例中页面处理方法的一流程示意图；2 is a schematic flowchart of a page processing method in an embodiment of the present application;

图3是本申请一实施例中页面处理方法的另一流程示意图；3 is another schematic flowchart of a page processing method in an embodiment of the present application;

图4是本申请一实施例中保存页面跳转参数信息至参数数组的一流程图；4 is a flowchart of saving page jump parameter information to a parameter array in an embodiment of the present application;

图5是图1中步骤S60的一流程示意图；Fig. 5 is a schematic flow chart of step S60 in Fig. 1;

图6是本申请一实施例中页面处理装置的一结构示意图；6 is a schematic structural diagram of a page processing apparatus in an embodiment of the present application;

图7是本申请一实施例中计算机设备的一结构示意图。FIG. 7 is a schematic structural diagram of a computer device in an embodiment of the present application.

Detailed ways

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。The technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the accompanying drawings in the embodiments of the present application. Obviously, the described embodiments are part of the embodiments of the present application, not all of the embodiments. Based on the embodiments in the present application, all other embodiments obtained by those of ordinary skill in the art without creative work fall within the protection scope of the present application.

本申请提供的页面处理方法，可应用在如图1的应用环境中，其中，终端设备可通过网络与服务器进行通信，该服务器指的是提供页面服务的页页面端，该终端设备上安装有客户端(如浏览器)，通过浏览器客户端可以浏览页面。对于该客户端而言，当拦截到从第一页面跳转至第二页面的页面跳转请求时，获取页面跳转请求所包含的表单信息，表单信息包括第一页面到第二页面的页面跳转参数信息；放行从第一页面跳转至第二页面的页面跳转请求，以从第一页面跳转至第二页面，并将页面跳转参数信息存储在参数数组中，参数数组为在vue.js项目的存储实例中所创建；当接收到从第二页面跳转至第三页面的页面跳转请求，以从第二页面跳转至第三页面；当接收到由第三页面跳转回第二页面的页面跳转请求时，从参数数组中读取页面跳转参数信息；通过页面跳转参数信息，从第三页面跳转回第二页面。在跳转页面时，终端设备依据页面跳转参数从而服务端中获取相应的页面资源文件并渲染跳转页面，从而实现页面之间的跳转。其中，该终端设备可以但不限于各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备等设备。服务端可以用独立的服务器或者是多个服务器组成的服务器集群来实现。The page processing method provided by the present application can be applied in the application environment as shown in FIG. 1 , in which the terminal device can communicate with the server through the network, and the server refers to the page end that provides the page service, and the terminal device is installed with A client (such as a browser), through which you can browse pages. For the client, when a page jump request from the first page to the second page is intercepted, the form information contained in the page jump request is obtained, and the form information includes pages from the first page to the second page. Jump parameter information; release the page jump request from the first page to the second page to jump from the first page to the second page, and store the page jump parameter information in the parameter array, the parameter array is Created in the storage instance of the vue.js project; when receiving a page jump request to jump from the second page to the third page, to jump from the second page to the third page; when receiving a page jump request from the third page When jumping back to the page jump request of the second page, the page jump parameter information is read from the parameter array; the page jump parameter information is used to jump back from the third page to the second page. When jumping a page, the terminal device obtains a corresponding page resource file from the server according to the page jumping parameters and renders the jumping page, thereby realizing the jumping between pages. Wherein, the terminal device may be, but not limited to, various personal computers, notebook computers, smart phones, tablet computers, portable wearable devices and other devices. The server can be implemented by an independent server or a server cluster composed of multiple servers.

请参阅图1所示，下面结合图1，以完整的实施例对本申请提供的页面处理方法进行详细的描述，包括如下步骤：Please refer to FIG. 1 , and in conjunction with FIG. 1 , the page processing method provided by the present application will be described in detail with a complete embodiment, including the following steps:

S10：通过vuex工具创建vue.js项目，在vue.js项目中创建存储文件夹，在存储文件夹中创建存储实例store.js，并在存储实例store.js中创建参数数组。S10: Create a vue.js project through the vuex tool, create a storage folder in the vue.js project, create a storage instance store.js in the storage folder, and create a parameter array in the storage instance store.js.

其中，vuex是一个集中式的存储管理中心，vuex中可以用来存储数据，以统一页面的状态管理及操作处理，类似是一个“前端数据库”。本方案中，为了使用vuex的功能，需先提前在终端设备上安装vuex工具，安装的流程大致如下所示：Among them, vuex is a centralized storage management center, which can be used to store data in vuex to unify the state management and operation processing of pages, similar to a "front-end database". In this solution, in order to use the functions of vuex, it is necessary to install the vuex tool on the terminal device in advance. The installation process is roughly as follows:

安装vuex工具：Install vuex tools:

npm install vuex--save；npm install vuex--save;

利用vuex工具创建vue.js项目，以引入vuex和vue，以创建vue.js项目：Use the vuex tool to create a vue.js project to introduce vuex and vue to create a vue.js project:

import Vue from'vue'；import Vue from 'vue';

import Vuex from'vuex'；import Vuex from 'vuex';

Vue.use(Vuex)；Vue.use(Vuex);

在创建vue.js项目之后，在vue.js项目中创建存储文件夹(store文件夹)，并在store文件夹中创建存储实例store.js：After creating the vue.js project, create a storage folder (store folder) in the vue.js project, and create a storage instance store.js in the store folder:

const store＝new Vuex.Store({})。const store=new Vuex.Store({}).

可以理解，在创建了存储实例store.js之后，便可在存储实例store.js的state中定义并创建用于存放参数的参数数组lastPath。需要说明的是，在定义并创建好参数数组lastPath之后，便可对参数数组lastPath进行相关的操作。在vuex工具中，主要涉及几个概念需要理解，引入vue，是因为存储实例store.js需要挂载在vue中，存储实例store.js是vue的根实例。存储实例store.js相当于是vuex工具的核心仓库，简单而言，vuex工具是用于存放数据的工具，而存储实例store.js数据仓库，存储实例store.js中包含state，存储实例store.js用于将信息或数据都放在state中。It can be understood that after the storage instance store.js is created, the parameter array lastPath for storing parameters can be defined and created in the state of the storage instance store.js. It should be noted that after the parameter array lastPath is defined and created, related operations can be performed on the parameter array lastPath. In the vuex tool, there are mainly several concepts that need to be understood. The introduction of vue is because the storage instance store.js needs to be mounted in vue, and the storage instance store.js is the root instance of vue. The storage instance store.js is equivalent to the core warehouse of the vuex tool. In short, the vuex tool is a tool for storing data, and the storage instance store.js data warehouse, the storage instance store.js contains state, and the storage instance store.js Used to put information or data in state.

另外需要说明的是，可以在vuex工具的getters中中定义好getLastPath:state＝>state.lastPath，用于获取参数数组lastPath的信息或数据，在vuex工具的mutations中定义好对lastPath进行赋值的方式：state.lastPath.push(lastPath)。In addition, it should be noted that getLastPath:state=>state.lastPath can be defined in the getters of the vuex tool to obtain the information or data of the parameter array lastPath, and the way to assign the lastPath value is defined in the mutations of the vuex tool : state.lastPath.push(lastPath).

S20：当拦截到从第一页面跳转至第二页面的页面跳转请求时，获取页面跳转请求所包含的表单信息，表单信息包括第一页面到第二页面的页面跳转参数信息。S20: When a page jump request from the first page to the second page is intercepted, obtain form information included in the page jump request, where the form information includes page jump parameter information from the first page to the second page.

本方案所涉及的应用为各类应用程序，又称APP，应用程序可在Android、IOS或其他同类型系统中运行。示例性的，该应用程序可以包括web浏览器，在使用web浏览器等各类应用程序时，发生页面跳转事件是常见的应用场景。本方案中，所提及的页面跳转事件是需要进行页面跳转的事件。The applications involved in this solution are all kinds of applications, also known as APPs, and the applications can run in Android, IOS or other systems of the same type. Exemplarily, the application may include a web browser, and when various applications such as a web browser are used, it is a common application scenario that a page jump event occurs. In this solution, the page jump event mentioned is an event that needs to be page jumped.

在一实施例中，也即步骤20中的获取页面跳转请求所包含的表单信息之前，方法还包括：In one embodiment, that is, before obtaining the form information included in the page jump request in step 20, the method further includes:

S01：接收用户在第一页面触发的，由第一页面跳转至第二页面的页面跳转事件，页面跳转事件通常为用户通过动作指令、声音指令、人脸指令所触发；S01: Receive a page jump event triggered by a user on the first page and jump from the first page to the second page, and the page jump event is usually triggered by the user through an action command, a voice command, or a face command;

S02：根据页面跳转事件生成页面跳转请求。S02: Generate a page jump request according to the page jump event.

举个简单例子，在打开一个首页触发跳转到下一页面的页面跳转事件或某个页面中按键的点击触发跳转到下一个页面的页面跳转事件。作为一个示例，页面跳转事件通常为用户通过动作指令、声音指令、神态指令、或其他方式指令作用于终端设备上的应用程序上。其中，上述动作指令可以是用户的触碰作用、按压动作或滑动动作等；声音指令可以是用户发出特定声音或说出的特定语句等；神态指令可以是用户特定的面部特征或用户的特定表情。上述动作指令均可以触发页面跳转事件，从而触发相应的页面跳转请求。简而言之，页面跳转动作指的是应用程序根据终端检测到的跳转事件，从一个页面切换到另一个页面的动作。For a simple example, when a home page is opened, a page jump event that jumps to the next page is triggered, or a button click on a page triggers a page jump event that jumps to the next page. As an example, the page jump event is usually a user's action command, a voice command, a gesture command, or an command in other ways to act on the application program on the terminal device. Wherein, the above-mentioned action command can be the user's touch, pressing action or sliding action, etc.; the voice command can be a specific voice or a specific sentence uttered by the user; the demeanor command can be the user's specific facial features or the user's specific expression . All of the above action instructions can trigger a page jump event, thereby triggering a corresponding page jump request. In short, the page jump action refers to the action of the application switching from one page to another page according to the jump event detected by the terminal.

在本方案中，需拦截到用户在应用程序上的第一页面跳转至第二页面的页面跳转请求。再举个简单例子，第一页面为一个商品列表页面，该商品列表页面包括各种各样的商品，用户通过点击该商品列表页面中的某一项商品A，以触发跳转至该项商品A的详情页面的页面跳转请求，该商品A的详情页面就是指第二页面。需要说明的是，上述例子仅为示例性说明，实际应用上还可以有多场景页面跳转场景，具体不做限定。值得说明的是，该页面跳转可以是指在第一页面基础上以浮窗形式跳转至第二页面，或者是覆盖第一页面完全打开第二页面的形式，在此也不做限制。In this solution, it is necessary to intercept the page jump request of the user jumping from the first page on the application to the second page. Another simple example, the first page is a product list page, the product list page includes a variety of products, the user clicks on a certain product A in the product list page to trigger the jump to the product The page jump request of the details page of A, the details page of the product A refers to the second page. It should be noted that the above examples are only illustrative, and in practical applications, there may also be multiple scene page jumping scenes, which are not specifically limited. It is worth noting that the page jump may refer to jumping to the second page in the form of a floating window on the basis of the first page, or covering the first page to completely open the second page, which is not limited here.

作为一个示例，可以在vue.js项目的main.js中,添加router.beforEach()，其中，beforEach()用于拦截每一次跳转至某个页面前的请求。也就是说，若当前页面为第一页面，通过该router，beforEach()，可以拦截由第一页面跳转至第二页面的页面跳转请求，router.beforeEach()可以对路由请求进行拦截，从而拦截到上述第一页面跳转至第二页面的页面跳转请求。As an example, you can add router.beforEach() in the main.js of the vue.js project, where beforeEach() is used to intercept every request before jumping to a certain page. That is to say, if the current page is the first page, the router, beforeEach(), can intercept the page jump request from the first page to the second page, and router.beforeEach() can intercept the routing request, Thus, the page jump request for jumping from the first page to the second page is intercepted.

值得说明的是，在另一些方案中，监听页面跳转事件的方式，还可以提供统一的classjump类，classjump类是统一跳转类，通过对classjump类实现对应用程序内的onclick方法进行监听，onclick方法的意思是在页面元素被点击时发生，即可以是某一按钮被点击时执行相应操作，监听应用的页面跳转事件即可监听应用程序是否有页面跳转事件发生，从而拦截第一页面跳转至第二页面的页面跳转请求，在此不做限制。It is worth noting that in other schemes, the method of monitoring page jump events can also provide a unified classjump class. The classjump class is a unified jump class. By implementing the classjump class to monitor the onclick method in the application, The onclick method means that it occurs when a page element is clicked, that is, a corresponding operation is performed when a button is clicked, and the page jump event of the application can be monitored to monitor whether the application has a page jump event, thereby intercepting the first The page jump request for page jump to the second page is not limited here.

可以理解，当需从第一页面跳转至第二页面时，由于需要知道从第一页面触发跳转的第二页面是哪些页面，因此需要传递页面跳转参数信息。再以上述例子为例，第一页面为一个商品列表页面，该商品列表页面包括各种各样的商品，用户通过点击该商品列表页面中的某一项商品A，会跳转至该项商品A的详情页面，该商品A的详情页面就是指第二页面。当用户需要从商品列表页面电机某一项商品A以跳转至该项商品A的详情页面时，需要依据用户的点击操作获取相应的页面跳转参数信息，以便触发生成携带有页面跳转参数信息的用于跳转至该商品A详情页面的页面跳转请求，使得后续可依据该该页面跳转参数信息，从页面服务端获取对应的该项商品A的详情页面的页面资源文件，方能成功跳转至该项商品A的详情页面。因此，从第一页面跳转至第二页面的页面跳转请求包含有表单信息(from信息)，该表单信息包含有页面跳转参数信息。It can be understood that when it is necessary to jump from the first page to the second page, since it is necessary to know which pages are the second pages that trigger the jump from the first page, the page jump parameter information needs to be passed. Taking the above example as an example, the first page is a product list page, and the product list page includes various products. By clicking on a certain product A in the product list page, the user will jump to the product. The details page of A, the details page of the product A refers to the second page. When the user needs to jump to a product A from the product list page to jump to the detail page of the product A, it is necessary to obtain the corresponding page jump parameter information according to the user's click operation, so as to trigger the generation of the page jump parameters carrying the page jump parameters. The information is used to jump to the page jump request of the product A details page, so that the page resource file of the corresponding product A details page can be obtained from the page server according to the page jump parameter information. It can successfully jump to the details page of the product A. Therefore, the page jump request for jumping from the first page to the second page includes form information (from information), and the form information includes page jump parameter information.

需要说明的是，在实际应用中，往往存在多级页面的跳转，例如：点开商品列表页面的某一商品查看，然后跳转至该商品子详情页，在商品子详情页面再点开商品孙子详情页面，以跳转至该商品孙子详情页面。对于每次页面之间的跳转，本方案均会进行拦截每个页面跳转请求所对应的页面跳转信息参数，也就是说，会获取商品列表页面到商品子详情页面的页面跳转参数信息，也会获取品子详情页面到商品孙子详情页面的页面跳转参数信息。It should be noted that in practical applications, there are often multi-level page jumps, for example: click on a product on the product list page to view, then jump to the product sub-detail page, and click on the product sub-detail page again. Product grandchild details page to jump to the product grandchild details page. For each jump between pages, this solution will intercept the page jump information parameters corresponding to each page jump request, that is to say, the page jump parameters from the product list page to the product sub-detail page will be obtained. information, and also obtain the page jump parameter information from the product details page to the product grandchild details page.

S30：放行从第一页面跳转至第二页面的页面跳转请求，以从第一页面跳转至第二页面，并将页面跳转参数信息存储在参数数组中。S30: Release the page jump request for jumping from the first page to the second page, so as to jump from the first page to the second page, and store the page jump parameter information in the parameter array.

在拦截到从第一页面跳转至第二页面的页面跳转请求，以获取到该页面跳转请求对应的页面跳转参数信息之后，便可依据该页面跳转参数信息获取相应的页面资源文件，从而渲染出第二页面，也即由第一页面成功跳转至第二页面。After intercepting the page jump request from the first page to the second page to obtain the page jump parameter information corresponding to the page jump request, the corresponding page resource can be obtained according to the page jump parameter information file, thereby rendering the second page, that is, successfully jumping from the first page to the second page.

并且，会将该页面跳转参数信息存储在存储实例store.js所创建的参数数组lastPath中，也就是说，参数数组lastPath中保存有该页面跳转参数信息，从而保证该页面跳转参数信息不会丢失。另外，由于页面跳转参数信息保存在存储实例store.js的参数数组lastPath中，可以不用在url地址中暴露页面跳转参数信息，也有效地保证了信息的安全性。In addition, the page jump parameter information will be stored in the parameter array lastPath created by the storage instance store.js, that is, the page jump parameter information is stored in the parameter array lastPath, so as to ensure the page jump parameter information not lost. In addition, since the page jump parameter information is stored in the parameter array lastPath of the storage instance store.js, it is not necessary to expose the page jump parameter information in the url address, and the security of the information is also effectively guaranteed.

具体地，作为一个示例，在保存第一页面到第二页面的页面跳转参数信息到参数数组lastPath时，可以通过存储实例store.js对象的commit触发mutations方法，从而更改state中的参数数组lastPath的存储内容，以将第一页面到第二页面的页面跳转参数信息保存在参数数组lastPath中。Specifically, as an example, when saving the page jump parameter information from the first page to the second page to the parameter array lastPath, the mutations method can be triggered by storing the commit of the instance store.js object, thereby changing the parameter array lastPath in the state to store the page jump parameter information from the first page to the second page in the parameter array lastPath.

S40：当接收到从第二页面跳转至第三页面的页面跳转请求，以从第二页面跳转至第三页面。S40: When a page jump request for jumping from the second page to the third page is received, so as to jump from the second page to the third page.

可以理解，当从第一页面跳转至第二页面之后，在第二页面上，同样可以继续触发跳转，从而从第二页面跳转至第三页面，因此，当接收到从第二页面跳转至第三页面的页面跳转请求，以从第二页面跳转至第三页面。需要说明的是，第二页面跳转至第三页面的过程与第一页面跳转至第二页面的过程类似，在此不做详细说明。It can be understood that after jumping from the first page to the second page, on the second page, the jump can also continue to be triggered, so as to jump from the second page to the third page. A page jump request to jump to the third page to jump from the second page to the third page. It should be noted that the process of jumping from the second page to the third page is similar to the process of jumping from the first page to the second page, and details are not described here.

S50：当接收到由第三页面跳转回第二页面的页面跳转请求时，从参数数组中读取页面跳转参数信息。S50: When a page jump request for jumping from the third page back to the second page is received, read page jump parameter information from the parameter array.

如步骤前述，从第一页面跳转至第二页面，以及从第二页面跳转至第三页面，均会获取相应的页面跳转参数并保存在参数数组lastPath。在接收到由第三页面跳转至第二页面的页面跳转请求时，会从参数数组lastPath中读取第一页面到第二页面的页面跳转参数信息。As described above, jumping from the first page to the second page and jumping from the second page to the third page will obtain the corresponding page jump parameters and save them in the parameter array lastPath. When a page jump request for jumping from the third page to the second page is received, the page jump parameter information from the first page to the second page is read from the parameter array lastPath.

需要说明的是，由于第一页面跳转至第二页面时，会将第一页面到第二页面的页面跳转信息保存在参数数组lastPath中，这样，当从第二页面跳转至第三页面时，第一页面到第二页面的页面跳转信息不会丢失，而是一直存在参数数组lastPath中，那么当需要从第三页面跳转至第二页面时，也即接收到由第三页面跳转至第二页面的页面跳转请求时，可以直接从参数数组lastPath中读取第一页面到第二页面的页面跳转参数信息。It should be noted that when the first page jumps to the second page, the page jump information from the first page to the second page will be saved in the parameter array lastPath, so that when jumping from the second page to the third page page, the page jump information from the first page to the second page will not be lost, but will always exist in the parameter array lastPath, then when you need to jump from the third page to the second page, that is, if you receive the When the page jumps to the page jump request of the second page, the page jump parameter information from the first page to the second page can be directly read from the parameter array lastPath.

S60：通过页面跳转参数信息，从第三页面跳转回第二页面。S60: Jump from the third page back to the second page through the page jump parameter information.

在从参数数组lastPath中，读取出第一页面到第二页面的页面跳转参数信息之后，由于此时具备了到第二页面的页面跳转参数信息，此时便能通过第一页面到第二页面的页面跳转参数信息，从第三页面跳转回第二页面了。After reading the page jump parameter information from the first page to the second page from the parameter array lastPath, because the page jump parameter information to the second page is available at this time, it is possible to pass the first page to the second page. The page jump parameter information of the second page jumps back to the second page from the third page.

例如，当用户点开商品列表页面的某一商品查看，然后跳转至该商品子详情页面，在商品子详情页面再点开商品孙子详情页面，以跳转至该商品孙子详情页面。经过本方案的处理逻辑，参数数组lastPath中保存有商品列表页面到商品子详情页面页面跳转参数信息，当用户从商品孙子详情页面跳转回商品子详情页面时，便能成功从从商品孙子详情页面跳转回商品子详情页面了。For example, when a user clicks on a product on the product list page to view, then jumps to the product's sub-details page, and then clicks on the product's grandchild details page on the product's sub-details page to jump to the product's grandchild details page. After the processing logic of this solution, the parameter array lastPath saves the jump parameter information from the product list page to the product sub-details page. When the user jumps from the product grandchild details page back to the product sub-details page, he can successfully switch from the product grandchild to the product sub-details page. The details page jumps back to the product sub-details page.

从上述内容可以看出，本申请实施例提供了一种页面处理方法，主要在于页面跳转参数信息的处理，使得页面跳转参数信息不会丢失以提高跳转成功率且提高了安全性，在页面处理时的能有效地兼顾跳转成功率与安全性。It can be seen from the above content that the embodiment of the present application provides a page processing method, which mainly lies in the processing of page jump parameter information, so that the page jump parameter information will not be lost, so as to improve the jump success rate and improve the security, It can effectively take into account the jump success rate and security during page processing.

作为一个示例，如图3所示，步骤30中，放行所述从第一页面跳转至第二页面的页面跳转请求，以从所述第一页面跳转至所述第二页面之后，该方法还包括如下步骤：As an example, as shown in FIG. 3, in step 30, after releasing the page jump request from the first page to the second page, so as to jump from the first page to the second page, The method also includes the following steps:

S70：判断是否监听到针对第二页面的刷新操作。S70: Determine whether a refresh operation for the second page is monitored.

例如，当用户点开商品列表页面的某一商品查看，然后跳转至该商品子详情页面后，用户依据需求可以对该商品子详情页面进行刷新操作。本方案中，可以判断是否接收到针对第二页面的刷新操作。具体地，可以在vue.js项目的created()中建立监听器window.addEventListener()，该监听器window.addEventListener()用于实时对监听beforeunload(刷新)事件，因此，当用户对当前的第二页面执行刷新操作时，可以利用监听器window.addEventListener()到针对第二页面的刷新操作。需要说明的是，针对第二页面的刷新操作，指的是对第二页面进行刷新，重新渲染并展示该第二页面的过程。For example, when a user clicks to view a product on the product list page, and then jumps to the product sub-detail page, the user can refresh the product sub-detail page according to needs. In this solution, it can be determined whether a refresh operation for the second page is received. Specifically, the listener window.addEventListener() can be established in the created() of the vue.js project. The listener window.addEventListener() is used to monitor the beforeunload (refresh) event in real time. When the second page performs the refresh operation, the listener window.addEventListener() can be used to perform the refresh operation for the second page. It should be noted that the refresh operation for the second page refers to the process of refreshing the second page, re-rendering and displaying the second page.

S80：当监听到到针对所述第二页面的刷新操作时，将所述页面跳转参数信息保存在当前的会话存储对象中。S80: When a refresh operation for the second page is monitored, save the page jump parameter information in the current session storage object.

S90：当根据所述刷新操作刷新第二页面时，从所述会话存储对象中获取所述页面跳转参数信息；S90: when the second page is refreshed according to the refresh operation, obtain the page jump parameter information from the session storage object;

S100：依据所述页面跳转参数信息刷新所述第二页面。S100: Refresh the second page according to the page jump parameter information.

对于步骤S70-S100，可以理解，在前述步骤有提及，本申请实施例会对每个页面跳转请求进行拦截，并获取页面跳转请求对应的页面跳转参数信息。因此，当从第一页面跳转至第二页面后，可以获取到第一页面到第二页面的页面跳转参数信息。并且本申请实施例会对每个当前页面进行监听，以确定是否有刷新操作，当监听到针对第二页面的刷新操作时，此时，会将第一页面到第二页面的页面跳转参数信息保存在当前的会话存储对象sessionStorage中。For steps S70-S100, it can be understood that, as mentioned in the foregoing steps, the embodiment of the present application intercepts each page jump request, and obtains page jump parameter information corresponding to the page jump request. Therefore, after jumping from the first page to the second page, the page jump parameter information from the first page to the second page can be obtained. In addition, the embodiment of the present application will monitor each current page to determine whether there is a refresh operation. When a refresh operation for the second page is monitored, at this time, the page jump parameter information from the first page to the second page will be monitored. Saved in the current session storage object sessionStorage.

可以理解，会话存储对象sessionStorage是当前页面会话创建的对应的临时存储对象，只有当页面被关闭或者浏览器被关闭时才会被清除，也就是说，第二页面上的存储对象sessionStorage在第二页面刷新或者恢复页面的时候，都不会丢失或者被清空。因此，在当监听到到针对第二页面的刷新操作时，将第一页面到第二页面的页面跳转参数信息保存在当前的会话存储对象sessionStorage中，以保证不会让第一页面到第二页面的页面跳转参数信息丢失，当根据刷新操作执行刷新第二页面时，再从会话存储对象sessionStorage中获取第一页面到第二页面的页面跳转参数信息，通过该第一页面到第二页面的页面跳转参数信息去刷新第二页面，从而得到重新刷新后的第二页面。It can be understood that the session storage object sessionStorage is the corresponding temporary storage object created by the current page session. It will be cleared only when the page is closed or the browser is closed. That is to say, the storage object sessionStorage on the second page is stored in the second page. When the page is refreshed or restored, it will not be lost or cleared. Therefore, when the refresh operation for the second page is monitored, the page jump parameter information from the first page to the second page is stored in the current session storage object sessionStorage, so as to ensure that the first page will not go to the second page. The page jump parameter information of the second page is lost. When the second page is refreshed according to the refresh operation, the page jump parameter information from the first page to the second page is obtained from the session storage object sessionStorage. The page jump parameter information of the second page is used to refresh the second page, thereby obtaining the re-refreshed second page.

作为一个示例，步骤S80中，也即将所述页面跳转参数信息保存在当前的会话存储对象中，指的是，将保存有所述页面跳转参数信息的存储实例，复制并保存在所述会话存储对象中，以将所述页面跳转参数信息保存在所述会话存储对象sessionStorage中。As an example, in step S80, the page jump parameter information is also stored in the current session storage object, which means that the storage instance storing the page jump parameter information is copied and saved in the In the session storage object, the page jump parameter information is stored in the session storage object sessionStorage.

可以理解的是，由于本申请实施例会对每个页面跳转请求进行拦截，并获取页面跳转请求对应的页面跳转参数信息。因此，当从第一页面跳转至第二页面后，可以获取到第一页面到第二页面的页面跳转参数信息，并保存在存储实例store.js的参数组lastPath中。因此，当监听到到针对第二页面的刷新操作时，可以直接将复制保存有第一页面到第二页面的页面跳转参数信息的存储实例store.js，并保存在当前的会话存储对象sessionStorage，以避免第一页面到第二页面的页面跳转参数信息丢失，可见，由于保存在存储对象sessionStorage，又因为sessionStorage用于本地存储一个会话(session)中的数据，当会话结束后数据也随之销毁，不会造成浏览器卡顿和崩溃，提高了刷新效率。It can be understood that, because the embodiment of the present application intercepts each page jump request, and obtains page jump parameter information corresponding to the page jump request. Therefore, after jumping from the first page to the second page, the page jump parameter information from the first page to the second page can be obtained and stored in the parameter group lastPath of the storage instance store.js. Therefore, when the refresh operation for the second page is monitored, the storage instance store.js that stores the page jump parameter information from the first page to the second page can be directly copied and stored in the current session storage object sessionStorage , in order to avoid the loss of page jump parameter information from the first page to the second page. It can be seen that because it is stored in the storage object sessionStorage, and because sessionStorage is used to locally store the data in a session, the data will also follow the session after the session ends. The destruction will not cause the browser to freeze and crash, and improve the refresh efficiency.

作为一个示例，如图4所示，S30中，将第一页面到第二页面的页面跳转参数信息存储在参数数组lastPath中，具体包括如下步骤：As an example, as shown in Figure 4, in S30, the page jump parameter information from the first page to the second page is stored in the parameter array lastPath, which specifically includes the following steps:

S31：确定当前所述参数数组中的元素数量。S31: Determine the number of elements in the current parameter array.

S32：根据当前所述参数数组中的元素数量，判断所述参数数组存入所述页面跳转参数信息之后，所述参数数组中的元素数量是否超过预设数量。S32: According to the current number of elements in the parameter array, determine whether the number of elements in the parameter array exceeds a preset number after the parameter array is stored in the page jump parameter information.

需要说明的是，参数数组lastPath是定义的数组，其中存储的是每次页面跳转请求对应的页面跳转参数信息。在实际应用场景中，为了介绍存储压力，也为了符合实际的应用场景，会给参数数组lastPath定义好能存储的预设元素数量。在一应用场景中，该预设数量可以为2。因此，在将第一页面到第二页面的页面跳转参数信息存储在参数数组lastPath中前，需先确定参数数组lastPath中的元素数量，并判断存入所述存储元素之后，参数组lastPath中的元素数量是否超过预设数量。It should be noted that the parameter array lastPath is a defined array, which stores the page jump parameter information corresponding to each page jump request. In the actual application scenario, in order to introduce the storage pressure and also to meet the actual application scenario, the parameter array lastPath is defined as the number of preset elements that can be stored. In an application scenario, the preset number may be 2. Therefore, before storing the page jump parameter information from the first page to the second page in the parameter array lastPath, it is necessary to first determine the number of elements in the parameter array lastPath, and determine that after storing the storage elements, the parameter group lastPath Whether the number of elements exceeds the preset number.

S33：若未超过所述预设数量，则将所述页面跳转参数信息存入所述参数数组中。S33: If the preset number is not exceeded, store the page jump parameter information in the parameter array.

S34：若超过所述预设数量，则依次删除所述参数数组中存入时间最早的元素数量，直至存入所述页面跳转参数信息后，所述参数数组中的元素数量未超过所述预设数量。S34: If it exceeds the preset number, sequentially delete the number of elements with the earliest storage time in the parameter array, until after the page jump parameter information is stored, the number of elements in the parameter array does not exceed the Preset quantity.

对于步骤S31-S34，为了便于理解其过程，这里再举个简单例子，仍然以前述商品列表页面的例子为例：For steps S31-S34, in order to facilitate the understanding of the process, here is another simple example, still taking the example of the aforementioned product list page as an example:

当用户点开商品列表页面的某一商品查看，然后跳转至该商品子详情页，在商品子详情页面再点开商品孙子详情页面，以跳转至该商品孙子详情页面，上述过程存在两次跳转，经过本方案的存储处理逻辑，会获取到商品列表页面到商品子详情页的页面跳转参数信息1，以及获取到商品子详情页面到商品孙子详情页面的页面跳转参数信息2。因此，参数数组lastPath存储有页面跳转参数信息1和页面跳转参数信息2，此时，当用户在商品孙子详情页面在点击跳转至另一个商品曾孙子详情页面时，会拦截并获取到商品孙子详情页面到商品曾孙子详情页面的页面跳转参数信息3，由于参数数组lastPath已存有页面跳转参数信息1和页面跳转参数信息2，当再存入页面跳转参数信息3时，将导致参数数组lastPath的元素数量为3，超过设定的预设数量2，因此，依次删除所述参数数组lastPath中的存入时间最早的元素数量，也即页面跳转参数信息1，直至存入页面跳转参数信息3后，所述参数数组lastPath中参数数量为未超过2个。When the user clicks on a product on the product list page to view, then jumps to the sub-detail page of the product, and then clicks on the product's grandchild details page on the product sub-detail page to jump to the product's grandson details page, there are two steps in the above process. After the second jump, through the storage processing logic of this solution, the page jump parameter information 1 from the product list page to the product sub-detail page will be obtained, and the page jump parameter information 2 from the product sub-detail page to the product grandchild details page will be obtained. . Therefore, the parameter array lastPath stores page jump parameter information 1 and page jump parameter information 2. At this time, when the user clicks on the product grandchild details page to jump to another product great-grandchild details page, it will intercept and obtain the The page jump parameter information 3 from the product grandchild details page to the product great-grandchild details page. Since the parameter array lastPath already contains page jump parameter information 1 and page jump parameter information 2, when the page jump parameter information 3 is stored again , the number of elements in the parameter array lastPath will be 3, which exceeds the preset number of 2. Therefore, the number of elements with the earliest storage time in the parameter array lastPath is sequentially deleted, that is, the page jump parameter information 1, until After the page jump parameter information 3 is stored, the number of parameters in the parameter array lastPath is less than 2.

当用户点开商品列表页面的某一商品查看，然后跳转至该商品子详情页，在商品子详情页面再点开商品孙子详情页面经过本方案的存储处理逻辑，会获取到商品列表页面到商品子详情页的页面跳转参数信息1，因此，参数数组lastPath存储有页面跳转参数信息1和，当再从商品子详情页跳转到商品孙子详情页面时，会获取到到商品子详情页跳转到商品孙子详情页面的页面跳转参数信息2，由于参数数组lastPath仅存有页面跳转参数信息1，当再存入页面跳转参数信息2时，参数数组lastPath的元素数量为2，没有超过设定的预设数量2，直接将该页面跳转参数信息2存入在参数数组lastPath中。When the user clicks on a product on the product list page to view, then jumps to the product sub-detail page, and then clicks on the product's grandchild details page on the product sub-detail page. After the storage processing logic of this solution, the product list page will be obtained to The page jump parameter information 1 of the product sub-detail page, therefore, the parameter array lastPath stores the page jump parameter information 1 and 1. When jumping from the product sub-detail page to the product grandchild details page, the product sub-details will be obtained. The page jumps to the page jump parameter information 2 of the product grandchild details page. Since the parameter array lastPath only contains the page jump parameter information 1, when the page jump parameter information 2 is stored again, the number of elements in the parameter array lastPath is 2 , if the preset number 2 is not exceeded, the page jump parameter information 2 is directly stored in the parameter array lastPath.

简而言之，用户进行操作的时候，虽然会进行各种各样的页面跳转，但参数数组lastPath仅存上一次和上上一次访问页面的对应的页面跳转参数信息。In short, when the user performs an operation, although various page jumps are performed, the parameter array lastPath only stores the page jump parameter information corresponding to the last and last visited pages.

需要说明的是，在实际应用中，预设数量的具体数值可以设定，在此不做具体限制。It should be noted that, in practical applications, the specific value of the preset number can be set, which is not specifically limited here.

作为一个示例，如图5所示，步骤S60中，也即通过所述页面跳转参数信息，从所述第三页面跳转回所述第二页面，具体包括如下步骤：As an example, as shown in FIG. 5 , in step S60, that is, jumping from the third page back to the second page by using the page jump parameter information, it specifically includes the following steps:

S61：根据所述页面跳转参数信息，从路由服务端获取对应的页面跳转方法。S61: Acquire a corresponding page jumping method from the routing server according to the page jumping parameter information.

S62：依据所述页面跳转方法生成页面资源获取请求。S62: Generate a page resource acquisition request according to the page jumping method.

S63：将所述页面资源获取请求发送至页面服务端。S63: Send the page resource acquisition request to the page server.

S64：接收所述页面服务端反馈的页面资源文件，并依据所述页面资源文件从所述第三页面跳转回所述第二页面。S64: Receive the page resource file fed back by the page server, and jump back to the second page from the third page according to the page resource file.

对于步骤S61-S64，可以理解，具体地，根据第一页面到第二页面的页面跳转参数信息就可以获取到对应的第二页面的跳转方法，第二页面的跳转方法是实现第二页面跳转的具体方法，第二页面的跳转方法可生成对应的页面资源获取请求，页面资源获取请求是用于获取第二页面资源的一个请求，将页面资源获取请求提供页面服务的发送至页面服务端后，从页面服务端中获取第二页面资源，也即资源文件。其中，该资源文件包括了第二页面对应的展示文件，因此，从而解析资源文件就可跳转并显示第二页面。For steps S61-S64, it can be understood that, specifically, according to the page jump parameter information from the first page to the second page, the corresponding jump method of the second page can be obtained, and the jump method of the second page is to realize the first page jump method. The specific method of the second page jump, the jump method of the second page can generate a corresponding page resource acquisition request, the page resource acquisition request is a request for acquiring the second page resource, and the page resource acquisition request is provided to send the page service After reaching the page server, the second page resource, that is, the resource file, is obtained from the page server. Wherein, the resource file includes the display file corresponding to the second page, therefore, the second page can be jumped and displayed by parsing the resource file.

综上实施例，本方案提供了一种页面处理方法，针对页面跳转或刷新的情况，对页面跳转参数信息信息进行了不同处理，参数均保存在vue.js项目的存储实例的state中，而且不用在浏览器中暴露参数，保证了数据的安全性，而且从vue.js项目的存储实例中存取数据不需要做字符串和对象之间的转换，不会造成内存消耗，另外，当刷新时将页面跳转参数信息保存在存储对象sessionStorage中，使得页面跳转参数信息不会丢失，提高了跳转成功率和安全性，在页面处理时的能有效地兼顾跳转成功率与安全性。To sum up the above embodiments, this solution provides a page processing method. For the situation of page jump or refresh, the page jump parameter information information is processed differently, and the parameters are all stored in the state of the storage instance of the vue.js project. , and there is no need to expose parameters in the browser, ensuring data security, and accessing data from the storage instance of the vue.js project does not require conversion between strings and objects, and will not cause memory consumption. In addition, When refreshing, save the page jump parameter information in the storage object sessionStorage, so that the page jump parameter information will not be lost, improve the jump success rate and security, and effectively take into account the jump success rate and the safety.

应理解，上述实施例中各步骤的序号的大小并不意味着执行顺序的先后，各过程的执行顺序应以其功能和内在逻辑确定，而不应对本申请实施例的实施过程构成任何限定。It should be understood that the size of the sequence numbers of the steps in the above embodiments does not mean the sequence of execution, and the execution sequence of each process should be determined by its function and internal logic, and should not constitute any limitation to the implementation process of the embodiments of the present application.

在一实施例中，提供一种页面处理装置，该页面处理装置与上述实施例中页面处理方法一一对应。如图6所示，该页面处理装置包括获取模块101、跳转模块102、保存模块103和读取模块104。各功能模块详细说明如下：In one embodiment, a page processing apparatus is provided, and the page processing apparatus is in one-to-one correspondence with the page processing method in the above-mentioned embodiment. As shown in FIG. 6 , the page processing apparatus includes an acquiring module 101 , a jumping module 102 , a saving module 103 and a reading module 104 . The detailed description of each functional module is as follows:

获取模块101，用于当拦截到从第一页面跳转至第二页面的页面跳转请求时，获取所述页面跳转请求所包含的表单信息，所述表单信息包括所述第一页面到所述第二页面的页面跳转参数信息；The obtaining module 101 is configured to obtain form information included in the page jump request when a page jump request from the first page to the second page is intercepted, where the form information includes the first page to the second page. page jump parameter information of the second page;

跳转模块102，用于放行所述从第一页面跳转至第二页面的页面跳转请求，以从所述第一页面跳转至所述第二页面；a jumping module 102, configured to release the page jumping request for jumping from the first page to the second page, so as to jump from the first page to the second page;

保存模块103，用于将所述页面跳转参数信息存储在参数数组中，所述参数数组为在vue.js项目的存储实例中所创建；The saving module 103 is used to store the page jump parameter information in a parameter array, and the parameter array is created in the storage instance of the vue.js project;

所述跳转模块102，用于当接收到从所述第二页面跳转至第三页面的页面跳转请求，以从所述第二页面跳转至所述第三页面；The jumping module 102 is configured to jump from the second page to the third page when a page jump request for jumping from the second page to the third page is received;

读取模块104，用于当接收到由所述第三页面跳转回所述第二页面的页面跳转请求时，从所述参数数组中读取所述页面跳转参数信息；a reading module 104, configured to read the page jump parameter information from the parameter array when a page jump request for jumping back to the second page from the third page is received;

所述跳转模块102，用于通过所述页面跳转参数信息，从所述第三页面跳转回所述第二页面。The jumping module 102 is configured to jump from the third page back to the second page through the page jumping parameter information.

在一实施例中，所述页面处理装置还包括判断模块。In one embodiment, the page processing apparatus further includes a judgment module.

所述判断模块，用于所述放行所述从第一页面跳转至第二页面的页面跳转请求，以从所述第一页面跳转至所述第二页面之后，判断是否监听到针对所述第二页面的刷新操作；The judging module is used to release the page jump request from the first page to the second page, so as to judge whether to monitor the target page after jumping from the first page to the second page. the refresh operation of the second page;

所述保存模块，还用于当监听到到针对所述第二页面的刷新操作时，将所述页面跳转参数信息保存在当前的会话存储对象中；The saving module is further configured to save the page jump parameter information in the current session storage object when a refresh operation for the second page is monitored;

所述跳转模块，还用于当根据所述刷新操作刷新第二页面时，从所述会话存储对象中获取所述页面跳转参数信息，并依据所述页面跳转参数信息刷新所述第二页面。The jumping module is further configured to obtain the page jumping parameter information from the session storage object when the second page is refreshed according to the refresh operation, and refresh the first page jumping parameter information according to the page jumping parameter information. Two pages.

结合上述实施例，在一实施例中，所述保存模块具体用于：In combination with the above embodiments, in an embodiment, the saving module is specifically used for:

当监听到到针对所述第二页面的刷新操作时，将保存有所述页面跳转参数信息的存储实例，复制并保存在所述会话存储对象中，以将所述页面跳转参数信息保存在所述会话存储对象。When the refresh operation for the second page is monitored, the storage instance storing the page jump parameter information is copied and stored in the session storage object, so as to save the page jump parameter information Objects are stored in the session.

在一实施例中，所述保存模块具体用于：In one embodiment, the saving module is specifically used for:

所述将所述页面跳转参数信息存储在参数数组中，包括：The storing the page jump parameter information in the parameter array includes:

确定当前所述参数数组中的元素数量；Determine the number of elements in the current parameter array;

根据当前所述参数数组中的元素数量，判断所述参数数组存入所述页面跳转参数信息之后，所述参数数组中的元素数量是否超过预设数量；According to the current number of elements in the parameter array, determine whether the number of elements in the parameter array exceeds a preset number after the parameter array is stored in the page jump parameter information;

若未超过所述预设数量，则将所述页面跳转参数信息存入所述参数数组中；If the preset number is not exceeded, the page jump parameter information is stored in the parameter array;

若超过所述预设数量，则依次删除所述参数数组中存入时间最早的元素数量，直至存入所述页面跳转参数信息后，所述参数数组中的元素数量未超过所述预设数量。If it exceeds the preset number, delete the number of elements with the earliest storage time in the parameter array in turn, until after the page jump parameter information is stored, the number of elements in the parameter array does not exceed the preset number quantity.

在一实施例中，所述预设数量为2。In one embodiment, the preset number is two.

在一实施例中，该装置还包括安装模块和创建模块；In one embodiment, the apparatus further includes an installation module and a creation module;

所述安装模块，用于安装vuex工具，并通过所述vuex工具创建vue.js项目，在vue.js项目中创建存储文件夹；The installation module is used to install the vuex tool, create a vue.js project through the vuex tool, and create a storage folder in the vue.js project;

创建模块，用于在所述存储文件夹中创建存储实例store.js，并在存储实例store.js中创建所述参数数组。A module is created for creating a storage instance store.js in the storage folder, and creating the parameter array in the storage instance store.js.

在一实施例中，所述跳转模块，具体用于：In one embodiment, the jumping module is specifically used for:

根据所述页面跳转参数信息，从路由服务端获取对应的页面跳转方法；According to the page jump parameter information, obtain the corresponding page jump method from the routing server;

依据所述页面跳转方法生成页面资源获取请求；generating a page resource acquisition request according to the page jump method;

将所述页面资源获取请求发送至页面服务端；sending the page resource acquisition request to the page server;

接收所述页面服务端反馈的页面资源文件，并依据所述页面资源文件从所述第三页面跳转回所述第二页面。Receive the page resource file fed back by the page server, and jump back to the second page from the third page according to the page resource file.

在一实施例中，所述页面处理装置还包括接收模块和生成模块；In one embodiment, the page processing apparatus further includes a receiving module and a generating module;

所述接收模块，用于接收用户在所述第一页面触发的，由所述第一页面跳转至第二页面的页面跳转事件，所述页面跳转事件通常为所述用户通过动作指令、声音指令、人脸指令所触发；The receiving module is configured to receive a page jump event triggered by the user on the first page, jumping from the first page to the second page, and the page jump event is usually the user through an action instruction , voice commands, and face commands;

所述生成模块，用于根据所述页面跳转事件生成所述页面跳转请求。The generating module is configured to generate the page jump request according to the page jump event.

关于页面处理装置的具体限定可以参见上文中对于页面处理方法的限定，在此不再赘述。上述页面处理装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。For the specific limitation of the page processing apparatus, please refer to the limitation on the page processing method above, which will not be repeated here. Each module in the above-mentioned page processing apparatus may be implemented in whole or in part by software, hardware, and combinations thereof. The above modules can be embedded in or independent of the processor in the computer device in the form of hardware, or stored in the memory in the computer device in the form of software, so that the processor can call and execute the operations corresponding to the above modules.

在一个实施例中，提供了一种计算机设备，该计算机设备可以是终端设备，其内部结构图可以如图7所示。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口、显示屏和输入装置。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质或易失性存储介质、内存储器。该存储介质存储有操作系统和计算机可读指令。该内存储器为非易失性存储介质中的操作系统和计算机可读指令的运行提供环境。该计算机设备的网络接口用于与外部服务端通过网络连接通信。该计算机可读指令被处理器执行时以实现一种页面处理方法。In one embodiment, a computer device is provided, the computer device may be a terminal device, and its internal structure diagram may be as shown in FIG. 7 . The computer equipment includes a processor, memory, a network interface, a display screen, and an input device connected by a system bus. Among them, the processor of the computer device is used to provide computing and control capabilities. The memory of the computer device includes a non-volatile storage medium or a volatile storage medium, an internal memory. The storage medium stores an operating system and computer-readable instructions. The internal memory provides an environment for the execution of the operating system and computer-readable instructions in the non-volatile storage medium. The network interface of the computer device is used to communicate with an external server through a network connection. The computer readable instructions, when executed by a processor, implement a page processing method.

在一实施例中，提供一种计算机设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机可读指令，其中，所述处理器执行所述计算机可读指令时实现如下步骤：In one embodiment, there is provided a computer apparatus comprising a memory, a processor, and computer-readable instructions stored in the memory and executable on the processor, wherein the processor executes the computer-readable instructions. The following steps are implemented when reading the command:

结合上述计算机设备，在一实施例中，所述处理器执行所述计算机可读指令时还实现如下步骤：In combination with the above computer device, in an embodiment, the processor further implements the following steps when executing the computer-readable instructions:

放行所述从第一页面跳转至第二页面的页面跳转请求，以从所述第一页面跳转至所述第二页面之后，判断是否监听到针对所述第二页面的刷新操作；releasing the page jump request for jumping from the first page to the second page, so as to determine whether a refresh operation for the second page is monitored after jumping from the first page to the second page;

当监听到到针对所述第二页面的刷新操作时，将所述页面跳转参数信息保存在当前的会话存储对象中；When the refresh operation for the second page is monitored, the page jump parameter information is saved in the current session storage object;

根据所述刷新操作刷新第二页面，从所述会话存储对象中获取所述页面跳转参数信息，并依据所述页面跳转参数信息刷新所述第二页面。The second page is refreshed according to the refresh operation, the page jump parameter information is obtained from the session storage object, and the second page is refreshed according to the page jump parameter information.

结合上述计算机设备，在一实施例中，所述处理器执行所述计算机可读指令时实现如下步骤：In combination with the above computer equipment, in one embodiment, the processor implements the following steps when executing the computer-readable instructions:

将保存有所述页面跳转参数信息的存储实例，复制并保存在所述会话存储对象中，以将所述页面跳转参数信息保存在所述会话存储对象。Copy and save the storage instance storing the page jump parameter information in the session storage object, so as to save the page jump parameter information in the session storage object.

获取所述页面跳转请求所包含的表单信息之前，安装vuex工具，并通过所述vuex工具创建vue.js项目，在vue.js项目中创建存储文件夹；Before obtaining the form information contained in the page jump request, install the vuex tool, create a vue.js project through the vuex tool, and create a storage folder in the vue.js project;

在所述存储文件夹中创建存储实例store.js，并在存储实例store.js中创建所述参数数组。A storage instance store.js is created in the storage folder, and the parameter array is created in the storage instance store.js.

在一实施例，一个或多个存储有计算机可读指令的可读存储介质，所述计算机可读指令被一个或多个处理器执行时，使得所述一个或多个处理器执行如下步骤：In one embodiment, one or more readable storage media storing computer-readable instructions that, when executed by one or more processors, cause the one or more processors to perform the following steps:

结合上述可读存储介质，在一实施例中，所述计算机可读指令被一个或多个处理器执行时，使得所述一个或多个处理器还执行如下步骤：In combination with the above-mentioned readable storage medium, in one embodiment, when the computer-readable instructions are executed by one or more processors, the one or more processors further perform the following steps:

结合上述可读存储介质，在一实施例中，所述计算机可读指令被一个或多个处理器执行时，使得所述一个或多个处理器执行如下步骤：In combination with the above-mentioned readable storage medium, in one embodiment, when the computer-readable instructions are executed by one or more processors, the one or more processors perform the following steps:

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机可读指令来指令相关的硬件来完成，所述的计算机可读指令可存储于一非易失性计算机可读取存储介质中，该计算机可读指令在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限，RAM以多种形式可得，诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。Those of ordinary skill in the art can understand that all or part of the processes in the methods of the above embodiments can be implemented by instructing the relevant hardware through computer-readable instructions, and the computer-readable instructions can be stored in a non-volatile computer. In the readable storage medium, the computer-readable instructions, when executed, may include the processes of the foregoing method embodiments. Wherein, any reference to memory, storage, database or other medium used in the various embodiments provided in this application may include non-volatile and/or volatile memory. Nonvolatile memory may include read only memory (ROM), programmable ROM (PROM), electrically programmable ROM (EPROM), electrically erasable programmable ROM (EEPROM), or flash memory. Volatile memory may include random access memory (RAM) or external cache memory. By way of illustration and not limitation, RAM is available in various forms such as static RAM (SRAM), dynamic RAM (DRAM), synchronous DRAM (SDRAM), double data rate SDRAM (DDRSDRAM), enhanced SDRAM (ESDRAM), synchronous chain Road (Synchlink) DRAM (SLDRAM), memory bus (Rambus) direct RAM (RDRAM), direct memory bus dynamic RAM (DRDRAM), and memory bus dynamic RAM (RDRAM), etc.

所属领域的技术人员可以清楚地了解到，为了描述的方便和简洁，仅以上述各功能单元、模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能单元、模块完成，即将所述装置的内部结构划分成不同的功能单元或模块，以完成以上描述的全部或者部分功能。Those skilled in the art can clearly understand that, for the convenience and simplicity of description, only the division of the above-mentioned functional units and modules is used as an example for illustration. In practical applications, the above-mentioned functions can be allocated to different functional units, Module completion, that is, dividing the internal structure of the device into different functional units or modules to complete all or part of the functions described above.

以上所述实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围，均应包含在本申请的保护范围之内。The above-mentioned embodiments are only used to illustrate the technical solutions of the present application, but not to limit them; although the present application has been described in detail with reference to the above-mentioned embodiments, those of ordinary skill in the art should understand that: it is still possible to implement the above-mentioned implementations. The technical solutions described in the examples are modified, or some technical features thereof are equivalently replaced; and these modifications or replacements do not make the essence of the corresponding technical solutions deviate from the spirit and scope of the technical solutions in the embodiments of the application, and should be included in the within the scope of protection of this application.

Claims

A page processing method, comprising:

When a page jump request for jumping from the first page to the second page is intercepted, obtain form information included in the page jump request, where the form information includes the information from the first page to the second page. page jump parameter information;

releasing the page jump request for jumping from the first page to the second page, so as to jump from the first page to the second page, and storing the page jump parameter information in the parameter array, The parameter array is created in the storage instance of the vue.js project;

When receiving a page jump request to jump from the second page to the third page, jump from the second page to the third page;

When receiving a page jump request from the third page to jump back to the second page, read the page jump parameter information from the parameter array;

Jump back from the third page to the second page according to the page jump parameter information.

The page processing method according to claim 1, wherein the page jump request for jumping from the first page to the second page is released, so as to jump from the first page to the second page after the , the method also includes:

judging whether a refresh operation for the second page is monitored;

When the refresh operation for the second page is monitored, the page jump parameter information is saved in the current session storage object;

The second page is refreshed according to the refresh operation, the page jump parameter information is obtained from the session storage object, and the second page is refreshed according to the page jump parameter information.

The page processing method according to claim 2, wherein the storing the page jump parameter information in the current session storage object comprises:

Copy and save the storage instance storing the page jump parameter information in the session storage object, so as to save the page jump parameter information in the session storage object.

The page processing method according to any one of claims 1-3, wherein the storing the page jump parameter information in a parameter array comprises:

Determine the number of elements in the current parameter array;

According to the current number of elements in the parameter array, determine whether the number of elements in the parameter array exceeds a preset number after the parameter array is stored in the page jump parameter information;

If the preset number is not exceeded, the page jump parameter information is stored in the parameter array;

If it exceeds the preset number, delete the number of elements with the earliest storage time in the parameter array in turn, until after the page jump parameter information is stored, the number of elements in the parameter array does not exceed the preset number quantity.

The page processing method according to any one of claims 1-3, wherein, before acquiring the form information included in the page jump request, the method further comprises:

Install the vuex tool, create a vue.js project through the vuex tool, and create a storage folder in the vue.js project;

A storage instance store.js is created in the storage folder, and the parameter array is created in the storage instance store.js.

The page processing method according to any one of claims 1 to 3, wherein the jumping from the third page back to the second page through the page jump parameter information from the first page to the second page pages, including:

According to the page jump parameter information, obtain the corresponding page jump method from the routing server;

generating a page resource acquisition request according to the page jump method;

sending the page resource acquisition request to the page server;

Receive the page resource file fed back by the page server, and jump back to the second page from the third page according to the page resource file.

The method according to any one of claims 1-3, wherein, before the acquiring the form information contained in the page jump request, the method further comprises:

Receive a page jump event triggered by the user on the first page and jump from the first page to the second page. The page jump event is usually the user's action command, voice command, face command triggered;

The page jump request is generated according to the page jump event.

A page processing device, comprising:

The obtaining module is configured to obtain form information included in the page jump request when a page jump request from the first page to the second page is intercepted, where the form information includes the first page to the second page. Describe the page jump parameter information of the second page;

a jump module, configured to release the page jump request for jumping from the first page to the second page, so as to jump from the first page to the second page;

A saving module for storing the page jump parameter information in a parameter array, which is created in the storage instance of the vue.js project;

The jumping module is configured to jump from the second page to the third page when a page jump request for jumping from the second page to the third page is received;

a reading module, configured to read the page jump parameter information from the parameter array when receiving a page jump request from the third page to jump back to the second page;

The jumping module is configured to jump from the third page back to the second page through the page jumping parameter information.

A computer device comprising a memory, a processor, and computer-readable instructions stored in the memory and executable on the processor, wherein the processor implements the following steps when executing the computer-readable instructions:

The computer device of claim 9, wherein the processor further implements the following steps when executing the computer-readable instructions:

releasing the page jump request for jumping from the first page to the second page, so as to determine whether a refresh operation for the second page is monitored after jumping from the first page to the second page;

The computer device of claim 10, wherein the processor, when executing the computer-readable instructions, implements the steps of:

The computer device of any one of claims 9-11, wherein the processor implements the following steps when executing the computer-readable instructions:

Determine the number of elements in the current parameter array;

The computer device according to any one of claims 9-11, wherein the processor further implements the following steps when executing the computer-readable instructions:

Before obtaining the form information contained in the page jump request, install the vuex tool, create a vue.js project through the vuex tool, and create a storage folder in the vue.js project;

sending the page resource acquisition request to the page server;

One or more readable storage media storing computer-readable instructions that, when executed by one or more processors, cause the one or more processors to perform the following steps:

The readable storage medium of claim 15, wherein the computer-readable instructions, when executed by one or more processors, cause the one or more processors to further perform the following steps:

16. The readable storage medium of claim 15, wherein the computer-readable instructions, when executed by one or more processors, cause the one or more processors to perform the steps of:

The readable storage medium of any of claims 15-17, wherein the computer-readable instructions, when executed by one or more processors, cause the one or more processors to perform the following steps:

Determine the number of elements in the current parameter array;

According to the number of elements in the current parameter array, after judging that the parameter array is stored in the page jump parameter information, whether the number of elements in the parameter array exceeds a preset number;

The readable storage medium of any one of claims 15-17, wherein the computer-readable instructions, when executed by one or more processors, cause the one or more processors to further perform the following steps:

sending the page resource acquisition request to the page server;