CN109471685A - 下拉菜单的展示方法以及装置 - Google Patents

Abstract

本发明公开了一种下拉菜单的展示方法以及装置。其中，该方法包括：获取与浏览器中指定主菜单对应的待展示内容；依据所述待展示内容之间的层级关系生成子菜单以及所述子菜单的下一级菜单，并展示所述子菜单和所述子菜单的下一级菜单。本发明解决了由于通过监听按钮的点击展示和隐藏对应子节点而造成占用运行资源，影响处理速度和用户体验的技术问题。

Description

下拉菜单的展示方法以及装置

技术领域

本发明涉及计算机领域，具体而言，涉及一种下拉菜单的展示方法以及装置。

背景技术

目前，下拉框选项之间多是平行关系，根据已有待展示内容的层级结构为每个选项构建ID以及对应父级选项的ID；生成下拉菜单时根据所在层级进行相应缩进以及添加展开和收回的按钮，通过监听按钮的点击事件来展示和隐藏对应的子节点。

上述实现的过程比较繁琐，具体的，当一级选项隐藏子节点的时候需要判断对应的二级选项，再通过二级选项判断对应的三级选项，以此类推实现子节点的隐藏，由此可见，其实现的逻辑是比较复杂的，这样会占用一定的运行资源，有时会影响处理速度，影响用户体验。

针对上述的问题，目前尚未提出有效的解决方案。

发明内容

本发明实施例提供了一种下拉菜单的展示方法以及装置，以至少解决由于通过监听按钮的点击展示和隐藏对应子节点而造成占用运行资源，影响处理速度和用户体验的技术问题。

根据本发明实施例的一个方面，提供了一种下拉菜单的展示方法，包括：获取与浏览器中指定主菜单对应的待展示内容；据所述待展示内容之间的层级关系生成子菜单以及所述子菜单的下一级菜单，并展示所述子菜单和所述子菜单的下一级菜单。

可选地，依据待展示内容之间的层级关系生成具有层级关系的子菜单，包括：将所述待展示内容转换为数组或对象，其中，所述数组或对象之间具有层级关系；依据所述层级关系将所述数组或对象转换为超文本标记语言html标签和所述html标签的下一级标签；以及对所述html标签和所述html标签的下一级标签进行渲染分别生成所述子菜单和所述子菜单的下一级菜单。

可选地，获取与浏览器中指定主菜单对应的待展示内容之前，方法还包括：接收对指定主菜单的选择指令；在选择指令的触发下，获取与指定主菜单对应的待展示内容。

可选地，展示所述子菜单和所述子菜单的下一级菜单之后，方法还包括：接收输入的检索指令；展示与检索指令所指示的检索条件对应的子菜单和/或子菜单的下一级菜单。

可选地，接收输入的检索指令，包括：接收来自用户的语音指令；将语音指令转换为文字信息，将文字信息作为检索条件。

可选地，展示所述子菜单和所述子菜单的下一级菜单，包括：直接展示子菜单和子菜单的下一级菜单；或者接收子菜单的触发指令，在触发指令的触发下，展开子菜单的下一级菜单；或者，收起子菜单的下一级菜单。

根据本发明实施例的另一方面，还提供了一种下拉菜单的展示方法，包括：启动浏览器；检测对浏览器中指定主菜单的选择指令；在检测到选择指令时，依据指定主菜单下子菜单之间的层级关系展示具有层级关系的子菜单。

可选地，依据所述指定主菜单下子菜单之间的层级关系展示所述子菜单和所述子菜单的下一级菜单之后，上述方法还包括：接收输入的检索指令；展示与检索指令所指示的检索条件对应的子菜单和/或子菜单的下一级菜单。

根据本发明实施例的另一方面，还提供了一种存储介质，包括：存储介质包括存储的程序，其中，在程序运行时控制存储介质所在设备执行任意一项的下拉菜单的展示方法。

