基于Web页面的树形菜单动态维护方法与装置

摘要

本发明公开了一种基于Web页面的树形菜单动态维护方法，包括：为Web页面框架中的每个导航目录中的各菜单设置标识各菜单的数组，每一数组与该数组所标识的菜单的属性列表对应；其中，数组的维数标示了该数组对应菜单在导航目录中的级别信息；确定新增菜单在导航目录中的级别，为新增菜单设置标识新增菜单的数组，并将新增菜单的属性值插入到新增菜单的属性列表中，其中，每个导航目录中相同级别的菜单的属性列表中对应属性值的排列顺序相同；将新增菜单的数组置入到对应导航目录中相应级别菜单所在的数组中。本发明同时公开了一种实现前述方法的装置。本发明实现简单、易操作，无需专业人员即能实现对终端设备界面中菜单的动态维护。

说明书

技术领域

本发明涉及一种基于Web页面的树形菜单动态维护方法与装置。

背景技术

用户对终端显示界面的配置方式有很多种途径，其中主要有基于Web页面的配置、通过Tr069(一种国际标准网管协议)网管平台进行配置或通过命令行接口(CLI，Command Line Interface)进行配置等。而Tr069网管平台技术是一种基于网络的远程配置方式，对于管理员或普通用户来说配置操作的难度较大，只有非常专业的人员用其来对远程设备进行配置，而采用CLI的配置方式主要应用在大型设备中，如交换机中，应用于终端设备的应用技术还不够成熟，因此，一般采用Web页面的配置方式对终端设备进行界面配置。

Web页面的整体框架是Web页面的基础结构，它控制整个Web页面的外观显示特征，如菜单如何排版及显示等。Web页面中，采用树形菜单是来实现Web页面的导航。树形菜单使终端Web页面中的多菜单更有层次，一般采用主菜单下设置子菜单的方式来体现菜单之间的层次，这就形成了二级、三级菜单。树形菜单支持菜单的折叠，节省界面空间的排版，方便用户寻找需要配置的页面，从而美化了终端设备的界面。

树形菜单虽然美化了终端设备中的菜单界面，但对树形菜单的Web页面的维护却非常不便：如新增加菜单或删除菜单时，就必须调整整个Web页面框架、改变现有菜单名称、调整主次菜单之间关系等等，这相当于每次调整都得改动Web页面的代码，非常不便。

发明内容

有鉴于此，本发明的主要目的在于提供一种基于Web页面的树形菜单动态维护方法与装置，能节俭菜单的Web页面配置代码，开实现对Web页面的树形菜单的动态维护。

为达到上述目的，本发明的技术方案是这样实现的：

一种基于Web页面的树形菜单动态维护方法，包括：

为Web页面框架中的每个导航目录中的各菜单设置标识所述各菜单的数组，每一数组与该数组所标识的菜单的属性列表对应；其中，所述数组的维数标示了该数组对应菜单在导航目录中的级别信息；

确定新增菜单在所述导航目录中的级别，为所述新增菜单设置标识所述新增菜单的数组，并将所述新增菜单的属性值插入到所述新增菜单的属性列表中，其中，每个导航目录中相同级别的菜单的属性列表中对应属性值的排列顺序相同；以及

将所述新增菜单的数组置入到对应导航目录中相应级别菜单所在的数组中。

优选地，所述数组的维数标示了该数组对应菜单在导航目录中的级别信息，具体为：

n维数组对应于n-1级菜单，其中，n>＝2。

优选地，所述属性值包括菜单名称、菜单的显示状态、菜单的地址。

优选地，所述Web页面框架设置了所述菜单的显示背景、显示位置、显示比例、分屏符的显示样式。

一种基于Web页面的树形菜单动态维护方法，包括：

为Web页面框架中的每个导航目录中的各菜单设置标识所述各菜单的数组，每一数组与该数组所标识的菜单的属性列表对应；以及

删除所述菜单时，在待删除菜单对应的导航目录中查找所述待删除菜单对应的数组，删除所述待删除菜单对应的数组。

一种基于Web页面的树形菜单动态维护装置，包括：

设置单元，用于为Web页面框架中的每个导航目录中的各菜单设置标识所述各菜单的数组；为新增菜单设置标识所述新增菜单的数组；

菜单属性列表生成单元，用于为每个导航目录中的各菜单生成属性列表，并使每一数组与该数组所标识的菜单的属性列表对应，其中，每个导航目录中相同级别的菜单的属性列表中对应属性值的排列顺序相同，所述数组的维数标示了该数组对应菜单在导航目录中的级别信息；

