CN114153354A - 菜单显示方法和电子设备 - Google Patents

Abstract

本申请提供一种菜单显示方法和电子设备，方法包括：显示第一界面，所述第一界面包括第一控件和第一菜单；检测到针对于所述第一控件的第一选择操作；响应于所述第一选择操作，显示第二界面，所述第二界面包括第一用户在第一系统中对应的菜单项；检测到针对于所述菜单项的第二选择操作；响应于所述第二选择操作，将所述第一界面包括的所述第一菜单更新为第二菜单，得到第三界面；所述第二菜单包括所述第二选择操作指示的菜单项；显示所述第三界面。本申请能够实现系统中菜单的动态配置，降低系统中菜单的修改难度。

Description

菜单显示方法和电子设备

技术领域

本申请涉及智能终端技术领域，特别涉及一种菜单显示方法和电子设备。

背景技术

对于一个系统而言，其菜单一般是固定的。如果需要修改系统中的菜单，只能由系统开发者在系统的代码中修改菜单对应的代码并发布新版本的系统，系统开发者的维护和开发工作量都比较大。

发明内容

本申请提供了一种菜单显示方法和电子设备，能够实现系统中菜单的动态配置，降低系统中菜单的修改难度。

第一方面，本申请实施例提供一种菜单显示方法，应用于电子设备，方法包括：显示第一界面，第一界面包括第一控件和第一菜单；检测到针对于第一控件的第一选择操作；响应于第一选择操作，显示第二界面，第二界面包括第一用户在第一系统中对应的菜单项；检测到针对于菜单项的第二选择操作；响应于第二选择操作，将第一界面包括的第一菜单更新为第二菜单，得到第三界面；第二菜单包括第二选择操作指示的菜单项；显示第三界面。该方法实现了第一界面中菜单的动态配置，降低用户修改第一系统中菜单的难度。

在一种可能的实现方式中，第一界面还包括第二控件；方法还包括：检测到针对于第二控件的第三选择操作；响应于第三选择操作，显示第四界面，第四界面包括第一用户在第一系统中对应的菜单项；检测到针对于菜单项的编辑操作；响应于编辑操作，将编辑操作编辑后的菜单项发送给第一服务器，第一服务器用于根据编辑后的菜单项更新第一用户在第一系统中对应的菜单项。

在一种可能的实现方式中，将编辑操作编辑后的菜单项发送给第一服务器之后，还包括：接收第一服务器发送的菜单项，第一服务器发送的菜单项是第一用户对应的菜单项中向第一用户显示的菜单项；第一服务器在根据编辑后的菜单项更新第一用户在第一系统中对应的菜单项后发送菜单项；将第一界面包括的第一菜单更新为第三菜单，得到第五界面；第三菜单包括第一服务器发送的菜单项；显示第五界面。

在一种可能的实现方式中，第一界面还包括第三控件；方法还包括：检测到针对于第三控件的第四选择操作；响应于第四选择操作，显示第六界面，第六界面包括第二系统对应的第四控件；检测到针对于第四控件的第五选择操作；响应于第五选择操作，显示第七界面，第七界面包括第二系统的菜单项；检测到针对于第二系统的菜单项的第六选择操作；响应于第六选择操作，将第六选择操作指示的菜单项发送至第一服务器，第一服务器用于根据第六选择操作指示的菜单项更新第一用户在第一系统中对应的菜单项。

在一种可能的实现方式中，显示第二界面，包括：向第一服务器发送第一请求消息，第一请求消息包括第一用户的用户ID；接收第一服务器响应于第一请求消息发送的菜单项，第一服务器发送的菜单项是用户ID对应的菜单项；根据接收到的菜单项显示第二界面。

在一种可能的实现方式中，将第一界面包括的若干个菜单项更新为第二选择操作指示的菜单项，得到第三界面，包括：向第一服务器发送第一信息，第一信息包括第二选择操作指示的菜单项和第一用户的用户ID；接收第一服务器发送的菜单项，第一服务器发送的菜单项是用户ID对应的菜单项；第一服务器在根据第一信息更新第一服务器中存储的菜单项后发送菜单项。

在一种可能的实现方式中，显示第六界面，包括：向第一服务器发送第一请求消息；接收第一服务器响应于第一请求消息发送的第二信息，第二信息包括：第二系统的信息；根据第二信息显示第六界面。