根据本发明实施例的另一方面，还提供了一种处理器，包括：处理器用于运行程序，其中，程序运行时执行任意一项的下拉菜单的展示方法。

根据本发明实施例的另一方面，还提供了一种终端，包括：处理器，用于获取与浏览器中指定主菜单对应的待展示内容，以及依据所述待展示内容之间的层级关系生成子菜单以及所述子菜单的下一级菜单；显示装置，用于展示具有层级关系的子菜单以及所述子菜单的下一级菜单。

在本发明实施例中，采用获取与浏览器中指定主菜单对应的待展示内容；依据待展示内容之间的层级关系生成具有层级关系的子菜单，并展示具有层级关系的所述子菜单的方式，通过树级结构展示下拉列表中的菜单，达到了更加直观看出选项之间层级关系的目的，从而实现了使得选项层级关系明显的技术效果，进而解决了由于通过监听按钮的点击展示和隐藏对应子节点而造成占用运行资源，影响处理速度和用户体验的技术问题。

附图说明

此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：

图1a是根据本发明实施例的一种下拉菜单的展示方法的示意图；

图1b是根据本发明实施例的一种下拉菜单中具有层级关系的子菜单展开状态示意图；

图1c是根据本发明实施例的一种下拉菜单中具有层级关系的子菜单收起状态示意图；

图1d是根据本发明实施例的一种搜索框中输入关键词后的子菜单的展示状态示意图；

图2是根据本发明实施例的一种可选的下拉菜单的展示方法的示意图；

图3是根据本发明实施例的一种可选的下拉菜单的展示方法的示意图；

图4a是根据本发明实施例的一种下拉菜单的展示装置的结构示意图；

图4b是根据本发明实施例的另一种下拉菜单的展示装置的结构示意图；以及

图5是根据本发明实施例的一种终端的结构示意图。

具体实施方式

为了使本技术领域的人员更好地理解本发明方案，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分的实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本发明保护的范围。

需要说明的是，本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

为便于理解上述实施例，以下将本申请实施例中所涉及的技术术语解释如下：

层级关系：各类待展示内容之间的地位并不是相同的，具有不同的级别，例如，A类待展示内容为B类待展示内容的一种，则A类待展示内容的级别低于B类待展示内容的级别。

根据本发明实施例，提供了一种下拉菜单的展示方法的方法实施例，需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。

图1是根据本发明实施例的下拉菜单的展示方法，如图1a所示，该方法包括如下步骤：

步骤S102，获取与浏览器中指定主菜单对应的待展示内容；可选地，该指定主菜单可以表现为下拉框的形式，但不限于此。

具体的，获取与浏览器中指定主菜单对应的待展示内容主要是一级下拉菜单中的内容以及对应的二级下拉菜单选项；

在一个可选的实施例中，步骤S102可以是在启动浏览器后默认自动执行，也可以基于用户指令被动的执行，对于后者，可以表现为以下实现形式，但不限于此:获取与浏览器中指定主菜单对应的待展示内容之前，接收对指定主菜单的选择指令；在选择指令的触发下，获取与指定主菜单对应的待展示内容。可选地，上述选择指令可以为上述指定主菜单的点击指令，也可以是对下拉框中的某一选项的选择指令。例如，如图1b所示，上述下拉框中可以包括多个主菜单，例如可以为“渠道用户”，也可以为“我的用户群”。

此处需要说明的是，接收到渠道用户下拉菜单的选择指令后；在浏览器中选择渠道用户下拉菜单，获取到渠道用户下拉菜单以及相对应二级的待展示内容；

通过上述步骤S102，可以为子菜单的生成提供数据支撑，在步骤S102之后，可以对获取的待展示内容进行分类，其中，不同类型的待展示内容具有不同的层级，这样便可以基于层级关系生成子菜单及该子菜单的下一级菜单。

步骤S104，依据待展示内容之间的层级关系生成子菜单以及子菜单的下一级菜单，并展示子菜单和子菜单的下一级菜单；

