CN114968460A - 一种页面切换的方法和相关设备 - Google Patents

Abstract

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

Description

一种页面切换的方法和相关设备

技术领域

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

背景技术

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

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

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

发明内容

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

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

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

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

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

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

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

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

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

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

本申请实施例中，提供了应用项目入口，应用项目入口可以适应单应用场景和多应用场景，实现了单应用场景和多应用场景的并行，提供了灵活的页面访问方式。

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

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

主应用服务器接收终端发送的页面切换请求，页面切换请求包括第一子应用标识和第一菜单项标识；

主应用服务器根据第一子应用标识向第一子应用服务器发送页面切换指令，页面切换指令包括第一菜单项标识；

第一子应用服务器接收主应用服务器发送页面切换指令；

第一子应用服务器根据页面切换指令确定目标工作项；

第一子应用服务器向终端发送包含目标工作项的页面显示信息，以使得终端在子应用页面显示目标工作项。

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

本申请实施例的第二方面的一种实现方式中，工作项具有对应的应用项目，页面切换请求包括第一子应用标识、第一菜单项标识和第一应用项目标识；

主应用服务器根据第一子应用标识向第一子应用服务器发送页面切换指令，具体包括：

主应用服务器获取页面切换请求与页面切换指令的对应关系，根据对应关系确定页面切换指令，发送页面切换指令至第一子应用服务器，页面切换指令包括第一菜单项标识和第一应用项目标识；

第一子应用服务器根据页面切换指令确定目标工作项，具体包括：

第一子应用服务器根据页面切换指令确定第一菜单项标识和第一应用项目标识；

第一子应用服务器根据第一应用项目标识和第一菜单项标识确定目标工作项。

本申请实施例中，建立页面切换请求与页面切换指令之间的对应关系，主应用服务器根据对应关系向子应用服务器发送页面切换指令，子应用服务器根据页面切换指令确定目标工作项，子应用服务器控制客户端进行页面切换，使得客户端的子应用页面显示目标工作项。通过“页面切换请求-页面切换指令”对应关系可以使多应场景下的页面路径与单应用场景下同一页面的路径完全不同，提高了路径灵活性。

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

本申请实施例中，使用应用项目对各个菜单项下的工作项进行划分，使得工作项具有了两个分类的维度，各个工作项具有应用项目维度和菜单项维度，多个工作项按照应用项目维度分为多个应用项目，多个工作项按照菜单项维度分为多个菜单项。

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

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

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

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

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

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

本申请实施例的第三方面的一种实现方式中，还包括：

入口单元，用于在主应用页面或子应用页面显示应用项目入口，在应用项目入口排列多个应用项目的应用项目标识，各个菜单项对应的工作项被划分至各个应用项目。

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

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

主应用接收单元，用于接收终端发送的页面切换请求，页面切换请求包括第一子应用标识和第一菜单项标识；

主应用发送单元，用于根据第一子应用标识向第一子应用服务器发送页面切换指令，页面切换指令包括第一菜单项标识；

第一子应用接收单元，用于接收主应用服务器发送页面切换指令；

第一子应用确定单元，用于根据页面切换指令确定目标工作项；

第一子应用发送单元，用于向终端发送包含目标工作项的页面显示信息，以使得终端在子应用页面显示目标工作项。

本申请实施例的第四方面的一种实现方式中，

工作项具有对应的应用项目，页面切换请求包括第一子应用标识、第一菜单项标识和第一应用项目标识；

主应用发送单元，具体用于获取页面切换请求与页面切换指令的对应关系，根据对应关系确定页面切换指令，发送页面切换指令至第一子应用服务器，页面切换指令包括第一菜单项标识和第一应用项目标识；

第一子应用确定单元，具体用于：

根据页面切换指令确定第一菜单项标识和第一应用项目标识；

根据第一应用项目标识和第一菜单项标识确定目标工作项。

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

本申请实施例的第五方面提供了一种计算机设备，包括：

中央处理器，存储器；

存储器为短暂存储存储器或持久存储存储器；

中央处理器配置为与存储器通信，并执行存储器中的指令操作以执行第一方面或第二方面的方法。