在一种可能的实现方式中，显示第七界面包括：向第一服务器发送第二请求消息，第二请求消息包括第二系统的系统ID；接收第一服务器发送的第二系统的菜单项，第二系统的菜单项由第一服务器从本地查询到或者从第二服务器获取，第二服务器是第二系统的服务器；根据第二系统的菜单项显示第七界面。

在一种可能的实现方式中，第一用户在第一系统中对应的菜单项由第一服务器通过数据表的方式存储，第一服务器是第一系统的服务器。

第二方面，本申请实施例提供一种电子设备，包括：处理器和存储器；存储器用于存储计算机程序，当处理器执行计算机程序时，使得电子设备执行第一方面任一项的方法。

第三方法，本申请实施例提供一种计算机可读存储介质，计算机可读存储介质中存储有计算机程序，当其在计算机上运行时，使得计算机执行权利要求1至9任一项的方法。

第四方面，本申请提供一种计算机程序，当计算机程序被计算机执行时，用于执行第一方面的方法。

在一种可能的设计中，第四方面中的程序可以全部或者部分存储在与处理器封装在一起的存储介质上，也可以部分或者全部存储在不与处理器封装在一起的存储器上。

附图说明

为了更清楚地说明本发明实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它的附图。

图1A~图1G为本申请菜单显示方法的UI界面示意图；

图2为本申请菜单显示方法适用的一种系统架构示意图；

图3A为本申请菜单显示方法一个实施例的流程示意图；

图3B为本申请菜单显示方法另一个实施例的流程示意图；

图4为本申请菜单显示方法第三个实施例的流程示意图；

图5为本申请菜单显示方法第四个实施例的流程示意图；

图6为本申请菜单显示方法第五个实施例的流程示意图；

图7A为本申请提供的未调用本申请动态菜单显示组件时第三系统的客户端界面示意图；

图7B为本申请提供的调用本申请动态菜单显示组件时第三系统的客户端界面示意图；

图8为本申请提供的第三系统的客户端与动态菜单显示组件之间的交互流程示意图；

图9为本申请提供的浏览器与动态菜单显示组件之间的交互流程示意图。

具体实施方式

本申请的实施方式部分使用的术语仅用于对本申请的具体实施例进行解释，而非旨在限定本申请。

现有的实现方案中，如果需要修改系统中的菜单，只能由系统开发者在系统的代码中修改菜单对应的代码并发布新版本的系统，系统开发者的维护和开发工作量都比较大。

为此，本申请提供了一种菜单显示方法，能够实现系统中菜单的动态配置，降低系统开发者和系统用户对系统中菜单的修改难度。

本申请所称之菜单，是将应用中可以执行的命令以阶层的方式显示出来的一个界面。一般置于应用界面的最上方或者最下方。一个菜单可以包括若干个菜单项，每个菜单项是应用中一个功能的功能入口，用户点击菜单项，可以触发菜单项对应的功能。菜单中包括的菜单项一般构成树形结构，菜单项之间可以具有层级，直接向用户显示的菜单项可以称为根菜单项或者一级菜单项。

图1A~图1G为本申请菜单显示方法的用户界面（user interface，UI）界面示意图。

用户打开第一系统的客户端，该客户端可以是安装于电子设备中以应用方式存在的客户端，也可以是从浏览器中使用网址打开的网页方式存在的客户端。用户使用账号成功登录客户端，假设账号的用户名称是用户1，则，客户端为用户显示例如图1A中界面10所示的客户端界面，界面10中包括菜单，该菜单包括菜单项1~菜单项2共2个根菜单项为例。在实际应用中，客户端界面中显示的菜单可以是单级菜单、多级菜单、或者混合菜单等等，例如图1A的界面10中以混合菜单为例。

界面10中还包括已配置菜单项查询控件101、菜单项配置控件102和菜单项编辑控件103。

如果用户希望查看用户1对应的菜单项中可以在客户端界面显示的菜单项，那么，用户可以点击图1A所示界面10中的已配置菜单项查询控件101；相应的，客户端向用户显示例如图1B中界面11所示的已配置菜单项显示界面，界面11中显示有用户1的客户端界面中可以显示的菜单项的信息。本申请实施例中，以用户1对应的菜单项是用户1具有编辑权限的菜单项为例，则界面11中显示的菜单项是用户1对应的菜单项中字段“是否展示”为“是”的菜单项的信息。需要说明的是，在实际应用中，用户还可以进一步根据项目ID等菜单项的字段，对菜单项进行分类查询，比如根据项目ID筛选出用户1在一个项目的界面中可以显示的菜单项，该筛选可以由客户端完成，也可以由第一系统的服务器完成（以下称为第一服务器），本申请实施例不作限定。

