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

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

【技术实现步骤摘要】
一种页面切换方法、装置、设备及介质


[0001]本申请涉及资源调度
，尤其涉及网页应用领域，具体涉及一种页面切换方法、装置、设备及介质。

技术介绍

[0002]在网页(web)应用领域，用户经常会在多个页面之间来回切换，keep
‑
alive(保持状态)是Vue内置的一个组件，当用户在一个系统内部切换页面时，可以通过keep
‑
alive保持页面状态，例如从A页面切换到B页面，再从B页面切换回A页面时，仍然保留A页面的数据。
[0003]然而在基于微前端的资源管理系统中，将web应用由单一的单体应用转变为多个小型前端应用聚合为一的应用，每个前端应用就是一个子系统，会存在两个子系统的页面之间互相跳转的业务需求。由于不同子系统的vue实例不同，keep
‑
alive无法在跨系统的页面切换时保持页面状态。

技术实现思路

[0004]本申请实施例提供一种页面切换方法、装置、设备及介质，用于解决如何在跨系统的页面切换时保持页面状态的问题。
[0005]第一方面，本本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面切换方法，其特征在于，所述方法应用于基于微前端的资源管理系统中，所述资源管理系统包括第一子系统和第二子系统，所述第一子系统和所述第二子系统对应不同的前端应用，所述方法包括：响应于在所述第一子系统的第一页面进行的第一访问操作，从所述第一页面切换至所述第二子系统的第二页面；其中，所述第一访问操作用于访问所述第二页面；加载预先缓存的所述第二子系统的vue实例，显示所述第二子系统的vue实例中的所述第二页面的页面数据。2.如权利要求1所述的方法，其特征在于，在响应于在所述第一子系统的第一页面进行的第一访问操作，从所述第一页面切换至所述第二子系统的第二页面之前，所述方法还包括：响应于在所述第二页面进行的第二访问操作，保存所述第二子系统的vue实例，从所述第二页面切换至所述第一页面；其中，所述第二访问操作用于访问所述第一页面。3.如权利要求2所述的方法，其特征在于，在响应于在所述第二页面进行的第二访问操作，保存所述第二子系统的vue实例之前，所述方法还包括：响应于在所述第二页面进行的输入操作，获取用户操作数据；将所述用户操作数据写入所述第二子系统的vue实例中。4.如权利要求1
‑
3任一项所述的方法，其特征在于，在从所述第一页面切换至所述第二子系统的第二页面之前，所述方法还包括：若不存在预先缓存的所述第一子系统的vue实例，则保存所述第一子系统当前的vue实例；或者，若存在预先缓存的所述第一子系统的vue实例，则删除预先缓存的所述第一子系统的vue实例，保存所述第一子系统当前的vue实例。5.一种页面切换装置，其特征在于，所述装置设置于基于微前端的资源管理系统中，所述资源管理系统包括第一子系统和第二子系统，所述第一子系统和所述第二子系统对应不同的前端应用，所述装置包括：切换单元，用于响应于在所述第一子系统的第一页面进行的第一访问操作，从所述第一页面切换至所述第二子系统的第二页面；其中，所述第一访问操作用于访问所述第二页面；加载显示单元，用于加载预先缓存的所...

【专利技术属性】
技术研发人员：王关胜，陈波，张泽峰，
申请(专利权)人：中国建设银行股份有限公司，
类型：发明
国别省市：