本申请实施例的第六方面提供了一种计算机可读存储介质，计算机可读存储介质包括指令，当指令在计算机上运行时，使得计算机执行第一方面或第二方面的方法。

本申请实施例的第七方面提供了一种包含指令的计算机程序产品，当计算机程序产品在计算机上运行时，使得计算机执行第一方面或第二方面的方法。

本申请实施例的第八方面提供了一种芯片系统，芯片系统包括至少一个处理器和通信接口，通信接口和至少一个处理器通过线路互联，至少一个处理器用于运行计算机程序或指令，以执行第一方面或第二方面的方法。

附图说明

图1是本申请实施例页面切换的方法的架构示意图；

图2至图6是本申请实施例页面切换的方法的多种流程示意图；

图7是本申请实施例页面切换的方法的效果示意图；

图8至图10是本申请实施例页面切换的系统的多种结构示意图；

图11是本申请实施例的计算机设备的结构示意图；

图12是现有技术页面切换的方法的效果示意图。

具体实施方式

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

本申请实施例可以由计算机设备实现，计算机设备可以包括终端以及服务器中的至少之一，其中，服务器可以是独立的物理服务器，也可以是多个物理服务器构成的服务器集群或者分布式系统，还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、CDN、以及大数据和人工智能平台等基础云计算服务的云服务器。终端可以是智能手机、平板电脑、笔记本电脑、台式计算机、智能音箱、智能手表等，但并不局限于此。终端以及服务器可以通过有线或无线通信方式进行直接或间接地连接，本申请实施例中不做限制。

如图12所示，现有的系统显示页面中，子应用程序在进行页面切换时，通过主应用激活对应子应用，并显示对应子应用页面，在子应用页面通过点击子应用内的菜单项进行页面切换，操作繁琐。

本申请实施例通过建立起主应用服务器与子应用服务器之间的通信，在菜单项被选中时，由主应用服务器通知相应子应用服务器进行页面切换，本申请实施例由子应用服务器进行路由切换以实现页面切换，适应了现有的技术架构，不需要对系统进行大的改造或重构，降低了开发成本和改造难度。如图1所示，本申请实施例提出的页面切换的系统的架构中，包括终端101和云平台102，云平台102包括主应用服务器104和多个子应用服务器103，终端101与主应用服务器104通信连接，各个子应用服务器103与终端101通信连接，各个子应用服务器103与主应用服务器104通信连接。终端101也可以称为客户端或用户。

此处对名词进行解释，页面切换的系统：指主应用与所有子应用构成的系统；主应用：指有部分业务功能，同时为整个系统提供一个页面框架(如目录)的应用；子应用：指每个具有独立业务功能的应用。

如图2所示，本申请实施例提供了一种页面切换的方法，具体包括步骤201至步骤203。

201、显示云平台的主应用页面和嵌套于主应用页面的子应用页面。

显示主应用页面和嵌套于主应用页面的子应用页面，其中，主应用页面包括系统的子应用目录，子应用目录排列多个子应用的子应用标识和各个子应用下的若干菜单项的菜单项标识，各个菜单项对应若干工作项。标识可以是名称或地址等。

202、确定被选中的第一子应用的第一菜单项，向主应用服务器发送页面切换请求。

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

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

接收第一子应用服务器发送的页面显示信息，在子应用页面显示第一子应用服务器根据第一应用项目标识和第一菜单项标识确定的目标工作项，页面显示信息中携带目标工作项。

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

如图3所示，本申请实施例提供了一种页面切换的方法，具体包括步骤301至步骤305。

301、主应用服务器接收终端发送的页面切换请求。

页面切换请求包括第一子应用标识和第一菜单项标识；

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

302、主应用服务器根据第一子应用标识向第一子应用服务器发送页面切换指令。

页面切换指令包括第一菜单项标识。主应用服务器先根据第一子应用标识确定第一子应用服务器，然后向第一子应用服务器发送页面切换指令。

303、第一子应用服务器接收主应用服务器发送页面切换指令；

304、第一子应用服务器根据页面切换指令确定目标工作项；

