CN107544801A - 一种网管页面中树形菜单的生成方法及装置 - Google Patents

Abstract

本申请提供一种网管页面中树形菜单的生成方法及装置。一种网管页面中树形菜单的生成方法，所述网管页面用于对网络设备进行配置，所述网络设备对应有N级树形菜单，所述方法包括：根据用户的加载指令，向所述网络设备请求所述N级树形菜单中前M级树形菜单的菜单数据，所述M小于N；根据所述网络设备返回的菜单数据在网管页面中生成树形菜单。本申请可缩短用户访问网管页面时浏览器生成树形菜单的总耗时。

Description

一种网管页面中树形菜单的生成方法及装置

技术领域

本申请涉及计算机领域，尤其涉及一种网管页面中树形菜单的生成方法及装置。

背景技术

随着网络规模的逐渐壮大以及网络设备的日益发展成熟，基于Web的网络设备管理成为趋势。

基于Web的网络设备管理是用户通过网页浏览器登录网管页面，实现对网络设备的状态监视、参数设置、固件升级等功能。通常网管页面采用树形菜单实现页面的导航。

而随着网络设备支持的功能日益繁杂，网络设备对应的树形菜单包含的菜单数据逐渐增多，用户加载网管页面时，浏览器调用网络设备数据库中的全部菜单数据生成树形菜单的耗时增长，影响用户的使用体验。

发明内容

有鉴于此，本申请提供一种网管页面中树形菜单的生成方法，旨在缩短网管页面中生成树形菜单的耗时。

具体地，本申请是通过如下技术方案实现的：

一种网管页面中树形菜单的生成方法，所述网管页面用于对网络设备进行配置，所述网络设备对应有N级树形菜单，所述方法包括：

根据用户的加载指令，向所述网络设备请求所述N级树形菜单中前M级树形菜单的菜单数据；

根据所述网络设备返回的菜单数据在网管页面中生成树形菜单；

其中，所述N为大于1的自然数，M为大于等于1的自然数，且M小于N。

一种网管页面中树形菜单的生成装置，所述网管页面用于对网络设备进行配置，所述网络设备对应有N级树形菜单，所述装置包括：

第一请求模块，用于根据用户的加载指令，向所述网络设备请求所述N级树形菜单中前M级树形菜单的菜单数据；

第一生成模块，用于根据所述网络设备返回的菜单数据在网管页面中生成树形菜单；

其中，所述N为大于1的自然数，M为大于等于1的自然数，且M小于N。

分析上述技术方案可知，用户加载网管页面，可触发浏览器向网络设备请求所需生成的N级树形菜单的前M级树形菜单的菜单数据，用于生成树形菜单。因此时浏览器向网络设备请求的是N级树形菜单的部分菜单数据，减少了首次请求的数据量，缩短了首次菜单数据的传输耗时，从而缩短了首次生成树形菜单的总耗时。

附图说明

图1是本申请实施例一示出的一种网管页面中树形菜单的生成方法的流程图；

图2是本申请实施例二示出的一种网管页面中树形菜单的生成方法的流程图；

图3是本申请实施例示出的一种终端设备的硬件结构图；

图4是本申请实施例一示出的一种网管页面中树形菜单的生成装置的模块图；

图5是本申请实施例二示出的一种网管页面中树形菜单的生成装置的模块图。

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本申请相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本申请的一些方面相一致的装置和方法的例子。

在本申请使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本申请。在本申请和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义。

应当理解，尽管在本申请可能采用术语第一、第二、第三等来描述各种信息，但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。例如，在不脱离本申请范围的情况下，第一信息也可以被称为第二信息，类似地，第二信息也可以被称为第一信息。取决于语境，如在此所使用的词语“如果”可以被解释成为“在……时”或“当……时”或“响应于确定”。

下面将结合具体实施例对本申请的实现过程进行描述。