确定单元，用于在新增菜单时确定所述新增菜单在所述导航目录中的级别，并触发所述设置单元及所述菜单属性列表生成单元；以及

数组插入单元，用于将所述新增菜单的数组置入到对应导航目录中相应级别菜单所在的数组中。

优选地，所述数组的维数标示了该数组对应菜单在导航目录中的级别信息，具体为：

n维数组对应于n-1级菜单，其中，n>＝2。

优选地，所述属性值包括菜单名称、菜单的显示状态、菜单的地址。

优选地，所述Web页面框架设置了所述菜单的显示背景、显示位置、显示比例、分屏符的显示样式。

一种基于Web页面的树形菜单动态维护装置，包括：

设置单元，用于为Web页面框架中的每个导航目录中的各菜单设置标识所述各菜单的数组；

菜单属性列表生成单元，用于为每个导航目录中的各菜单生成属性列表，并使每一数组与该数组所标识的菜单的属性列表对应；

查找单元，用于在删除所述菜单时，在待删除菜单对应的导航目录中查找所述待删除菜单对应的数组；以及

删除单元，用于删除所述待删除菜单对应的数组。

本发明为菜单设置相应的数组，并使数组与该数组对应的菜单属性列表对应起来，对于Web页面框架中的相同级别的菜单而言，相同级别的菜单的属性列表中对应属性值的排列顺序是相同的，这样，相同级别的菜单对应的Web页面的代码即完全相同，也即相同级别的菜单的配置指令相同，简化了Web页面框架；而在Web页面框架中并不设定所支持菜单的数目，而仅通过标示菜单级别的数组来实现对菜单的标识，从而通过增加或删除相应的数组即可实现对菜单的增加或删除，而增加或删除菜单后，无需更改配置指令的代码，从而无需对Web页面框架进行任何更改。本发明实现简单、易操作，无需专业人员即能实现对终端设备界面中菜单的动态维护。

附图说明

图1为本发明基于Web页面的树形菜单动态维护方法一种实施例的流程示意图；

图2为本发明一级菜单在Web页面中显示的示意图；

图3为本发明二级菜单在Web页面中显示的示意图；

图4为本发明基于Web页面的树形菜单动态维护方法另一种实施例的流程示意图；

图5为本发明基于Web页面的树形菜单动态维护装置一种实施例的组成结构示意图；

图6为本发明基于Web页面的树形菜单动态维护装置另一种实施例的组成结构示意图。

具体实施方式

本发明的基本思想是：为菜单设置相应的数组，并使数组与该数组对应的菜单属性列表对应起来，对于Web页面框架中的相同级别的菜单而言，相同级别的菜单的属性列表中对应属性值的排列顺序是相同的，这样，相同级别的菜单对应的Web页面的代码即完全相同，也即相同级别的菜单的配置指令相同，简化了Web页面框架；而在Web页面框架中并不设定所支持菜单的数目，而仅通过标示菜单级别的数组来实现对菜单的标识，从而通过增加或删除相应的数组即可实现对菜单的增加或删除，而增加或删除菜单后，无需更改配置指令的代码，从而无需对Web页面框架进行任何更改。本发明实现简单、易操作，无需专业人员即能实现对终端设备界面中菜单的动态维护。

为使本发明的目的、技术方案和优点更加清楚明白，以下举实施例并参照附图，对本发明进一步详细说明。

图1为本发明实施例的基于Web页面的树形菜单动态维护方法的流程示意图，如图1所示，本实施例的基于Web页面的树形菜单动态维护方法包括以下步骤：

步骤101：为Web页面框架中的每个导航目录中的各菜单设置标识所述各菜单的数组，每一数组与该数组所标识的菜单的属性列表对应；其中，所述数组的维数标示了该数组对应菜单在导航目录中的级别信息。

用超文本标记语言(HTML，Hyper Text Markup Language)搭建好一个基本的Web页面框架，Web页面框架一般根据用户的需求而设置，Web页面框架是约定菜单的显示样式的，如菜单的显示背景(色彩、图片等)、在Web页面中哪个位置显示菜单、菜单的显示比例、菜单需要分屏显示时的分屏符等。Web页面中的菜单必须嵌入于Web页面框架中。