在一个可选实施例中，上述子菜单的下一级菜单包括但不限于具有层级关系的多级子菜单，例如子菜单的下一级菜单n，菜单n的下一级菜单n+1，菜单n+1的下一级菜单n+1······，

在一种可选的实施例中，步骤S104可以通过以下方式实现，但不限于此：将待展示内容转换为数组或对象；依据层级关系将数组或对象转换为超文本标记语言(html)标签和html标签的下一级标签；以及对html标签和html标签的下一级标签进行渲染分别生成子菜单和子菜单的下一级菜单；例如，如图1c所示，依据层级关系中主层级“渠道用户”以及对应次层级“付费推广”、“付费搜索”、“直接访问”、“免费搜素”以及“免费推荐”，将主层级“渠道用户”对象转换为html主标签<渠道用户>，并且生成同层级副标签<付费推广>、<付费搜索>、<直接访问>、<免费搜素>以及<免费推荐>。

此处需要说明的是，依据层级之间的映射关系即一级下拉菜单与二级下拉菜单的隐射关系，将数组或对象转换为超文本标记语言html标签，对超文本标记语言html标签的代码程序生成子菜单；

通过上述步骤S104，可以实现依据待展示内容之间的层级关系生成具有层级关系的子菜单并展示具有层级关系的子菜单的目的。

在一种可选的实施例中，展示具有层级关系的子菜单之后，还可以对当前展示的子菜单及其下一级菜单进行检索，以提高查阅效率，为实现该目的，可以执行以下处理步骤：接收输入的检索指令；展示与检索指令所指示的检索条件对应的子菜单和/或子菜单的下一级菜单；在一种可选的实施例中，接收输入的检索指令，包括：接收来自用户的语音指令；将语音指令转换为文字信息，将文字信息作为检索条件,在一种可选的实施例中，展示具有层级关系的子菜单，包括：直接展示子菜单和子菜单的下一级菜单；或者接收子菜单的触发指令，在触发指令的触发下，展开子菜单的下一级菜单；或者，收起子菜单的下一级菜单。

例如，如图1d所示，在搜索框中输入检索指令EDM,自动展示与检索指令所指示的检索条件EDM对应的子菜单。

此处需要说明的是，接收检索指令并对检索指令中的检索内容进行识别后，展示出检索条件对应的子菜单和/或子菜单的下一级菜单；

通过上述步骤可以实现展示与检索指令所指示的检索条件对应的子菜单和/或子菜单的下一级菜单的目的。

根据上述实施例，以下用具体实施例进行阐述，如图2所示，包括以下步骤：

步骤S202，使用插件对下拉框初始化；

步骤S204，获取下拉框中选项的待展示内容，根据层级关系拼装Json对象；

步骤S206，插件对获取到的待展示内容进行处理，生成缩进、展开、收缩的树状结构对的html；

步骤S208，将上述html渲染到对应的下拉框内容中；

通过上述步骤S202至步骤S208，采用获取与浏览器中指定主菜单对应的待展示内容；依据待展示内容之间的层级关系生成具有层级关系的子菜单，并展示具有层级关系的上述子菜单的方式，通过树级结构展示下拉列表中的菜单，达到了更加直观看出选项之间层级关系的目的，从而实现了使得选项层级关系明显的技术效果，进而解决了由于通过监听按钮的点击展示和隐藏对应子节点而造成占用运行资源，影响处理速度和用户体验的技术问题。

实施例2

根据本发明实施例，还提供了一种下拉菜单的展示方法实施例，如图3所示，该方法包括如下步骤：

步骤S302，启动浏览器；

具体的，双击浏览器图标，实现启动浏览器的目的；

通过上述步骤S302，可以实现启动浏览器的目的。

步骤S304，检测对浏览器中指定主菜单的选择指令；

具体的，检测浏览器中“我的用户群”主菜单的选择指令，即对“我的用户群”主菜单进行点击；

通过上述步骤S304，可以实现检测对浏览器中指定主菜单的选择指令的目的。