图1是根据一示例性实施例示出的一种网管页面中树形菜单的生成方法的流程图，该方法应用于浏览器，上述网管页面用于对网络设备进行配置，且该网络设备对应有N级树形菜单。如图1所示，该树形菜单的生成方法可以包括以下基本步骤：

S101，根据用户的加载指令，向所述网络设备请求所述N级树形菜单中前M级树形菜单的菜单数据。

根据本申请实施例的技术方案，用户通过浏览器访问网络设备管理页面(后续简称为网管页面)后，可输入相应的账号和密码进行登录，并触发加载指令以加载网管页面。其中，触发所述加载指令的方式可以包括：点击登录按钮、登录后点击指定的加载按钮等，本申请对此不作特殊限制。

在本实施例中，浏览器可在接收到该加载指令后，向网络设备请求其对应的N级树形菜单的前M级树形菜单的菜单数据。其中，该菜单数据通常保存在网络设备数据库中。

可以理解的是，上述N为大于1的自然数，M需为大于等于1的自然数，且在本实施例中，M需小于N，以保证浏览器先向网络设备请求树形菜单的部分菜单数据。

例如，可假设网络设备对应有四级树形菜单，即N＝4时。当浏览器接收到用户的加载指令后，可向网络设备请求其对应的四级树形菜单的部分菜单数据，例如，可向网络设备请求其对应的四级树形菜单的前一级或前二级或前三级树形菜单的菜单数据。具体地，浏览器先请求前几级树形菜单的菜单数据可以根据用户的需求进行设置，此处不作限定。

S102，根据所述网络设备返回的菜单数据在网管页面中生成前M级树形菜单。

网络设备根据浏览器的上述请求，可在查询网络设备数据库后，向浏览器返回前M级树形菜单的菜单数据。其中，该菜单数据中还包括有各菜单所对应的URL信息。

一般而言，浏览器生成的树形菜单处于折叠状态，以方便用户从整体上浏览菜单的架构。例如，浏览器可先生成一级树形菜单，当用户点击某个一级树形菜单时，再生成对应的二级树形菜单。

在本实施例中，当浏览器接收到网络设备返回的前M级树形菜单的菜单数据时，通常可根据其中的一级树形菜单的菜单数据先生成一级树形菜单展示给用户，而网络设备返回的二级到M级树形菜单的菜单数据将会被浏览器缓存。当一级树形菜单被用户触发时，例如，当用户点击某个一级树形菜单时，浏览器可根据预先缓存的二级树形菜单的菜单数据生成该一级树形菜单对应的二级树形菜单。而当上述生成的二级树形菜单被用户触发欲展开其对应的三级树形菜单时，浏览器可继续根据预先缓存的三级树形菜单的菜单数据生成该二级树形菜单对应的三级树形菜单。以此类推，当M级树形菜单被用户触发时，浏览器可进一步执行步骤S103。

在本实施例中，浏览器还可缓存各级树形菜单对应的URL信息，当用户点击某个树形菜单时，浏览器可根据该树形菜单对应的URL信息进行页面切换，这部分的处理与实现可以参考相关技术，本申请在此不再一一赘述。

在本实施例中，可假设网络设备返回的是前二级树形菜单的菜单数据，即M＝2，浏览器可根据返回的一级树形菜单的菜单数据先生成一级树形菜单展示给用户，而返回的二级树形菜单的菜单数据将被浏览器缓存。实际操作中，当某个一级树形菜单被用户触发时，浏览器一方面可获取到该一级树形菜单对应的URL信息，并根据该URL信息将页面切换至该一级树形菜单对应的页面；另一方面浏览器可根据预先缓存的二级树形菜单的菜单数据生成该一级树形菜单对应的二级树形菜单展示给用户，用户即可查看到当前一级树形菜单包含的二级树形菜单信息。接着当二级树形菜单被用户触发时，浏览器可获取该二级树形菜单对应的URL信息，并将当前页面切换至该二级树形菜单对应的页面，另一方面，由于浏览器尚未缓存该二级菜单对应的三级树形菜单的菜单数据，则可以执行步骤S103。