如果用户希望对用户1的客户端界面中显示的菜单项进行编辑，例如增加菜单项、删除菜单项，那么，用户可以点击图1A所示界面10中的菜单项配置控件102；相应的，客户端向用户显示例如图1C中界面12所示的菜单项配置界面，界面12中显示有用户1对应的所有菜单项的信息，并且，为每个菜单项提供对应的选择控件121，用户可以通过勾选选择控件121，来选择希望在用户1的客户端界面中显示的菜单项，完成菜单项配置，之后，用户选择保存控件122，则第一系统可以依照界面12中用户勾选的控件121对应的菜单项，刷新用户1的客户端界面，客户端界面的菜单按照界面12中用户选择的菜单项进行更新。例如图1C的界面12中用户选择了菜单项1、菜单项2、菜单项2a~菜单项2d，从而图1A中界面10所示的客户端界面将被刷新为图1D中界面13所示的客户端界面，界面13相对于界面10增加了菜单项2c和菜单项2d。

如果用户希望对用户1对应的菜单项进行编辑，例如添加菜单项、修改菜单项、或者删除菜单项，那么，用户可以点击图1A所示界面10中的菜单项编辑控件103；相应的，客户端为用户显示例如图1E中界面14所示的菜单项编辑界面。界面14中显示用户1对应的菜单项的信息，用户可以在界面14中对菜单项执行添加菜单项、删除菜单项、修改菜单项等针对于菜单项的编辑操作。用户编辑完成后，可以点击界面14中的保存控件142，相应的，客户端可以检测到用户的编辑完成操作，从而可以系统可以根据界面14中被编辑后的菜单项更新第一服务器中存储的用户1对应的菜单项。由于用户在界面14中可以对菜单项的“是否展示”字段进行编辑、新增菜单项或者删除菜单项，则用户1对应的菜单项中可以在用户1的客户端界面中显示的菜单项可能发生变化，因此，可以在上述编辑完成后，刷新用户1的客户端界面，从而使得客户端界面中显示的菜单与用户的配置一致，提升用户体验。

可选地，用户还可以向第一系统中导入第一系统之外的其他系统的菜单项。例如图1E所示的界面14中包括导入控件141。用户点击导入控件141，相应的，客户端显示例如图1F中界面15所示的系统选择界面，界面15中包括用户1可导入菜单项的其他系统对应的控件，以包括系统1~系统5对应的控件为例，用户选择一个系统对应的控件（例如系统1对应的控件），则客户端为用户显示例如图1G中界面16所示的菜单项显示界面，界面16中显示用户1可以从系统1导入的菜单项的信息，用户可以在界面16中选择需要从系统1导入的菜单项，选择完毕后，用户可以点击确定控件161，相应的，客户端可以检测到用户的菜单项选择结束操作，第一系统可以根据界面16中用户选择的菜单项更新第一服务器中存储的用户1对应的菜单项，从而实现系统1的菜单项导入到第一系统。之后，用户如果打开图1E所示的菜单项编辑界面，那么可以查看到从系统1导入的菜单项。例如，图1E所示的界面14中显示有用户已经从系统2导入的菜单项4和菜单项4a。

需要说明的是，以上UI界面中以用户1在第一系统中具有上述编辑在客户端界面中显示的菜单项、编辑用户1对应的菜单项、从其他系统导入菜单项等权限为例，在实际应用中，第一系统可以为不同的用户设置不同的操作权限，从而使得各个用户具有比上述用户1更多或者更少的操作权限，本申请实施例不作限定。

图2是本申请菜单显示方法适用的一种系统架构示意图。如图2所示，包括：电子设备21、第一服务器22以及第二服务器23，其中，

电子设备21中可以运行客户端。客户端是第一系统的客户端。客户端可以是安装于电子设备21中以应用方式存在的客户端，也可以是用户在浏览器中打开的以网页形式存在的客户端，本申请实施例不作限定。电子设备21可以是个人计算机（PC）、平板电脑（PAD）、手机等可以安装客户端应用或者浏览器的电子设备。

第一服务器22是第一系统对应的服务器，用于支持第一系统的运行。

第二服务器23是第一系统之外的第二系统对应的服务器，用于支持第二系统的运行。第二系统例如可以是上述的系统1。

电子设备21与第一服务器22之间、第一服务器22与第二服务器23之间可以分别通过网络连接，实现通信。电子设备22与第一服务器22之间、第一服务器22与第二服务器23之间进行通信的具体实现方法本申请实施例不作限定。

