[发明专利]一种页面切换的方法和相关设备

说明书

本申请实施例提供了一种页面切换的方法和相关设备，用于提高页面切换的便捷程度，方法包括：显示云平台的主应用页面和嵌套于主应用页面的子应用页面；确定被选中的第一子应用的第一菜单项，向主应用服务器发送页面切换请求，页面切换请求包括第一子应用标识和第一菜单项标识，以使得主应用服务器根据第一子应用标识向第一子应用服务器发送页面切换指令；接收第一子应用服务器发送的页面显示信息，在子应用页面显示第一子应用服务器根据页面切换指令确定的目标工作项。本申请实施例实现了便捷高效地选择和切换。

技术领域

本申请实施例涉及页面显示领域，具体涉及一种页面切换的方法和相关设备。

背景技术

微前端将微服务的概念用于浏览器端，得到在一个主应用程序中组装的多个子应用程序的前端应用程序。主应用程序以及每个子应用程序可以独立运行、独立开发、独立部署。

在很多商家中，都会有或多或少的历史应用项目，其中大部分都是基于旧框架的系统，在日常运营之间，这些系统需要结合到新框架中才能使用，但重写旧逻辑十分浪费时间和精力。微前端可以集成这些系统，同时兼容并行运行的新旧系统。

在具有多个子应用程序的情况下，现有技术的微前端的子应用程序在进行页面切换时，只能使用子应用程序下的目录切换到同一子应用程序的不同页面。当需要切换到不同子应用程序的特定页面时，需要先进入到不同子应用程序的页面，后使用该不同子应用程序页面下的目录切换到特定页面，操作繁琐。

发明内容

本申请实施例提供了一种页面切换的方法和相关设备，用于提高页面切换的便捷程度。

本申请实施例的第一方面提供了一种页面切换的方法，包括：

显示云平台的主应用页面和嵌套于主应用页面的子应用页面，其中，主应用页面具有子应用目录，子应用目录包括多个子应用和各个子应用下的若干菜单项，各个菜单项对应若干工作项；

确定被选中的第一子应用的第一菜单项，向主应用服务器发送页面切换请求，页面切换请求包括第一子应用标识和第一菜单项标识，以使得主应用服务器根据第一子应用标识向第一子应用服务器发送页面切换指令，页面切换指令包括第一菜单项标识；

接收第一子应用服务器发送的页面显示信息，在子应用页面显示第一子应用服务器根据页面切换指令确定的目标工作项。

本申请实施例中，在主应用页面中设置子应用目录，并在子应用目录中排列子应用和菜单项，各个菜单项对应若干工作项，使得用户能够在主应用页面选择进入各个子应用及其菜单项，以执行各个工作项。终端接收用户在主应用页面选择子应用和菜单项的信号，终端向主应用服务器发送页面切换请求，主应用服务器向子应用服务器发送页面切换指令，子应用服务器确定目标工作项。本申请实施例实现了便捷高效地选择和切换。

本申请实施例的第一方面的一种实现方式中，工作项具有对应的应用项目，向主应用服务器发送的页面切换请求包括第一子应用标识、第一菜单项标识和第一应用项目标识，向第一子应用服务器发送的页面切换指令包括第一菜单项标识和第一应用项目标识；

在子应用页面显示的目标工作项为与第一应用项目相关联的工作项。

本申请实施例中，使用应用项目对各个菜单项下的工作项进行划分，使得工作项具有了两个分类的维度，各个工作项具有应用项目维度和菜单项维度，多个工作项按照应用项目维度分为多个应用项目，多个工作项按照菜单项维度分为多个菜单项；设置多应用场景入口，选择需要使用的第一应用项目以进入多应用场景，在多应用场景下进行子应用页面切换时，通过主应用页面显示的子应用目录确定需要打开的第一菜单项，并在第一子应用服务器的控制下进行页面切换，在子应用页面显示第一菜单项和第一应用项目共同确定的目标工作项。

本申请实施例的第一方面的一种实现方式中，在主应用页面或子应用页面显示应用项目入口，在应用项目入口排列多个应用项目的应用项目标识，各个菜单项对应的工作项被划分至各个应用项目。