Web页面框架搭建好后，就可以在对应的导航目录下面搭建菜单的导航目录，导航目录中并不限定菜单的数目，即支持动态的菜单排版，支持动态排版菜单的原理是：在导航目录下，根据所置入该导航目录中的菜单数目和菜单的级别设置等，为每个菜单设置对应的数组。数组的维数标示了该数组对应菜单在导航目录中的级别，n维数组对应于n-1级菜单；如对于主菜单(一级菜单)而言，用二维数组表示，对于二级菜单而言，用三维数组表示，对于三级菜单而言，用四维数组表示，依此类推。如用menu_items[0][0]、menu_items[0][1]来表示某个导航目录下的一级菜单的标识，数组中的第一个数字“[0]”可认为是导航目录的标识，menu_items[0][0][3]则是menu_items[0][0]对应的一级菜单的子菜单的标识，即是二级菜单的标识，而menu_items[1][0]、menu_items[1][5]则是另一导航目录下的一级菜单标识。

为菜单设置完数组标识后，即建立菜单属性列表到数组的对应关系。菜单属性是指示Web页面正确显示菜单的具体信息，如菜单名称、菜单的状态及菜单的地址信息等均属于菜单属性。以下以具体示例进行说明：

menu_items[0][0]＝new Array(＂宽带设置＂，＂closed＂，wan_url)

menu_items[0][1]＝new Array(＂宽带语音信息＂，＂single＂，voip_url)

其中的“宽带设置”、“宽带语音信息”分别是menu_items[0][0]、menu_items[0][1]所标识的一级菜单的名称，即显示到终端设备Web页面中的菜单名称。“closed”、“single”分别是menu_items[0][0]、menu_items[0][1]所标识的一级菜单的状态，其中“closed”表示该菜单包含子菜单(二级菜单)，但所包含的子菜单处于“关闭”状态，“single”表示该菜单不包含子菜单。“wan_url”、“voip_url”分别是menu_items[0][0]、menu_items[0][1]所标识的一级菜单的统一资源定位符(URL，Uniform Resource Locator)地址，表明菜单在Web页面中的URL地址。

图2为本发明一级菜单在Web页面中显示的示意图，如图2所示，示出了menu_items[0][0]、menu_items[0][1]所标识的一级菜单在终端设备的Web页面中显示的状况。其中的显示背景由Web页面框架设定。菜单“宽带设置”前的“+”符号表示该菜单包含子菜单，菜单“宽带语音信息”前的“○”符号表示该菜单不包含子菜单，菜单前显示的符号同样也是由Web页面框架设定的。

需要说明的是，每个导航目录中相同级别的菜单的属性列表中对应属性值的排列顺序相同。以menu_items[0][0]、menu_items[0][1]所标识的一级菜单为例，其属性列表是按名称、状态、地址的顺序排列的，其相同级别的菜单的属性列表也必须按上述的顺序排列。这样，导航目录中相同级别的菜单的配置指令即是完全相同的，以便在对该导航目录中的菜单增删时不必调整Web页面框架的结构，即不必更改Web页面框架的代码。

步骤102：确定新增菜单在所述导航目录中的级别，为所述新增菜单设置标识所述新增菜单的数组，并将所述新增菜单的属性值插入到所述新增菜单的属性列表中。

需要增加菜单时，根据该新增菜单在导航目录中的级别来确定标识该新增菜单的数组，具体的，对于二级菜单，为其设置三维数组，对于一级菜单，为其设置二维数组。以增加的二级菜单为例说明，如“宽带设置”菜单下面还有两个子菜单“宽带连接设置”和“DSL参数设置”，则就需要在menu_items[0][0]所标识的一级菜单基础上为上述的二级菜单设置数组，即在menu_items[0][0]的基础上进行扩充，如下：

menu_subitems[0][0]＝new Array()

menu_subitems[0][0][0]＝new Array(＂宽带连接设置＂，wan_url，＂net_wan_conf_t.gch＂)

menu_subitems[0][0][1]＝new Array(＂DSL参数设置＂，dslconf_url，＂net_dsl_conf_t.gch＂)

上例同时给出了menu_subitems[0][0][0]、menu_subitems[0][0][1]所标识的二级菜单的菜单属性列表，其中的“宽带连接设置”“DSL参数设置”表示菜单名称，“wan_url”、“dslconf_url”表示菜单的地址，“net_wan_conf_t.gch”、“net_dsl_conf_t.gch”表示菜单所对应的执行文件名称。二级菜单的菜单属性列表的属性排序也是相同的，这在新增二级菜单后，不必调整Web页面框架的结构。

步骤103：将所述新增菜单的数组置入到对应导航目录中相应级别菜单所在的数组中。