上述第一服务器22中可以存储有第一系统中每个用户可以处理（例如查询和/或编辑等）的菜单项。上述菜单项可以通过数据表的方式存储。

需要说明的是，不同用户由于权限、配置等的不同，对应的菜单项可以相同或者不同，本申请实施例不作限定。举例来说，管理员用户和普通用户相比，管理员用户一般相对普通用户具有更高的权限，可以对应更多的菜单项，也即对更多的菜单项具有查询、编辑等处理权限。

需要说明的是，每个用户对应的菜单项除了可以按照上述说明中划分为在客户端界面中显示和不在客户端界面中显示，还可以进一步通过其他标准进行划分或者分类。例如，用户在使用用户1的账号登录第一系统后，用户1对应的菜单项例如包括：菜单项1~菜单项n，但是，用户可以配置其中的菜单项1~m（m小于等于n）在客户端界面中显示（对应图1A~图1F中用户1的客户端界面中可以显示的菜单项），配置菜单项1~菜单项n中的其他菜单项不在客户端界面中显示；另外，对于用户1对应的菜单项还可以根据项目进行划分，从而用户可以按照项目查看用户1对应的菜单项以及可以在客户端界面中显示的菜单项等。

在本申请实施例中以第一服务器22中通过数据表来记录第一系统中各个用户对应的菜单项为例。例如，第一服务器22中可以包括项目信息基础表、菜单信息配置表、业务权限关系表、菜单组合关系表、系统表等数据表，从而多个数据表联合记录第一系统中每个用户对应的菜单项。

表1是项目信息基础表的示例，用于记录项目信息。表1中可以包括项目ID（project ID）、项目名称（projectName）、项目类型（type）、项目创建时间（createTime）、创建人（creator）、项目描述（description）、开启状态（isClosed）等字段。

表1

表2是菜单信息配置表的示例，用于记录菜单信息。表2中可以包括：菜单ID、菜单 名称（name）、父菜单（parentID）、项目ID（project ID）、菜单类型（type）、菜单层级 （level）、请求路径（path）、请求参数（requestParam）、请求类型（requestType）、打开方式 （openType）、展示方式（showType）、菜单提供方（menuOrder）等字段。

表2

表3是业务权限关系表的示例，用于记录不同项目中每个用户的菜单编辑权限。表 3中可以包括：分组ID（ID）、用户ID（userID）、分组名称（groupName）、 分组创建时间 （createTime）、分组创建人（creator）、分组描述（description）等字段。

表3

表4是菜单组合关系表的示例，用于记录项目、分组、菜单之间的对应关系。表4中 可以包括对应关系ID（ID）、项目ID（projectID）、菜单ID（menuID）、分组ID（groupID）等字 段。

表4

表5是系统表的示例，用于记录用户可以导入菜单项的系统的信息。系统表可以包 括分组ID、系统ID、系统名称、访问路径等字段。

表5

图3A是本申请菜单显示方法一个实施例的流程示意图，如图3A所示，该方法可以包括：

步骤301：用户打开客户端。

步骤302：使用用户1的账号登录客户端。

具体的，客户端可以向第一服务器发送用户1的账号和密码；第一服务器对用户1的账号和密码验证成功后，反馈验证成功消息，相应的，用户使用用户1的账号成功登录客户端。

步骤303：客户端检测到用户对已配置菜单项的查询操作。

例如，用户点击图1A所示界面10中的已配置菜单项查询控件101，相应的，客户端检测到用户对已配置菜单项的查询操作。

步骤304：客户端向第一服务器查询用户1已配置的菜单项。

客户端可以向第一服务器发送查询请求，查询请求中可以包括用户1的用户ID。查询请求用于请求用户ID对应的菜单项中需要在用户1的客户端界面中显示的菜单项。

步骤305：第一服务器查询用户1已配置的菜单项。

以上述表1~表5为例，第一服务器可以根据用户1的用户ID查找表3，得到用户ID对应的分组ID，再根据分组ID查找表4，得到分组ID对应的菜单ID，再根据菜单ID查找表2，得到菜单ID对应的菜单项，从表2查找到的菜单项中筛选“是否展示”字段是“是”的菜单项，即为用户1已配置的菜单项，也即需要在用户1的客户端界面中显示的菜单项。

步骤306：第一服务器将查找到的菜单项发送给客户端。

步骤307：客户端根据菜单项显示已配置菜单项查询界面。