305、第一子应用服务器向终端发送包含目标工作项的页面显示信息。

第一子应用服务器向客户端发送携带有目标工作项的页面显示信息，以使得终端在子应用页面显示目标工作项。

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

如图4所示，本申请实施例提供了一种页面切换的方法，具体包括步骤401至步骤410。

401、显示主应用页面和子应用页面。

客户端显示主应用页面和子应用页面，子应用页面为嵌套在主应用页面的微前端页面，主应用页面由主应用服务器控制，子应用页面由多个子应用服务器控制。

402、显示子应用目录。

客户端在主应用页面显示系统的子应用目录，子应用目录包括多个子应用标识和各个子应用标识下的若干菜单项标识，各个菜单项对应若干工作项。

403、显示应用项目入口。

客户端在主应用页面显示应用项目入口，应用项目入口排列多个应用项目标识，各个菜单项对应的工作项被划分至多个应用项目。应用项目例如可以是财务云、人力资源云等。

404、确定第一子应用标识、第一菜单项标识和第一应用项目标识。

客户端确定被选中的第一子应用标识、第一菜单项标识和第一应用项目标识，向主应用服务器发送第一子应用标识、第一菜单项标识和第一应用项目标识，以使得主应用服务器根据第一子应用标识向第一子应用服务器发送第一菜单项标识和第一应用项目标识。

405、生成页面切换请求。

主应用服务器获取客户端输入的第一子应用标识、第一菜单项标识和第一应用项目标识，生成页面切换请求，页面切换请求包括子第一应用标识、第一菜单项标识和第一应用项目标识。页面切换请求也可以称为主应用路径。

406、确定页面切换指令。

主应用服务器获取页面切换请求与页面切换指令的对应关系，根据对应关系确定页面切换指令，根据第一子应用标识确定第一子应用服务器，

407、发送页面切换指令。页面切换指令也可以称为子应用路径。

主应用服务器发送页面切换指令至第一子应用服务器，页面切换指令包括第一菜单项标识和第一应用项目标识。

第一子应用服务器接收主应用服务器发送的页面切换指令，第一子应用服务器根据页面切换指令确定第一菜单项标识和第一应用项目标识。

408、确定目标工作项。

第一子应用服务器根据第一应用项目标识和第一菜单项标识确定目标工作项，各个菜单项对应若干工作项，各个菜单项对应的工作项被划分至多个应用项目。

409、发送目标工作项。

第一子应用服务器向客户端发送页面显示信息，使得子应用页面显示目标工作项。

410、显示目标工作项。

客户端接收第一子应用服务器发送的页面显示信息，在子应用页面显示第一子应用服务器根据第一应用项目标识和第一菜单项标识确定的目标工作项。

如图5所示，本申请实施例提供了一种页面切换的方法，应用项目入口可以适应单应用场景和多应用场景，对应的应用项目入口可以称为单应用场景入口和多应用场景入口，具体包括步骤501至步骤507。

501、显示单应用场景入口。

在主应用页面显示单应用场景入口，此处以两个子应用为例子，在主应用页面显示的单应用场景入口排列第一子应用标识和第二子应用标识。

502、在单应用场景选择子应用。

接收用户在单应用场景入口的选择并进入相应子应用，此处以用户选择第一子应用为例。在主应用页面嵌入子应用页面，在子应用页面显示第一子应用的详情，子应用页面显示的第一子应用的详情包括第一子应用目录。第一子应用目录显示第一子应用下的多个菜单项，此处以第一子应用下有两个菜单项为例子，在第一子应用目录显示第一应用下的第一菜单项和第二菜单项。

503、在单应用场景选择菜单项。

接收用户选择的菜单项并在子应用页面显示相应的菜单项详情，此处以用户选择第一菜单项为例。在子应用页面显示第一子应用的第一菜单项详情。第一菜单项详情包括多个应用项目，此处以第一菜单项下有两个应用项目为例，第一菜单项包括第一工作项和第二工作项。若干应用项目可以组成应用项目组。同一应用项目的不同工作项可以是同一菜单项下的，也可以是同一子应用的不同菜单项下的，还可以是不同子应用的不同菜单项下的。一个工作项只能被分进一个应用项目，也就是说一个工作项不能同时属于两个应用项目。