S103，当M级树形菜单被用户触发时，向所述网络设备请求M+1级树形菜单的菜单数据。

当上述M级树形菜单被用户触发欲展开其对应的M+1级树形菜单时，因为当前浏览器尚未缓存M+1级树形菜单的菜单数据，所以需要浏览器重新向网络设备请求M+1级菜单数据。

S104，根据网络设备返回的M+1级树形菜单的菜单数据在网管页面中生成被用户触发的所述M级树形菜单对应的M+1级树形菜单。

在本实施例中，浏览器首先根据上述请求的M+1级树形菜单的菜单数据生成上述被用户触发的M级树形菜单对应的M+1级树形菜单。此后若M+1级树形菜单被用户触发欲展开其对应的M+2级树形菜单时，因浏览器中尚未缓存上述M+2级树形菜单的菜单数据，所以浏览器可再次向网络设备请求M+2级树形菜单的菜单数据，根据该菜单数据生成该M+1级菜单对应的M+2级菜单。以此类推，浏览器可根据用户的触发指令逐级向网络设备请求后续菜单数据，根据网络设备返回的菜单数据逐级生成对应的菜单。

仍以上述N＝4，M＝2为例，在浏览器首次向网络设备请求前两级菜单数据后，浏览器根据一级树形菜单的菜单数据先生成一级树形菜单展示给用户，并将返回的二级树形菜单的菜单数据缓存。之后当某个一级树形菜单被用户触发，浏览器根据已缓存的二级树形菜单的菜单数据生成该一级树形菜单对应的二级树形菜单后，若上述二级树形菜单被用户触发，浏览器因尚未缓存该二级树形菜单对应的三级树形菜单的菜单数据，所以将会根据该触发指令重新向网络设备请求三级树形菜单的菜单数据，并根据上述菜单数据生成该二级树形菜单对应的三级树形菜单。若三级树形菜单接着被用户触发，浏览器将再次向网络设备请求四级树形菜单的菜单数据，并根据四级树形菜单的菜单数据生成该三级树形菜单对应的四级树形菜单。

在本申请的另一个实施例中，一种网管页面中树形菜单的生成方法，该方法应用于浏览器，参考图2，该方法可以包括以下基本步骤：

S201，根据用户的加载指令，向所述网络设备请求所述N级树形菜单中前M级树形菜单的菜单数据。

S202，根据所述网络设备返回的菜单数据在网管页面中生成前M级树形菜单。

S201-S202的实现过程可以参考前述图1所示的S101-S102，本实施例在此不再一一赘述。

S203，当M级树形菜单被用户触发时，向所述网络设备请求M+1级到N级树形菜单的菜单数据。

在上述步骤S201-S202的基础上，当M级菜单被用户触发时，因浏览器当前尚未缓存M+1级到N级树形菜单的菜单数据，所以浏览器需重新向网络设备发起请求。在本实施例中，此时浏览器可一次性向网络设备请求M+1级到N级树形菜单的所有菜单数据。

仍以N＝4，M＝2为例，在经过步骤S202生成了二级树形菜单后，当上述二级树形菜单被用户触发时，因浏览器尚未缓存该二级树形菜单对应的三级树形菜单的菜单数据，浏览器需要再次向网络设备请求菜单数据，此时可一次性向网络设备请求该网络设备对应的所有三级和四级树形菜单的菜单数据。

S204，用于根据网络设备返回的M+1级到N级树形菜单的菜单数据在网管页面中生成M+1级到N级树形菜单。

根据上述浏览器的请求，在本实施例中，网络设备将向浏览器返回所有三级和四级树形菜单的菜单数据，其中，浏览器可根据上述返回的三级树形菜单的菜单数据先生成被用户触发的二级树形菜单对应的三级树形菜单，同时可将网络设备返回的其它的三级和四级树形菜单的菜单数据缓存。之后当三级树形菜单被用户触发欲展开其对应的四级树形菜单时，浏览器可根据已缓存的四级树形菜单的菜单数据生成被用户触发的三级树形菜单对应的四级树形菜单。