已配置菜单项查询界面例如图1B中界面11所示。

在本申请菜单显示方法另一个实施例中，客户端在检测到已配置菜单项查询操作后，可以先让用户选择希望查询的项目，再根据项目向用户1显示对应的菜单项。上述项目例如可以是同一客户端的不同版本等。此时，如图3B所示，在图3A所示方法的步骤303和步骤304之间增加步骤303a~步骤303d。其中，

步骤303a：客户端向第一服务器请求项目列表。

步骤303b：第一服务器向客户端反馈项目列表。

第一服务器可以从例如前述表1中获取项目列表，向客户端反馈表1中的项目ID、项目名称等字段。

步骤303c：客户端向用户显示项目列表展示界面，界面中显示有项目列表。

步骤303d：客户端检测到用户针对于项目列表中项目1的选择操作。

相应的，

步骤304中客户端向第一服务器查询用户1已配置菜单项时，查询请求中可以包括：项目1的项目ID和用户1的用户ID；

步骤305中，第一服务器可以根据用户1的用户ID查找表3，得到用户ID对应的分组ID，再根据分组ID和项目1的项目ID查找表4，得到分组ID和项目ID对应的菜单ID，再根据菜单ID查找表2，得到菜单ID对应的菜单项，从表2查找到的菜单项中筛选“是否展示”字段是“是”的菜单项，即为用户1已配置的菜单项，也即需要在用户1的客户端界面中显示的菜单项。

图3A和图3B所示的方法，实现了用户在客户端中对在用户1的客户端界面显示的菜单项的查询。

图4是本申请菜单显示方法另一个实施例的流程图，如图4所示，该方法可以包括：

步骤401：客户端检测到用户的菜单项配置操作。

例如，用户可以在界面10中点击菜单项配置控件102，相应的，客户端检测到用户的菜单项配置请求操作。

步骤402：客户端向第一服务器发送菜单项配置请求。

菜单项配置请求中可以包括：用户1的用户ID。菜单项配置请求用于向第一服务器请求用户1对应的菜单项。

步骤403：第一服务器获取用户1对应的菜单项。

以上述表1~表5为例，第一服务器可以根据用户1的用户ID查找表3，得到用户ID对应的分组ID，再根据分组ID查找表4，得到分组ID对应的菜单ID，再根据菜单ID查找表2，得到菜单ID对应的菜单项，即为用户1对应的菜单项。

步骤404：第一服务器向客户端发送菜单项。

第一服务器将获取到的用户对应的菜单项发送给客户端。

步骤405：客户端显示菜单项配置界面。

菜单项配置界面例如图1C中界面12所示。

步骤406：客户端检测到用户的配置完成操作。

步骤407：客户端向第一服务器发送菜单项的配置信息。

客户端可以根据用户在菜单项配置界面中的操作来确定菜单项的配置信息。

步骤408：第一服务器更新第一服务器中存储用户1对应的菜单项。

第一服务器根据接收到的菜单项的配置信息更新第一服务器中存储的用户1对应菜单项，例如配置信息中包括新增加的菜单项，则将对应菜单项的是否展示字段修改为“是”，配置信息中包括删除的菜单项，则将对应菜单项的是否展示字段修改为“否”，等等。

步骤409：第一服务器根据用户1的用户ID获取用户1已配置的菜单项。

上述用户1已配置的菜单项也即可以在用户1的客户端界面中显示的菜单项。

本步骤的实现可以参考步骤305，这里不赘述。

步骤410：第一服务器向客户端发送上述用户1已配置的菜单项。

步骤411：客户端根据用户1已配置的菜单项显示客户端界面。

客户端界面例如图1D中界面13所示。

图4所示方法，实现了对用户1的客户端界面中菜单的动态调整，从而使得用户可以通过配置的方式动态调整客户端界面中菜单包括的菜单项，降低了第一系统中菜单的修改难度，提升了用户体验。

图5是本申请菜单显示方法又一个实施例的流程图，如图5所示，该方法包括：

步骤501：客户端检测到用户的菜单项编辑操作。

例如，用户在界面10中点击菜单项编辑控件103，相应的，客户端检测到用户的菜单项编辑操作。

步骤502：客户端向第一服务器发送菜单项编辑请求。

菜单项编辑请求中可以包括：用户1的用户ID。

步骤503：第一服务器获取用户1对应的菜单项。

本步骤的实现可以参考步骤403，这里不赘述。

步骤504：第一服务器向客户端发送用户1对应的菜单项。