需要说明的是步骤501至步骤503为可选步骤，可以不执行。步骤501至步骤503为通过单应用场景访问数据的步骤。实现了兼容单应用场景和多应用场景。

504、显示多应用场景入口。

接收用户点击多应用场景入口的信息，并进入多应用混合切换展示模式。进入多应用场景的方式有多种，以下举两个例子：

第一种：在主应用页面显示多个子应用的入口，在主应用页面显示“应用项目管理”子应用入口，接收用户选中“应用项目管理”子应用的信号，在子应用页面显示“应用项目管理”的详情；第二种：在主应用页面打开控制台，选择控制台上的“应用项目管理”子应用并在子应用页面显示“应用项目管理”的详情。在应用项目管理的详情中，展示一个或多个应用项目组下的应用项目。接收用户在“应用项目管理”中选择的应用项目并在子应用页面显示相应的应用项目的详情。例如，应用项目管理子应用的详情中展示“第一应用项目”和“第二应用项目”的标题。

505、在多应用场景选择应用项目。

确定用户在应用项目管理中选择的应用项目，并在子应用页面显示被选择的应用项目的详情，在主应用页面显示主应用页面目录，主应用页面目录包括子应用的标题及子应用下菜单项的标题。确定用户选择的子应用下的菜单项，生成页面切换请求。页面切换请求包括子应用英文标识标识、菜单项地址和应用项目组编号，应用项目编号。此处以用户在应用项目管理中选择第一应用项目为例进行说明，确定第一应用项目被选择后，在主应用页面显示的主应用页面目录包括“第一子应用”及其下的“第一菜单项”“第二菜单项”，同时主应用页面目录还包括“第二子应用”及其下的“第三菜单项”“第四菜单项”。接收用户在主应用页面目录中选择的菜单项，此处以选择“第一菜单项”为例进行说明。确定选择第一菜单项后，生成页面切换请求，页面切换请求为“第一应用项目组的编号/第一应用项目的编号/第一子应用的英文标识/第一菜单项的地址”。

如下表所示，第一子应用包括第一菜单项和第二菜单项，第一菜单项包括第一工作项和第二工作项，第二菜单项包括第三工作项和第四工作项，其中第一工作项、第三工作项和第四工作项属于第一应用项目，第二工作项属于第二应用项目；第二子应用包括第三菜单项和第四菜单项，第三菜单项包括第五工作项和第六工作项，第四菜单项包括第七工作项和第八工作项，其中第八工作项属于第一应用项目，第五工作项、第六工作项和第七工作项属于第二应用项目。第一应用项目和第二应用项目均属于第一应用项目组，此外还有第二应用项目组，第二应用项目组下的应用项目不作展开说明。

需要说明的是，工作项可以是模板、任务、表格等。

506、生成页面切换请求和页面切换指令。

在多应用模式下，隐藏子应用页面中的子应用目录，在主应用页面中显示系统的子应用目录，在主应用页面还可以显示当前子应用页面中的应用项目所在的应用项目组标识。当前子应用页面中的应用项目是进入多应用混合切换展示模式前，用户选择的应用项目，延续上文中的例子即第一工作项。子应用目录下的菜单项使用页面切换请求，子应用目录下的菜单项使用页面切换指令，主应用存储有页面切换请求与页面切换指令的对应关系，对应关系可以以关系表或文本等方式存储。页面切换请求包括子应用英文标识标识、菜单项地址和应用项目组编号，应用项目编号；页面切换指令包括菜单项地址和应用项目编号。例如，页面切换请求为“第一应用项目组的编号/第一应用项目的编号/第一子应用的英文标识/第一菜单项的地址”，则第一子应用确定页面切换指令为“第一菜单项的地址”。

子应用目录可以是多级目录或单级目录，单级目录显示各个子应用的菜单项；多级目录的第一级目录显示各个子应用，第二级显示子应用下的各个菜单项。此处以多级目录为例。子应用目录是为了让用户能够从全局维度看当前子应用页面中工作项所处的位置，且通过子应用目录进行页面切换时，能只显示第一应用项目相关的数据。