步骤S306，在检测到选择指令时，依据指定主菜单下子菜单之间的层级关系展示具有层级关系的子菜单和子菜单的下一级菜单；

具体的，在检测到选择指令时，展示和收缩“我的用户群”主菜单和对应的二级下拉菜单以及子菜单；

通过上述步骤S306，可以实现依据指定主菜单下子菜单之间的层级关系展示具有层级关系的子菜单的目的。

在一种可选的实施例中，依据指定主菜单下子菜单之间的层级关系展示具有层级关系的子菜单子菜单的下一级菜单之后，还可以执行以下处理过程：接收输入的检索指令；展示与检索指令所指示的检索条件对应的子菜单和/或子菜单的下一级菜单。

此处需要说明的是，接收输入的检索指令后，对检索指令中所示的检索条件进行识别后，展示与检索指令所指示的检索条件对应的子菜单和/或子菜单的下一级菜单。

通过上述步骤可以实现展示与检索指令所指示的检索条件对应的子菜单和/或子菜单的下一级菜单的目的。

实施例3

根据本发明实施例，还提供了一种下拉菜单的展示装置实施例。本发明实施例1以及实施例2中的下拉菜单的展示方法可以在本发明实施例3的展示装置中执行。

图4a是根据本发明实施例的一种下拉菜单的展示装置的结构示意图，该装置包括：获取单元401，生成单元403，其中：

获取单元401，用于获取与浏览器中指定主菜单对应的待展示内容；

生成单元403，用于依据待展示内容之间的层级关系生成具有层级关系的子菜单，并展示具有层级关系的子菜单。

展示单元405，依据待展示内容之间的层级关系生成子菜单以及子菜单的下一级菜单，并展示子菜单和子菜单的下一级菜单

图4b是根据本发明实施例的另一种下拉菜单的展示装置的结构示意图，该装置包括：启动单元407，检测单元409和展示单元411；其中：

启动单元407，用于启动浏览器；

检测单元409，用于检测对浏览器中指定主菜单的选择指令；

展示单元411，用于在检测到选择指令时，依据指定主菜单下子菜单之间的层级关系展示具有层级关系的子菜单和子菜单的下一级菜单；

图4a和图4b中下拉菜单的展示装置还可以通过处理器和存储器实现，此时，上述获取单元401，生成单元403，展示单元405，启动单元407，检测单元409和展示单元411等均作为程序单元存储在存储器中，由处理器执行存储在存储器中的上述程序单元来实现相应的功能。

处理器中包含内核，由内核去存储器中调取相应的程序单元。内核可以设置一个或以上，通过调整内核参数来更加直观的看出菜单之间的层级关系。

存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)，存储器包括至少一个存储芯片。

实施例4

本发明实施例提供了一种存储介质，其上存储有程序，该程序被处理器执行时实现实施例1或2中所述的下拉菜单的展示方法。

实施例5

本发明实施例提供了一种处理器，上述处理器用于运行程序，其中，上述程序运行时执行实施例1或2中上述的下拉菜单的展示方法。

实施例6

本发明实施例提供了一种终端，如图5所示，包括：处理器50，用于获取与浏览器中指定主菜单对应的待展示内容，以及依据待展示内容之间的层级关系生成具有层级关系的子菜单；显示装置52，用于展示具有层级关系的子菜单以及子菜单的下一级菜单。

实施例6

本发明实施例提供了一种设备，该设备包括：处理器、存储器及存储在存储器上并可在处理器上运行的程序，处理器执行程序时实现以下步骤：获取与浏览器中指定主菜单对应的待展示内容；依据上述待展示内容之间的层级关系生成子菜单以及上述子菜单的下一级菜单，并展示上述子菜单和上述子菜单的下一级菜单；或者，启动浏览器；检测对浏览器中指定主菜单的选择指令；在检测到选择指令时，依据指定主菜单下子菜单之间的层级关系展示具有层级关系的子菜单，本文中的设备可以是服务器、PC、PAD、手机等。