步骤505：客户端显示菜单项编辑界面。

菜单项编辑界面例如图1E中界面14所示。

步骤506：客户端检测到用户的编辑完成操作。

例如，用户对于界面14中的菜单项编辑完成，点击保存控件142，相应的，客户端检测到用户的编辑完成操作。

步骤507：客户端向第一服务器发送菜单项的编辑信息。

客户端可以根据用户在菜单项编辑界面中的编辑操作来确定菜单项的编辑信息。

步骤508：第一服务器更新第一服务器中存储的用户1对应的菜单项。

第一服务器根据接收到的菜单项的编辑信息更新第一服务器中存储的用户1对应的菜单项，例如编辑信息中包括新增加的菜单项，则将新增加的菜单项增加至用户1对应的菜单项中，编辑信息中包括删除的菜单项，则将删除的菜单项从用户1对应的菜单项中删除，等等。

步骤509：第一服务器根据用户1的用户ID获取用户1已配置的菜单项。

本步骤的实现可以参考步骤305，这里不赘述。

步骤510：第一服务器向客户端发送上述用户1已配置的菜单项。

步骤511：客户端根据上述用户1已配置的菜单项显示客户端界面。

客户端界面例如图1D中界面13所示。

需要说明的是，执行步骤509~步骤511的目的在于：在菜单项的编辑中，用户可以更改已有菜单项的是否展示字段、新增是否展示字段为是的菜单项等等，从而实现对于在用户1的客户端界面中显示的菜单项的编辑，通过执行步骤509~步骤511，可以实现客户端界面中菜单项的及时刷新，提升用户体验。

图5所示的方法中，用户可以实现第一系统中菜单项的编辑，操作方便，从而提升用户体验。

图6是本申请菜单显示方法又一个实施例的流程图，如图6所示，该方法可以包括：

步骤601：客户端检测到用户从其他系统导入菜单项的请求操作。

例如，用户在图1E所示界面14中点击导入控件141，相应的，客户端检测到用户从其他系统导入菜单项的请求操作。

步骤602：客户端向第一服务器发送对于系统列表的请求消息。

请求消息可以包括：用户1的用户ID；上述请求消息用于向第一服务器请求用户1可以导入菜单项的系统列表。

步骤603：第一服务器获取用户1可以导入菜单项的系统列表。

举例来说，第一服务器可以根据用户1的用户ID从上述表5中获取上述用户1可以导入菜单项的系统列表。

步骤604：第一服务器将系统列表发送给客户端。

步骤605：客户端根据系统列表显示系统列表显示界面。

系统列表显示界面例如图1F中界面15所示。

步骤606：客户端检测到用户针对于系统1的选择操作。

例如，用户在界面15中点击系统1对应的控件，相应的，客户端可以检测到用户针对于系统1的选择操作。

步骤607：客户端向第一服务器请求系统1的菜单项。

客户端可以向第一服务器发送请求消息，该请求消息中可以包括：系统1的系统ID；该请求消息用于请求系统1可导入第一系统的菜单项。

步骤608：第一服务器判断第一服务器中是否存储有系统1的菜单项，如果是，执行步骤612，如果否，执行步骤609。

步骤609：第一服务器向第二服务器发送菜单项请求。

步骤610：第二服务器向第一服务器发送系统1的菜单项。

其中，第二服务器可以向第一服务器发送系统1的全部或者部分菜单项，其与第一服务器的数据访问权限等相关，本申请实施例不作限定。

步骤611：第一服务器存储接收到的系统1的菜单项，执行步骤613。

其中，第一服务器可以存储系统1的菜单项。

步骤612：第一服务器根据系统1的系统ID获取系统1的菜单项，执行步骤613。

步骤613：第一服务器向客户端发送系统1的菜单项。

步骤614：客户端显示系统1的菜单项编辑界面。

步骤615：客户端检测到用户对于界面中菜单项的选择完成操作。

例如，用户点击图1F所示界面15中的确定控件，相应的，客户端检测到用户对于界面中菜单项的选择完成操作。

步骤616：客户端向第一服务器发送菜单项选择信息。

客户端可以根据用户在界面15中选择的菜单项确定上述菜单项选择信息，该菜单项选择信息中可以包括：用户选择的菜单项的菜单ID等。

步骤617：第一服务器根据菜单项选择信息更新第一服务器中用户1对应的菜单项。

步骤618：第一服务器获取用户1已配置的菜单项。

步骤619：第一服务器向客户端发送上述用户1已配置的菜单项。