接收用户点击子应用目录下的菜单项的信息。主应用服务器解析被点击的菜单项的页面切换请求，根据主应用服务器内存储的页面切换请求与页面切换指令的对应关系，获取对应的页面切换指令。主应用服务器根据页面切换指令通知对应的子应用服务器，具体通知的方式可以是主应用服务器通过查询对应关系获取子应用服务器要切换的路径，然后通过window.postMessage()方法与对应的子应用服务器进行通信，通知子应用服务器切换页面。也就是说，主应用服务器不直接提供菜单项对应的内容，而是通知子应用服务器提供菜单项对应的内容。

以用户点击子应用目录下的第二子应用的第四菜单项为例，主应用服务器解析第四菜单项的页面切换请求为“第一应用项目组的编号/第一应用项目的编号/第二子应用的英文标识/第四菜单项的地址”，得到的子应用地址为第二子应用，菜单项地址为第四菜单项，应用项目组编号为第一应用项目组，应用项目编号为第一应用项目。根据页面切换请求与页面切换指令的对应关系，确定对应的页面切换指令中菜单项地址为第四菜单项。主应用服务器与第二子应用服务器通信，主应用服务器向第二子应用服务器发送指令，指令中包括页面切换指令，令子应用服务器根据页面切换指令进行路由切换，以实现子应用页面的页面切换。

具体的指令可以包括第一指令和第二指令，第一指令中包括菜单项地址，第二指令中包括应用项目编号。第一指令和第二指令可以打包共同发送或分开先后发送。

507、子应用页面进行页面切换。

接收到主应用服务器的第一指令和第二指令后，子应用服务器根据第一指令中的菜单项地址切换页面，并根据第二指令中的应用项目编号筛选菜单项中的工作项，将属于第二指令中应用项目编号的工作项显示在子应用页面中，将不属于第二指令中应用项目编号的工作项隐藏。例如，第二子应用服务器接收到主应用服务器的第一指令后，第二子应用服务器根据第一指令将子应用页面切换显示第四菜单项，并根据第二指令将属于第一应用项目的第八工作项显示在子应用页面中，将不属于第一应用项目的第七工作项隐藏。

需要说明的是，主应用服务器以及各个子应用服务器可以分别运行在不同的服务器等装置中。

如图6所示，本申请实施例提供了一种页面切换的方法。在“单一应用”的单应用场景的基础上对系统进行优化，使其适应“多应用”的多应用场景。在主应用页面选择进入是多应用场景还是单应用场景，针对不同场景，进行不同处理。

对于单应用场景，采用现有技术实现。

对于多应用场景，建立主应用服务器与子应用服务器的通信，实现点击子应用目录，切换子应用页面功能，具体实现过程如下：

首先，在主应用服务器中建立“页面切换请求-页面切换指令”的对应关系，页面切换请求与页面切换指令一一对应。对应关系可以以表格形式存储在主应用服务器。当点击子应用目录时，主应用服务器通过查询该对应关系获取子应用服务器要切换的页面切换指令，然后主应用服务器通过window.postMessage()方法与对应的子应用服务器进行通信，通知子应用服务器切换页面。子应用服务器收到消息后，执行路由切换操作，实现页面切换，同时隐藏子应用目录。

需要说明的是，第一子应用也可以称为子应用A；第一子应用入口也可以称为子应用A入口；第一菜单项也可以称为菜单一；多应用场景入口也可以称为多应用入口或多应用混合切换展示入口；主应用页面也可以称为系统页面或主页面；子应用页面也可以称为子页面。

如图7所示，作为本发明的一个实施例，系统可以包括主应用页面701和子应用页面702。主应用页面701中显示的子应用目录703包括第一子应用入口和第二子应用入口。子应用目录703还包括：第一子应用下一级的第一菜单项入口和第二菜单项入口，以及第二子应用下一级的第三菜单项入口和第四菜单项入口。当然本发明子应用目录可以根据实际场景设置更多的子应用入口和菜单项。

接收第一子应用入口被点击的信号，子应用页面702显示第一子应用。第一子应用包括第一菜单项和第二菜单项。

