页面处理方法、装置、计算机设备及存储介质制造方法及图纸

技术编号:27975910 阅读:45 留言:0更新日期:2021-04-06 14:10
本发明专利技术涉及数据传输优化应用领域,具体涉及应用的页面处理,能有效地兼顾页面的跳转成功率与安全性。方法部分包括:当拦截到从第一页面跳转至第二页面的页面跳转请求时,获取页面跳转请求所包含的表单信息,表单信息包括第一页面到第二页面的页面跳转参数信息;放行从第一页面跳转至第二页面的页面跳转请求,以从第一页面跳转至第二页面,并将页面跳转参数信息存储在参数数组中,参数数组为在vue.js项目的存储实例中所创建;当接收到从第二页面跳转至第三页面的页面跳转请求,以从第二页面跳转至第三页面;当接收到由第三页面跳转回第二页面的页面跳转请求时,从参数数组中读取页面跳转参数信息;通过页面跳转参数信息,从第三页面跳转回第二页面。

【技术实现步骤摘要】
页面处理方法、装置、计算机设备及存储介质
本专利技术涉及数据传输优化
,应用于页面处理领域,尤其涉及一种页面处理方法、装置、计算机设备及存储介质。
技术介绍
前端页面在跳转时,常常涉及跨页面跳转参数信息,与后台完成数据交互,从而完页面参数传递。例如,前端项目中经常会出现的一种情况,有一个列表,比如商品列表,点击该商品列表中的某一项商品,会跳转至该项商品的详情页面。而当跳转到该商品页面时,需要传递一个参数过去,该参数与用户在商品列表页面的点击操作所生成,这样我们才能通过这个参数进行数据请求,然后根据后台返回的数据来生成用户所点击的该商品详情页面。专利技术人发现,传统的会涉及跨页面传参数和后台进行数据交互,一般通过如下方式实现,第一种是通过params传递参数;第二种是通过路由属性配置传参,需要在路由文件的path属性后面加上参数名称,第三种是用query来传参。前两种方式参数在浏览器的url中都是不可见的,但前两种方法都有一个弊端,就是页面刷新的时候就获取不到参数值了,可能导致跳转失败,第三种传参方式虽然可以解决页面刷新参数消失的问本文档来自技高网...

【技术保护点】
1.一种页面处理方法,其特征在于,包括:/n当拦截到从第一页面跳转至第二页面的页面跳转请求时,获取所述页面跳转请求所包含的表单信息,所述表单信息包括所述第一页面到所述第二页面的页面跳转参数信息;/n放行所述从第一页面跳转至第二页面的页面跳转请求,以从所述第一页面跳转至所述第二页面,并将所述页面跳转参数信息存储在参数数组中,所述参数数组为在vue.js项目的存储实例中所创建;/n当接收到从所述第二页面跳转至第三页面的页面跳转请求时,从所述第二页面跳转至所述第三页面;/n当接收到由所述第三页面跳转回所述第二页面的页面跳转请求时,从所述参数数组中读取所述页面跳转参数信息;/n通过所述页面跳转参数信息...

【技术特征摘要】
1.一种页面处理方法,其特征在于,包括:
当拦截到从第一页面跳转至第二页面的页面跳转请求时,获取所述页面跳转请求所包含的表单信息,所述表单信息包括所述第一页面到所述第二页面的页面跳转参数信息;
放行所述从第一页面跳转至第二页面的页面跳转请求,以从所述第一页面跳转至所述第二页面,并将所述页面跳转参数信息存储在参数数组中,所述参数数组为在vue.js项目的存储实例中所创建;
当接收到从所述第二页面跳转至第三页面的页面跳转请求时,从所述第二页面跳转至所述第三页面;
当接收到由所述第三页面跳转回所述第二页面的页面跳转请求时,从所述参数数组中读取所述页面跳转参数信息;
通过所述页面跳转参数信息,从所述第三页面跳转回所述第二页面。


2.如权利要求1所述的页面处理方法,其特征在于,所述放行所述从第一页面跳转至第二页面的页面跳转请求,以从所述第一页面跳转至所述第二页面之后,所述方法还包括:
判断是否监听到针对所述第二页面的刷新操作;
当监听到到针对所述第二页面的刷新操作时,将所述页面跳转参数信息保存在当前的会话存储对象中;
根据所述刷新操作刷新第二页面,从所述会话存储对象中获取所述页面跳转参数信息,并依据所述页面跳转参数信息刷新所述第二页面。


3.如权利要求2所述的页面处理方法,其特征在于,所述将所述页面跳转参数信息保存在当前的会话存储对象中,包括:
将保存有所述页面跳转参数信息的存储实例,复制并保存在所述会话存储对象中,以将所述页面跳转参数信息保存在所述会话存储对象。


4.如权利要求1-3任一项所述的页面处理方法,其特征在于,所述将所述页面跳转参数信息存储在参数数组中,包括:
确定当前所述参数数组中的元素数量;
根据当前所述参数数组中的元素数量,判断所述参数数组存入所述页面跳转参数信息之后,所述参数数组中的元素数量是否超过预设数量;
若未超过所述预设数量,则将所述页面跳转参数信息存入所述参数数组中;
若超过所述预设数量,则依次删除所述参数数组中存入时间最早的元素数量,直至存入所述页面跳转参数信息后,所述参数数组中的元素数量未超过所述预设数量。


5.如权利要求1-3任一项所述的页面处理方法,其特征在于,所述获取所述页面跳转请求所包含的表单信息之前,所述方法还包括:
安装vuex工具,并通过所述vuex工具创建vue...

【专利技术属性】
技术研发人员:张依
申请(专利权)人:深圳壹账通智能科技有限公司
类型:发明
国别省市:广东;44

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1