在另外一个实施例中，较为特殊的一种情况是M＝N-1。因为在实际场景中，N级树形菜单的菜单数据往往较多，而前N-1级树形菜单的菜单数据相对较少，对传输耗时的影响较小，为减少菜单数据的请求次数，浏览器可先请求前N-1级树形菜单的菜单数据。在本实施例中，浏览器可根据用户的加载指令，首次向网络设备请求菜单数据时可先请求前N-1级树形菜单的菜单数据，根据网络设备返回的前N-1级树形菜单的菜单数据先生成一级树形菜单，并将二级到N-1级树形菜单的菜单数据进行缓存。当二级到N-1级树形菜单的上级树形菜单被用户触发时，浏览器可根据已缓存的菜单数据生成被用户触发的菜单对应的下级树形菜单。而数量较多的N级树形菜单可在其对应的N-1级树形菜单被用户触发时，浏览器根据该触发指令再次向网络设备请求N级菜单数据，并根据返回的菜单数据生成上述被用户触发的N-1级树形菜单对应的N级树形菜单。据此即可实现较短时间内在网管页面中生成树形菜单，以缩短用户登录网管页面后的等待时间。

应用本申请的技术方案，在用户加载网管页面时，浏览器可向网络设备请求树形菜单的部分菜单数据，并根据网络设备返回的菜单数据，生成树形菜单展示给用户。当某一树形菜单被用户触发时，若浏览器缓存有其下级菜单数据，则可根据预先缓存的菜单数据生成该菜单对应的下级树形菜单；若浏览器未缓存其下级菜单数据，则可再次向网络设备请求下级菜单数据，并根据返回的菜单数据生成该菜单对应的下级树形菜单。与现有技术相比，可减少浏览器首次向网络设备请求的数据量，缩短首次菜单数据的传输耗时，从而缩短首次生成树形菜单的总耗时，缩短用户登录网管页面后的等待时间，提高用户使用体验。

与前述一种网管页面中树形菜单的生成方法的实施例相对应，本申请还提供了一种网管页面中树形菜单的生成装置的实施例。

本申请一种网管页面中树形菜单的生成装置的实施例可以应用在终端设备中装载的浏览器上。装置实施例可以通过软件实现，也可以通过硬件或者软硬件结合的方式实现。以软件实现为例，作为一个逻辑意义上的装置，是通过其所在终端设备的处理器将非易失性存储器中对应的计算机程序指令读取到内存中运行形成的。从硬件层面而言，如图3所示，为本申请一种网管页面中树形菜单的生成装置所在终端设备的一种硬件结构图，除了图3所示的处理器、内存、网络出接口、以及非易失性存储器之外，实施例中装置所在的终端设备通常根据该终端设备的实际功能，还可以包括其他硬件，对此不再赘述。

请参考图4，为本申请实施例一提供的一种网管页面中树形菜单的生成装置，该装置可以包括：第一请求模块410、第一生成模块420、第二请求模块430和第二生成模块440。其中，

第一请求模块410，用于根据用户的加载指令，向所述网络设备请求所述N级树形菜单中前M级树形菜单的菜单数据；

第一生成模块420，用于根据所述网络设备返回的菜单数据在网管页面中生成前M级树形菜单；

第二请求模块430，用于当M级树形菜单被用户触发时，向所述网络设备请求M+1级树形菜单的菜单数据；

第二生成模块440，用于根据网络设备返回的M+1级树形菜单的菜单数据在网管页面中生成被用户触发的所述M级树形菜单对应的M+1级树形菜单。

其中，所述N为大于1的自然数，M为大于等于1的自然数，且M小于N。

