CN113961298B 一种页面切换方法、装置、设备及介质 （中国建设银行股份有限公司）.docxVIP

(19)国家知识产权局

(12)发明专利

(10)授权公告号CN113961298B(45)授权公告日2025.07.11

(21)申请号202111361274.X

(22)申请日2021.11.17

(65)同一申请的已公布的文献号申请公布号CN113961298A

(43)申请公布日2022.01.21

(73)专利权人中国建设银行股份有限公司

地址100033北京市西城区金融大街25号

(72)发明人王关胜陈波张泽峰

(74)专利代理机构北京同达信恒知识产权代理有限公司11291

专利代理师黄丽

(51)Int.CI.

GO6F9/451(2018.01)

GO6F9/445(2018.01)

GO6F16/957(2019.01)

GO6F16/958(2019.01)

(56)对比文件

CN110708368A,2020.01.17CN109241469A,2019.01.18

审查员王洁

权利要求书2页说明书8页附图2页

(54)发明名称

一种页面切换方法、装置、设备及介质

(57)摘要

CN113961298B本申请涉及资源调度技术领域，具体涉及一种页面切换方法、装置、设备及介质，用于解决如何在跨系统的页面切换时保持页面状态的问题。该方法应用于基于微前端的资源管理系统中，所述资源管理系统包括第一子系统和第二子系统，所述第一子系统和所述第二子系统对应不同的前端应用，所述方法包括：响应于在所述第一子系统的第一页面进行的第一访问操作，从所述第一页面切换至所述第二子系统的第二页面；其中，所述第一访问操作用于访问所述第二页面；加载预先缓存的所述第二子系统的vue实例，显示所述第二子系统的vue

CN113961298B

响应于在第一子系统的第一页面进行的第一访

问操作，从第一页面切换至第二子系统的第二

页面

加载预先缓存的第二子系统的vue实例，显示第二子系统的vue实例中的第二页面的页面数据

S210

S220

CN113961298B权利要求书1/2页

2

1.一种页面切换方法，其特征在于，所述方法应用于基于微前端的资源管理系统中，所述资源管理系统包括第一子系统和第二子系统，所述第一子系统和所述第二子系统对应不同的前端应用以及不同的vue实例，每个vue实例用于存放对应子系统的数据，所述方法包

括：

响应于在所述第一子系统的第一页面进行的第一访问操作，将所述第一子系统对应的vue实例进行缓存，并从所述第一页面切换至所述第二子系统的第二页面；其中，所述第一访问操作用于访问所述第二页面；

加载预先缓存的所述第二子系统的vue实例，显示所述第二子系统的vue实例中的所述第二页面的页面数据；

其中，所述将所述第一子系统对应的vue实例进行缓存，包括：

当确定待缓存的第一页面中不存在用户的输入数据时，则将已缓存的第一子系统对应的vue实例，作为缓存中已存在的第一子系统的vue缓存，作为本次缓存结果；

在响应于在所述第一子系统的第一页面进行的第一访问操作，从所述第一页面切换至所述第二子系统的第二页面之前，所述方法还包括：

响应于在所述第二页面进行的第二访问操作，保存所述第二子系统的vue实例，从所述第二页面切换至所述第一页面；其中，所述第二访问操作用于访问所述第一页面；所述第二子系统的vue实例中包括：所述第二子系统中各页面的页面数据，和/或，用户针对所述第二子系统触发的用户操作数据。

2.如权利要求1所述的方法，其特征在于，在响应于在所述第二页面进行的第二访问操作，保存所述第二子系统的vue实例之前，所述方法还包括：

响应于在所述第二页面进行的输入操作，获取用户操作数据；

将所述用户操作数据写入所述第二子系统的vue实例中。

3.如权利要求1或2所述的方法，其特征在于，在从所述第一页面切换至所述第二子系统的第二页面之前，所述方法还包括：

若不存在预先缓存的所述第一子系统的vue实例，则保存所述第一子系统当前的vue实例；或者，

若存在预先缓存的所述第一子系统的vue实例，则删除预先缓存的所述第一子系统的vue实例，保存所述第一子系统当前的vue实例。

4.一种页面切换装置，其特征在于，所述装置设置于基于微前端的资源管理系统中，所述资源管理系统包括第一子系统和第二子系统，所述第一子系统和所述第二子系统对应不同的前端应用以及不同的vue实例，每个vue实