步骤620：客户端根据上述用户1已配置的菜单项显示客户端界面。

图6所示方法中，实现了其他系统的菜单项导入到第一系统，从而可以更为便捷的实现第一系统中菜单的修改，提升用户体验。

需要说明的是，以上实施例中以本申请菜单显示方法作为电子设备中的一个客户端实现为例。在其他可能的实施例中，本申请菜单显示方法可以作为电子设备中的一个组件（以下称为动态菜单显示组件），被第一系统之外的第三系统在显示客户端界面时调用。此时，本申请菜单显示方法中需要显示的界面的界面数据可以由本申请动态菜单显示组件生成，并且被第三系统的客户端显示，例如，第三系统的客户端界面中可以展示：第三系统的菜单、以及本申请菜单显示方法中客户端界面的菜单以及控件。

例如图7A为未调用本申请动态菜单显示组件时第三系统的客户端界面示意图，其中，界面70包括菜单项71~72。

例如图7B为调用本申请动态菜单显示组件时第三系统的客户端界面示意图，其中，界面71包括菜单项71~72、菜单项1~2、已配置菜单项查询控件101、菜单项配置控件102和菜单项编辑控件103。

如果第三系统的客户端以应用的方式实现，那么如图8所示，电子设备中可以包括：第三系统的客户端以及动态菜单显示组件，其中，第三系统的客户端与动态菜单显示组件可以执行以下流程：

步骤801：第三系统的客户端检测到用户的客户端界面打开请求。

步骤802：第三系统的客户端向动态菜单显示组件请求界面数据。

步骤803：动态菜单显示组件执行上述实施例的方法，生成对应的界面数据。

步骤804：动态菜单显示组件将界面数据发送给第三系统的客户端。

步骤805：第三系统的客户端生成原始客户端界面数据。

该原始客户端界面数据是指未加载本申请动态菜单显示组件时客户端生成的客户端界面数据。

步骤805与步骤802~步骤804之间的执行顺序不限制。

步骤806：第三系统的客户端根据自身生成的界面数据以及动态菜单显示组件发送的界面数据显示客户端界面。

如果第三系统的客户端以网页的方式实现，那么第三系统的客户端网页代码中可以设置调用本申请动态菜单显示组件的代码，如图9所示，电子设备中可以包括：浏览器以及动态菜单显示组件，其中，浏览器与动态菜单显示组件可以执行以下流程：

步骤901：浏览器接收到第三系统的客户端网页的访问请求。

步骤902：浏览器加载第三系统的客户端网页的网页数据。

步骤903：浏览器在网页数据加载过程中向本申请动态菜单显示组件请求界面数据。

步骤904：动态菜单显示组件执行上述实施例的方法，生成对应的界面数据。

步骤905：动态菜单显示组件将界面数据发送给浏览器。

步骤906：浏览器根据加载到的第三系统的客户端网页数据以及动态菜单显示组件发送的界面数据显示第三系统的客户端网页。

通过将本申请菜单显示方法以公共组件方式实现，可以简化其他系统使用本申请菜单显示方法的难度，实现其他系统的动态菜单显示。

本申请实施例提供一种电子设备，包括存储器和处理器，存储器用于存储计算机程序，处理器用于执行上述任一实施例提供的菜单显示方法。

本申请实施例还提供一种计算机可读存储介质，该计算机可读存储介质中存储有计算机程序，当其在计算机上运行时，使得计算机执行上述任一实施例提供的菜单显示方法。

本申请实施例还提供一种计算机程序产品，该计算机程序产品包括计算机程序，当其在计算机上运行时，使得计算机执行上述任一实施例提供的菜单显示方法。

本申请实施例中，“至少一个”是指一个或者多个，“多个”是指两个或两个以上。“和/或”，描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示单独存在A、同时存在A和B、单独存在B的情况。其中A，B可以是单数或者复数。字符“/”一般表示前后关联对象是一种“或”的关系。“以下至少一项”及其类似表达，是指的这些项中的任意组合，包括单项或复数项的任意组合。例如，a，b和c中的至少一项可以表示：a，b，c，a和b，a和c，b和c或a和b和c，其中a，b，c可以是单个，也可以是多个。

本领域普通技术人员可以意识到，本文中公开的实施例中描述的各单元及算法步骤，能够以电子硬件、计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本申请的范围。

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

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

Claims (11)

1.一种菜单显示方法，应用于电子设备，其特征在于，所述方法包括：

显示第一界面，所述第一界面包括第一控件和第一菜单；