实施例7

本申请还提供了一种计算机程序产品，当在待展示内容处理设备上执行时，适于执行初始化有如下方法步骤的程序：获取与浏览器中指定主菜单对应的待展示内容；依据上述待展示内容之间的层级关系生成子菜单以及上述子菜单的下一级菜单，并展示上述子菜单和上述子菜单的下一级菜单。或者，启动浏览器；检测对浏览器中指定主菜单的选择指令；在检测到选择指令时，依据上述待展示内容之间的层级关系展示上述子菜单和上述子菜单的下一级菜单。

上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。

本领域内的技术人员应明白，本申请的实施例和装置。因此，本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。

存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。存储器是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。

本领域技术人员应明白，本申请的实施例可提供为方法、系统或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

以上仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。

Claims (10)

1.一种下拉菜单的展示方法，其特征在于，包括：

获取与浏览器中指定主菜单对应的待展示内容；

依据所述待展示内容之间的层级关系生成子菜单以及所述子菜单的下一级菜单，并展示所述子菜单和所述子菜单的下一级菜单。

2.根据权利要求1所述的方法，其特征在于，依据所述待展示内容之间的层级关系生成具有层级关系的子菜单和所述子菜单的下一级菜单，包括：

将所述待展示内容转换为数组或对象，其中，所述数组或对象之间具有层级关系；

依据所述层级关系将所述数组或对象转换为超文本标记语言html标签和所述html标签的下一级标签；以及

对所述html标签和所述html标签的下一级标签进行渲染分别生成所述子菜单和所述子菜单的下一级菜单。

3.根据权利要求1所述的方法，其特征在于，获取与浏览器中指定主菜单对应的待展示内容之前，所述方法还包括：

接收对所述指定主菜单的选择指令；

在所述选择指令的触发下，获取与所述指定主菜单对应的待展示内容。

4.根据权利要求1所述的方法，其特征在于，展示所述子菜单和所述子菜单的下一级菜单之后，所述方法还包括：

接收输入的检索指令；

展示与所述检索指令所指示的检索条件对应的所述子菜单和/或所述子菜单的下一级菜单。

5.根据权利要求4所述的方法，其特征在于，接收输入的检索指令，包括：

接收来自用户的语音指令；

将所述语音指令转换为文字信息，将所述文字信息作为所述检索条件。

6.根据权利要求1至5中任一项所述的方法，其特征在于，展示所述子菜单和所述子菜单的下一级菜单，包括：

直接展示所述子菜单和所述子菜单的下一级菜单；或者

接收所述子菜单的触发指令，在所述触发指令的触发下，展开所述子菜单的下一级菜单；或者，收起所述子菜单的下一级菜单。

7.一种下拉菜单的展示方法，其特征在于，包括：

启动浏览器；

检测对所述浏览器中指定主菜单的选择指令；

在检测到所述选择指令时，依据所述指定主菜单下子菜单之间的层级关系展示所述子菜单和所述子菜单的下一级菜单。

8.根据权利要求7所述的方法，其特征在于，依据所述指定主菜单下子菜单之间的层级关系展示所述子菜单和所述子菜单的下一级菜单之后，所述方法还包括：

接收输入的检索指令；

展示与所述检索指令所指示的检索条件对应的所述子菜单和/或所述子菜单的下一级菜单。

9.一种存储介质，其特征在于，所述存储介质包括存储的程序，其中，在所述程序运行时控制所述存储介质所在设备执行权利要求1至6中任意一项所述的下拉菜单的展示方法，或者执行权利要求7或8中任一项所述的下拉菜单的展示方法。

10.一种终端，其特征在于，包括：

处理器，用于获取与浏览器中指定主菜单对应的待展示内容，以及依据所述待展示内容之间的层级关系生成子菜单以及所述子菜单的下一级菜单；

显示装置，用于展示具有层级关系的所述子菜单以及所述子菜单的下一级菜单。