接收第一菜单项入口被点击的信号，子应用页面702显示第一子应用的第一菜单项。第一菜单项包括第一工作项和第二工作项。

多应用场景入口可以有两个，一个在应用项目管理子应用中；一个在主应用，点击这两个入口达到的效果相同。

进入多应用场景后，例如选择第二应用项目，主应用页面打开一个浏览器标签页面，从第二应用项目的维度，展示各个子应用。

可以通过设置在主应用页面头部的子应用目录进行应用项目切换，例如从第二应用项目切换为第一应用项目。

可以通过点击主应用页面左侧的子应用目录切换不同子应用。

如图8所示，本申请实施例提供了一种页面切换的系统，包括：

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

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

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

如图9所示，本申请实施例提供了一种页面切换的系统，包括：

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

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

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

入口单元904，用于在主应用页面或子应用页面显示应用项目入口，在应用项目入口排列多个应用项目的应用项目标识，各个菜单项对应的工作项被划分至各个应用项目。

工作项具有对应的应用项目，向主应用服务器发送的页面切换请求包括第一子应用标识、第一菜单项标识和第一应用项目标识，向第一子应用服务器发送的页面切换指令包括第一菜单项标识和第一应用项目标识；

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

如图10所示，本申请实施例提供了一种页面切换的系统，包括：

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

主应用接收单元1001，用于接收终端发送的页面切换请求，页面切换请求包括第一子应用标识和第一菜单项标识；

主应用发送单元1002，用于根据第一子应用标识向第一子应用服务器发送页面切换指令，页面切换指令包括第一菜单项标识；

第一子应用接收单元1003，用于接收主应用服务器发送页面切换指令；

第一子应用确定单元1004，用于根据页面切换指令确定目标工作项；

第一子应用发送单元1005，用于向终端发送包含目标工作项的页面显示信息，以使得终端在子应用页面显示目标工作项。

如图10所示，本申请实施例还提供了一种页面切换的系统，包括：

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

主应用接收单元1001，用于接收终端发送的页面切换请求，页面切换请求包括第一子应用标识和第一菜单项标识；

主应用发送单元1002，用于根据第一子应用标识向第一子应用服务器发送页面切换指令，页面切换指令包括第一菜单项标识；

第一子应用接收单元1003，用于接收主应用服务器发送页面切换指令；

第一子应用确定单元1004，用于根据页面切换指令确定目标工作项；

第一子应用发送单元1005，用于向终端发送包含目标工作项的页面显示信息，以使得终端在子应用页面显示目标工作项。

工作项具有对应的应用项目，页面切换请求包括第一子应用标识、第一菜单项标识和第一应用项目标识；

主应用发送单元1002，具体用于获取页面切换请求与页面切换指令的对应关系，根据对应关系确定页面切换指令，发送页面切换指令至第一子应用服务器，页面切换指令包括第一菜单项标识和第一应用项目标识；

第一子应用确定单元1004，具体用于：

根据页面切换指令确定第一菜单项标识和第一应用项目标识；

根据第一应用项目标识和第一菜单项标识确定目标工作项。

主应用服务器或子应用服务器控制主应用页面或子应用页面，显示应用项目入口，在应用项目入口排列多个应用项目的应用项目标识，各个菜单项对应的工作项被划分至多个应用项目。

如图11所示，本申请实施例还提供了一种计算机设备1100，包括：

中央处理器1101，存储器1102；

存储器1102为短暂存储存储器或持久存储存储器；

中央处理器1101配置为与存储器1102通信，并执行存储器1102中的指令操作以执行如图1至图7所示实施例中的方法。

本申请实施例还提供了一种计算机可读存储介质，计算机可读存储介质包括指令，当指令在计算机上运行时，使得计算机执行如图1至图7所示实施例中的方法。

本申请实施例还提供了一种包含指令的计算机程序产品，当计算机程序产品在计算机上运行时，使得计算机执行如图1至图7所示实施例中的方法。