将新增菜单的数组插入到导航目录中相应级别菜单所在的数组中，即将menu_subitems[0][0][0]、menu_subitems[0][0][1]插入到menu_subitems[0][0]下的二级菜单对应的数组中。这里，menu_subitems[0][0]下在menu_subitems[0][0][0]、menu_subitems[0][0][1]插入之前即可能存在其他的二级菜单的数组。

图3为本发明二级菜单在Web页面中显示的示意图，如图3所示，示出了在menu_items[0][0]中插入menu_subitems[0][0][0]、menu_subitems[0][0][1]后菜单在终端设备的Web页面中显示的状况，图中的显示方式由Web页面框架设定。

本发明并不限定菜单插入Web页面框架中的顺序，若插入到现有菜单数组的前面，则显示在现有菜单的前面，同样的，若插入到现有菜单数组的后面，则显示在现有菜单的后面，即按菜单数组的顺序而显示。用户可根据需要设定新增加的菜单的显示顺序。

图4为本发明基于Web页面的树形菜单动态维护方法另一种实施例的流程示意图，如图4所示，本实施例的基于Web页面的树形菜单动态维护方法包括：

步骤401：为Web页面框架中的每个导航目录中的各菜单设置标识所述各菜单的数组，每一数组与该数组所标识的菜单的属性列表对应。

步骤401的实现方式与步骤101的实现方式基本相同，这里不再赘述。

步骤402：删除菜单时，在待删除菜单对应的导航目录中查找该待删除菜单对应的数组，删除该待删除菜单对应的数组。

删除菜单时，删除该待删除菜单对应的数组即可，当然，也可将数组与菜单属性列表之间的对应关系一并删除。如果所删除的数组所对应的菜单是某个或某些子菜单的主菜单时，该被删除的主菜单下的所有子菜单将不能被Web页面显示。

本领域技术人员应当理解，将图4所示的方法与图1所示的方法结合，能更好地维护本发明的树形菜单。

图5为本发明实施例的基于Web页面的树形菜单动态维护装置的组成结构示意图，如图5所示，本发明实施例的基于Web页面的树形菜单动态维护装置包括设置单元50、菜单属性列表生成单元51、确定单元52及数组插入单元53，其中，设置单元50用于为Web页面框架中的每个导航目录中的各菜单设置标识所述各菜单的数组；为所述新增菜单设置标识所述新增菜单的数组；菜单属性列表生成单元51用于为每个导航目录中的各菜单生成属性列表，并使每一数组与该数组所标识的菜单的属性列表对应，其中，每个导航目录中相同级别的菜单的属性列表中对应属性值的排列顺序相同，所述数组的维数标示了该数组对应菜单在导航目录中的级别信息；确定单元52用于在新增菜单时确定所述新增菜单在所述导航目录中的级别，并触发所述设置单元50及所述菜单属性列表生成单元51，即重新为新增菜单设置数组及菜单属性列表，并建立该新增数组与新增菜单属性列表之间的对应关系；数组插入单元53用于将所述新增菜单的数组置入到对应导航目录中相应级别菜单所在的数组中。

本领域技术人员应当理解，图5所示的基于Web页面的树形菜单动态维护装置是为实现图1所示的基于Web页面的树形菜单动态维护方法而设计的，图5所示装置中的各处理单元的实现功能可参照图1所示的方法中的相关描述而理解。图5所示的基于Web页面的树形菜单动态维护装置中各单元的功能可通过运行于处理器上的程序而实现，也可通过具体的逻辑电路而实现。

图6为本发明基于Web页面的树形菜单动态维护装置另一种实施例的组成结构示意图，如图6所示，本实施例的基于Web页面的树形菜单动态维护装置包括设置单元60、菜单属性列表生成单元61、查找单元62和删除单元63，其中，设置单元60用于为Web页面框架中的每个导航目录中的各菜单设置标识所述各菜单的数组。菜单属性列表生成单元61用于为每个导航目录中的各菜单生成属性列表，并使每一数组与该数组所标识的菜单的属性列表对应。查找单元62用于在删除所述菜单时，在待删除菜单对应的导航目录中查找所述待删除菜单对应的数组；删除单元63用于删除所述待删除菜单对应的数组。设置单元60及菜单属性列表生成单元61的相应功能与设置单元50及菜单属性列表生成单元51基本相同。

本领域技术人员应当理解，将图6所示的装置与图5所示的装置结合，能更好地维护本发明的树形菜单，对于功能相同的单元，如其中的设置单元和菜单属性列表生成单元，可以共用。

以上所述，仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。