基于单页面架构实现多页面功能的方法、计算机设备、计算机可读存储介质技术

本发明专利技术提供了一种基于单页面架构实现多页面功能的方法，该方法包括：显示页面，并在所述页面上显示当前视图；接收用户在所述当前视图上选择的标签，每个标签都配置有路由值；获取所述路由值对应的dom子结构和所述当前视图对应的dom子结构；将所述当前视图对应的dom子结构存储在内存中，并将所述当前视图对应的dom子结构从所述页面对应的dom结构中去除；将所述路由值对应的dom子结构加入所述去除所述当前视图对应的dom子结构的页面对应的dom结构中；在所述页面显示所述路由值对应的dom子结构对应的视图。本发明专利技术提高了用户体验。本发明专利技术提高了用户体验。本发明专利技术提高了用户体验。

【技术实现步骤摘要】
基于单页面架构实现多页面功能的方法、计算机设备、计算机可读存储介质


[0001]本专利技术涉及科技金融
，尤其涉及一种基于单页面架构实现多页面功能的方法、计算机可读存储介质、计算机设备。

技术介绍

[0002]目前业内多数H5前端项目都是采用单页面架构。单页面架构的特点是，页面的入口唯一，通过改变URL路由的哈希值达到切换组件的目的，其中并不涉及页面的跳转，所有视觉改变、视图创建和销毁、内存管理都在同一个页面内完成。在开发后台管理应用时，目标用户和产品经理常常会提出一个要求，就是同时打开多个页面，方便来回切换不同页面进行操作。由于浏览器本身的缓存策略并未在单页面下做内存和作用域的隔离，这项功能在传统的多页面应用架构下很好完成，但是在单页面架构下就成了一个难题。

技术实现思路

[0003]有鉴于此，实有必要提供一种可提高用户体验的基于单页面架构实现多页面功能的方法、计算机存储介质、计算机设备。
[0004]第一方面，本申请提供了一种基于单页面架构实现多页面功能的方法，所述方法包括：显示页面，并在所述页面上显示当前视图本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于单页面架构实现多页面功能的方法，其特征在于，所述方法包括：显示页面，并在所述页面上显示当前视图；接收用户在所述当前视图上选择的标签，每个标签都配置有路由值；获取所述路由值对应的dom子结构和所述当前视图对应的dom子结构；将所述当前视图对应的dom子结构存储在内存中，并将所述当前视图对应的dom子结构从所述页面对应的dom结构中去除；将所述路由值对应的dom子结构加入所述去除所述当前视图对应的dom子结构的页面对应的dom结构中；在所述页面显示所述路由值对应的dom子结构对应的视图。2.如权利要求1所述的基于单页面架构实现多页面功能的方法，其特征在于，所述获取所述路由值对应的dom子结构包括：从预设数据字典中获取所述路由值对应的dom子结构，所述预设数据字典中存储若干路由值，每个路由值对应不同的dom子结构。3.如权利要求2所述的基于单页面架构实现多页面功能的方法，其特征在于所述dom子结构以文件的形式单独存储于服务器中。4.如权利要求2所述的基于单页面架构实现多页面功能的方法，其特征在于，所述方法还包括：所述路由值对应的dom子结构和所述当前视图对应的dom子结构在所述页面对应的dom结构中位置相同。5.如权利要求2所述的基于单页面架构实现多页面功能的方法，其特征在于，将所述当前视图对应的dom子结构存储在内存中包括：将所述当前视图对应的dom子结构转换为json格式的数据以获取若干内存节点；将所述若干内存节点存储于内存中。6.如权利要求2所述的基于单页面架构实现多页面功能的方法，其特征在于每...

【专利技术属性】
技术研发人员：陈林夕，
申请(专利权)人：平安银行股份有限公司，
类型：发明
国别省市：