检测到针对于所述第一控件的第一选择操作；

响应于所述第一选择操作，显示第二界面，所述第二界面包括第一用户在第一系统中对应的菜单项；

检测到针对于所述菜单项的第二选择操作；

响应于所述第二选择操作，将所述第一界面包括的所述第一菜单更新为第二菜单，得到第三界面；所述第二菜单包括所述第二选择操作指示的菜单项；

显示所述第三界面。

2.根据权利要求1所述的方法，其特征在于，所述第一界面还包括第二控件；所述方法还包括：

检测到针对于所述第二控件的第三选择操作；

响应于所述第三选择操作，显示第四界面，所述第四界面包括所述第一用户在所述第一系统中对应的菜单项；

检测到针对于所述菜单项的编辑操作；

响应于所述编辑操作，将所述编辑操作编辑后的菜单项发送给第一服务器，所述第一服务器用于根据所述编辑后的菜单项更新所述第一用户在所述第一系统中对应的菜单项。

3.根据权利要求2所述的方法，其特征在于，所述将所述编辑操作编辑后的菜单项发送给第一服务器之后，还包括：

接收所述第一服务器发送的菜单项，所述第一服务器发送的菜单项是所述第一用户对应的菜单项中向所述第一用户显示的菜单项；所述第一服务器在根据所述编辑后的菜单项更新所述第一用户在所述第一系统中对应的菜单项后发送所述菜单项；

将所述第一界面包括的所述第一菜单更新为第三菜单，得到第五界面；所述第三菜单包括所述第一服务器发送的菜单项；

显示所述第五界面。

4.根据权利要求1至3任一项所述的方法，其特征在于，所述第一界面还包括第三控件；所述方法还包括：

检测到针对于所述第三控件的第四选择操作；

响应于所述第四选择操作，显示第六界面，所述第六界面包括第二系统对应的第四控件；

检测到针对于所述第四控件的第五选择操作；

响应于所述第五选择操作，显示第七界面，所述第七界面包括所述第二系统的菜单项；

检测到针对于所述第二系统的菜单项的第六选择操作；

响应于所述第六选择操作，将所述第六选择操作指示的菜单项发送至第一服务器，所述第一服务器用于根据所述第六选择操作指示的菜单项更新所述第一用户在所述第一系统中对应的菜单项。

5.根据权利要求1所述的方法，其特征在于，所述显示第二界面，包括：

向第一服务器发送第一请求消息，所述第一请求消息包括所述第一用户的用户ID；

接收所述第一服务器响应于所述第一请求消息发送的菜单项，所述第一服务器发送的所述菜单项是所述用户ID对应的菜单项；

根据接收到的所述菜单项显示所述第二界面。

6.根据权利要求1或5所述的方法，其特征在于，所述将所述第一界面包括的所述第一菜单更新为第二菜单，得到第三界面，包括：

向第一服务器发送第一信息，所述第一信息包括所述第二选择操作指示的菜单项和所述第一用户的用户ID；

接收所述第一服务器发送的菜单项，所述第一服务器发送的菜单项是所述用户ID对应的菜单项；所述第一服务器在根据所述第一信息更新所述第一服务器中存储的菜单项后发送所述菜单项。

7.根据权利要求4所述的方法，其特征在于，所述显示第六界面，包括：

向所述第一服务器发送第一请求消息；

接收所述第一服务器响应于所述第一请求消息发送的第二信息，所述第二信息包括：所述第二系统的信息；

根据所述第二信息显示所述第六界面。

8.根据权利要求4所述的方法，其特征在于，所述显示第七界面，包括：

向所述第一服务器发送第二请求消息，所述第二请求消息包括所述第二系统的系统ID；

接收所述第一服务器发送的所述第二系统的菜单项，所述第二系统的菜单项由所述第一服务器从本地查询到或者从第二服务器获取，所述第二服务器是所述第二系统的服务器；

根据所述第二系统的菜单项显示所述第七界面。

9.根据权利要求1至3任一项所述的方法，其特征在于，所述第一用户在所述第一系统中对应的菜单项由第一服务器通过数据表的方式存储，所述第一服务器是所述第一系统的服务器。

10.一种电子设备，其特征在于，包括：处理器和存储器；所述存储器用于存储计算机程序，当所述处理器执行所述计算机程序时，使得所述电子设备执行权利要求1至9任一项所述的方法。

11.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质中存储有计算机程序，当其在计算机上运行时，使得计算机执行权利要求1至9任一项所述的方法。

Images