本申请实施例还提供了一种芯片系统，芯片系统包括至少一个处理器和通信接口，通信接口和至少一个处理器通过线路互联，至少一个处理器用于运行计算机程序或指令，以执行如图1至图7所示实施例中的方法。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统，装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”、“第三”、“第四”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的实施例能够以除了在这里图示或描述的内容以外的顺序实施。

在本申请所提供的几个实施例中，应该理解到，所揭露的系统，装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，read-onlymemory)、随机存取存储器(RAM，random access memory)、磁碟或者光盘等各种可以存储程序代码的介质。

Claims (10)

1.一种页面切换的方法，其特征在于，包括：

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

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

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

2.根据权利要求1所述的页面切换的方法，其特征在于，所述工作项具有对应的应用项目，所述向所述主应用服务器发送的页面切换请求包括所述第一子应用标识、所述第一菜单项标识和第一应用项目标识，所述向所述第一子应用服务器发送的所述页面切换指令包括所述第一菜单项标识和所述第一应用项目标识；

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

3.根据权利要求2所述的页面切换的方法，其特征在于，还包括

在所述主应用页面或所述子应用页面显示所述应用项目入口，在所述应用项目入口排列多个所述应用项目的应用项目标识，各个所述菜单项对应的所述工作项被划分至各个所述应用项目。

4.一种页面切换的方法，其特征在于，包括：

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

主应用服务器接收终端发送的页面切换请求，所述页面切换请求包括第一子应用标识和第一菜单项标识；

主应用服务器根据所述第一子应用标识向第一子应用服务器发送页面切换指令，所述页面切换指令包括第一菜单项标识；

第一子应用服务器接收主应用服务器发送页面切换指令；

所述第一子应用服务器根据所述页面切换指令确定目标工作项；

所述第一子应用服务器向终端发送包含目标工作项的页面显示信息，以使得终端在所述子应用页面显示所述目标工作项。

5.根据权利要求4所述的页面切换的方法，其特征在于，

所述工作项具有对应的所述应用项目，所述页面切换请求包括所述第一子应用标识、所述第一菜单项标识和第一应用项目标识；

所述主应用服务器根据所述第一子应用标识向第一子应用服务器发送页面切换指令，具体包括：

所述主应用服务器获取所述页面切换请求与所述页面切换指令的对应关系，根据所述对应关系确定所述页面切换指令，发送所述页面切换指令至所述第一子应用服务器，所述页面切换指令包括所述第一菜单项标识和所述第一应用项目标识；

所述第一子应用服务器根据所述页面切换指令确定目标工作项，具体包括：

所述第一子应用服务器根据所述页面切换指令确定所述第一菜单项标识和所述第一应用项目标识；

所述第一子应用服务器根据所述第一应用项目标识和所述第一菜单项标识确定所述目标工作项。

6.根据权利要求5所述的页面切换的方法，其特征在于，

所述主应用服务器或所述子应用服务器控制所述主应用页面或所述子应用页面，显示应用项目入口，在所述应用项目入口排列多个所述应用项目的应用项目标识，各个所述菜单项对应的所述工作项被划分至多个所述应用项目。

7.一种页面切换的系统，其特征在于，包括：

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

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

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

8.一种页面切换的系统，其特征在于，包括：

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

主应用接收单元，用于接收终端发送的页面切换请求，所述页面切换请求包括第一子应用标识和第一菜单项标识；

主应用发送单元，用于根据所述第一子应用标识向第一子应用服务器发送页面切换指令，所述页面切换指令包括第一菜单项标识；

第一子应用接收单元，用于接收主应用服务器发送页面切换指令；

第一子应用确定单元，用于根据所述页面切换指令确定目标工作项；

第一子应用发送单元，用于向终端发送包含目标工作项的页面显示信息，以使得终端在所述子应用页面显示所述目标工作项。

9.一种计算机设备，其特征在于，包括：

中央处理器，存储器；

所述存储器为短暂存储存储器或持久存储存储器；

所述中央处理器配置为与所述存储器通信，并执行所述存储器中的指令操作以执行权利要求1至6中任意一项所述的方法。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质包括指令，当所述指令在计算机上运行时，使得计算机执行如权利要求1至6中任意一项所述的方法。

Images