请参考图5，为本申请实施例二提供的一种网管页面中树形菜单的生成装置，该装置可以包括：第一请求模块510、第一生成模块520、第三请求模块530和第三生成模块540。其中，

第一请求模块510，用于根据用户的加载指令，向所述网络设备请求所述N级树形菜单中前M级树形菜单的菜单数据；

第一生成模块520，用于根据所述网络设备返回的菜单数据在网管页面中生成前M级树形菜单；

第三请求模块530，用于当M级树形菜单被用户触发时，向所述网络设备请求M+1级到N级树形菜单的菜单数据；

第三生成模块540，用于根据网络设备返回的M+1级到N级树形菜单的菜单数据在网管页面中生成被用户触发的所述M级树形菜单对应的M+1级到第N级树形菜单。

其中，所述N为大于1的自然数，M为大于等于1的自然数，且M小于N。

在本申请的一种具体实施方式中，所述M等于N-1。

上述装置中各个单元的功能和作用的实现过程具体详见上述方法中对应步骤的实现过程，在此不再赘述。

对于装置实施例而言，由于其基本对应于方法实施例，所以相关之处参见方法实施例的部分说明即可。以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本申请方案的目的。本领域普通技术人员在不付出创造性劳动的情况下，即可以理解并实施。

以上所述仅为本申请的较佳实施例而已，并不用以限制本申请，凡在本申请的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本申请保护的范围之内。

Claims (8)

1.一种网管页面中树形菜单的生成方法，其特征在于，所述网管页面用于对网络设备进行配置，所述网络设备对应有N级树形菜单，所述方法包括：

根据用户的加载指令，向所述网络设备请求所述N级树形菜单中前M级树形菜单的菜单数据；

根据所述网络设备返回的菜单数据在网管页面中生成树形菜单；

其中，所述N为大于1的自然数，M为大于等于1的自然数，且M小于N。

2.根据权利要求1所述的方法，其特征在于，还包括：

当M级树形菜单被用户触发时，向所述网络设备请求M+1级树形菜单的菜单数据；

根据网络设备返回的M+1级树形菜单的菜单数据在网管页面中生成被用户触发的所述M级树形菜单对应的M+1级树形菜单。

3.根据权利要求1所述的方法，其特征在于，还包括：

当M级树形菜单被用户触发时，向所述网络设备请求M+1级到N级树形菜单的菜单数据；

根据网络设备返回的M+1级到N级树形菜单的菜单数据在网管页面中生成被用户触发的所述M级树形菜单对应的M+1级到N级树形菜单。

4.根据权利要求1所述的方法，其特征在于，所述M等于N-1。

5.一种网管页面中树形菜单的生成装置，其特征在于，所述网管页面用于对网络设备进行配置，所述网络设备对应有N级树形菜单，所述装置包括：

第一请求模块，用于根据用户的加载指令，向所述网络设备请求所述N级树形菜单中前M级树形菜单的菜单数据；

第一生成模块，用于根据所述网络设备返回的菜单数据在网管页面中生成树形菜单；

其中，所述N为大于1的自然数，M为大于等于1的自然数，且M小于N。

6.根据权利要求5所述的装置，其特征在于，还包括：

第二请求模块，用于当M级树形菜单被用户触发时，向所述网络设备请求M+1级树形菜单的菜单数据；

第二生成模块，用于根据网络设备返回的M+1级树形菜单的菜单数据在网管页面中生成被用户触发的所述M级树形菜单对应的M+1级树形菜单。

7.根据权利要求5所述的装置，其特征在于，还包括：

第三请求模块，用于当M级树形菜单被用户触发时，向所述网络设备请求M+1级到N级树形菜单的菜单数据；

第三生成模块，用于根据网络设备返回的M+1级到N级树形菜单的菜单数据在网管页面中生成被用户触发的所述M级树形菜单对应的M+1级到N级树形菜单。

8.根据权利要求5所述的装置，其特征在于，所述M等于N-1。