CN106325686A - 树形导航中的快速切换方法及其导航树 - Google Patents

Abstract

本发明涉及一种树形导航中的快速切换的方法，其主要是在导航树外设置功能快捷按钮，通过使用功能快捷按钮实现导航树中的目录切换，其中，功能快捷按钮包括逐级深入按钮、逐级跳出按钮和/或逐级跳过按钮。本发明还涉及一种导航树，其设置有功能快捷按钮，用于实现导航树中的目录切换，其中，功能快捷按钮包括逐级深入按钮、逐级跳出按钮和/或逐级跳过按钮。本发明可以避免用户在茫茫节点中通过点击节点前一小块区域展开或闭合节点配合拖拽滚动条，才能找到目标节点的繁琐过程。可以让用户快速切换目录较长的树形节点列表，并可以避免让用户触发难以点击的收起与展开按钮，方便用户在查找时更为聚焦，最终可以给用户带来更好的操作体验。

Description

树形导航中的快速切换方法及其导航树

技术领域

本发明涉及一种树状结构导航（简称导航树）的快速切换方法，以及可以快速切换的树状结构导航，尤其适用于服务器节点的树形导航。

背景技术

导航树是目前服务器类管理软件常用的导航形式之一。管理平台中，也使用导航树，作为管理页面的入口，使得管理员能够更清楚、更快捷的了解当前整个环境中服务器、虚拟机及软硬件资源等的分布情况，方便管理员快速进入目标管理页面。但在管理平台中有一个实际问题，就是实际使用场景中，用户的服务器或者虚拟机等硬件设备可能有数十个或者几百个，传统导航树只能解决结构问题，但如何在众多节点中快速找到目标节点变成了一个棘手的问题。于是一种服务器节点导航中的快速切换的方法应运而生。

例如，Mac OS上的RSS reader2.0，其也采用了树形导航，针对快速定位到目标节点，如图1所示，它的做法主要是：明确节点的分级，将树的顶级节点组成一颗独立的树。点选顶级节点后，后拓展出以顶级节点为根节点的完整的导航树，并将一级 节点树隐藏。点击导航树根节点后，返回顶级节点导航树，完成根的切换。至于叶子节点的找寻，就是通过点击分类前的小箭头展开子级目录，拖动滚动条，这个过程会循环至用户找到目标为止。

只是，上述导航树还存在如下一些缺点：

1、只提供用户展开与收起功能，灵活性不好。比如用户所处的导航目录过长时，受限于PC屏幕的大小，用户既看不到此目录的上一级目录的收起功能，也看不到下一个目录的展开按钮，此时他必须通过拖动鼠标滚轮或点击屏幕上的滑动条，寻找到收起或展开按钮，再进行下一个目录的查询。对于服务器管理软件来说，通常一个目录下的子目录会有上百或上千条，这样的功能设计影响了IT管理员的查找效率。

2、展开与收起按钮易带来误操作，由于展开与收起按钮是与文字并排放置，从排版的角度考虑，图标形状不会过大，也就带来触区的变小；其次，在这一目录中，点击文字部分是进入到此目录具体的页面，而不执行收起与展开功能，这样留给展开与收起按钮的触区就更小了，也极易带来误操作。综上，即使用户从子目录回到上一级目录，由于展开与收起按钮的交互区域过小而有可能带来误操作或反复点击的不好体验。

发明内容

为了克服现有技术的上述缺陷，本发明目的在于提供一种树形导航中的快速切换方法，其可以让用户在大量树节点中快速找到目标节点，而花费的功夫相对小。

本发明又一目的在于提供一种导航树，其可以让用户在大量树节点中快速找到目标节点，而花费的功夫相对小。

为了达到上述目的，本发明提供的主要技术方案包括：

一种树形导航中的快速切换的方法，其包括在导航树外设置功能快捷按钮，通过使用功能快捷按钮实现导航树中的目录切换，其中，功能快捷按钮包括逐级深入按钮、逐级跳出按钮和/或逐级跳过按钮。

本发明快速切换的方法的一个实施例，其中，功能快捷按钮设于与导航树的根节点平级的位置。

本发明快速切换的方法的一个实施例，其中，功能快捷按钮置于顶层。

本发明快速切换的方法的一个实施例，其中，与导航树的根节点平级的位置增设一个功能快捷按钮区，各功能快捷按钮设于功能快捷按钮区。

本发明快速切换的方法的一个实施例，其中，导航树的根节点与功能快捷按钮区固定置于顶层。

上述任一种树形导航中的快速切换的方法，其中：

逐级深入按钮指从导航树的当前节点开始，逐级展开当前节点或当前节点的子节点或当前节点的下一个兄弟节点；

逐级跳出按钮指从导航树的当前节点开始，逐级收起当前节点或当前节点的父节点或当前节点的上一个兄弟节点；

逐级跳过按钮指从导航树的当前节点开始，顺次跳至当前节点的下一个兄弟节点。

本发明快速切换的方法的一个实施例，其中，当各功能快捷按钮不具备跳转条件时，其呈不能点击的灰色状态。

本发明快速切换的方法的一个实施例，其中，当前节点被显示为区别于其他节点。

上述任一种树形导航中的快速切换的方法，其中，所述导航树为服务器节点的导航树。

一种导航树，其设置有功能快捷按钮，用于实现导航树中的目录切换，其中，功能快捷按钮包括逐级深入按钮、逐级跳出按钮和/或逐级跳过按钮。

本发明导航树的一个实施例，其中，功能快捷按钮设于与导航树的根节点平级的位置。

本发明导航树的一个实施例，其具有一个功能快捷按钮区，各功能快捷按钮设于功能快捷按钮区。

本发明导航树的一个实施例，其中，功能快捷按钮置于顶层。

本发明导航树的一个实施例，其中，导航树的根节点与功能快捷按钮区固定置于顶层。

本发明导航树的一个实施例，其中，功能快捷按钮区设于与导航树的根节点平级的位置，导航树的根节点与功能快捷按钮区固定置于顶层。

上述任一种导航树，其中：

逐级深入按钮指从导航树的当前节点开始，逐级展开当前节点或当前节点的子节点或当前节点的下一个兄弟节点；

逐级跳出按钮指从导航树的当前节点开始，逐级收起当前节点或当前节点的父节点或当前节点的上一个兄弟节点；

逐级跳过按钮指从导航树的当前节点开始，顺次跳至当前节点的下一个兄弟节点。

本发明导航树的一个实施例，其中，当各功能快捷按钮不具备跳转条件时，其呈不能点击的灰色状态。

本发明导航树的一个实施例，其中，当前节点被显示为区别于其他节点。

上述任一种导航树，其中，所述导航树为服务器节点的导航树。

本发明的有益效果是：

本发明通过对传统树形导航进行改造，在与根节点平级的位置中，增加一个目录切换的功能快捷按钮区，按钮区包括“逐级深入按钮”、“逐级跳过按钮”和“逐级跳出按钮”三个按钮，根节点与按钮区整个区域固定置顶。通过三个按钮的配合使用使得用户可以通过该种目录切换功能，避免了在茫茫节点中通过点击节点前一小块区域展开或闭合节点配合拖拽滚动条，才能找到目标节点的繁琐过程。

本发明可以让用户快速切换目录较长的树形节点列表，灵活而实用；可以避免让用户触发难以点击的收起与展开按钮，方便用户在查找时更为聚焦；进一步的，可以给用户带来更好的操作体验。

附图说明

图1为现有技术中的一种树形导航的示意图；

图2为本发明一个实施例的快速切换方法的流程图；

图3为本发明一个实施例的导航树的结构示意图；

图4为在一个应用实例中本发明的方法与现有技术的对比图。

具体实施方式

为了更好的解释本发明，以便于理解，下面结合附图通过具体实施方式对本发明作详细描述。

参见图4，本发明一个实施例的导航树，其具有根节点、一级节点、二级节点、三级节点，以及功能快捷按钮区（其中具有“逐级深入按钮”、“逐级跳过按钮”和“逐级跳出按钮”三个按钮）。

其中，根节点和功能快捷按钮区固定置于顶层。

在使用过程中，可根据实际需要通过点击各功能快捷按钮进行导航树中各节点之间的切换，以实现在茫茫节点中快速查找指定的节点。

参见图2，本发明一个实施例的快速切换方法，其包括步骤：

S0、初始化导航树，根节点处于选中状态；

S1、进行目录浏览；

S2、根据当前选中目录状态，触发功能快捷按钮；

S3、当前目录关闭，选中并展开其下一级子目录/上一级父目录；或者同一级下一个兄弟目录；

S4、判断是否找到目标目录，若否，则继续执行步骤S2，若是，则结束。

结束后可通过鼠标单击动作进入选定的节点查看。

其中的触发动作也可以是通过单击鼠标实现的。

具体的，下面再举几个对比例作进一步说明：

对比例一，根节点下具有x个一级节点，每个一级节点下具有y个二级节点，每个二级节点下具有z个三级节点，现假设当前位于根节点，而欲查找的目标节点为第m个一级节点中的第n个二级节点中的第p个三级节点。

在本发明的导航树下，点击逐级深入按钮，自第一个一级节点开始：

可以通过点击逐级深入按钮，依次展开第一个一级节点下的各个二级节点，以及各个二级节点下的三级节点，并且，可以在遍历各一级节点和/或二级节点和/或三级节点后，再通过点击逐级跳出按钮将其依次收起，直至再返回至根节点……重复上述点击动作，直至查找到目标节点；

还可以通过点击逐级跳过按钮，直接跳过而不展开第一个、第二个……第（m-1）个一级节点，直接跳至第m个一级节点，再通过点击逐级深入按钮展开第m个一级节点及其中的各个二级节点，并且，可以在遍历各二级节点和/或三级节点后，再通过点击逐级跳出按钮将其依次收起，直至再返回至第m个一级节点……重复上述点击动作，直至查找到目标节点。

相比较而言，在现有的导航树下，则需要点击根节点将其展开，并点击各一级节点前的“+”将其展开，滚动鼠标滚轮遍历其二级节点后，再回滚鼠标滚轮找到该一级节点，点击其前面的“-”将其收起，再点击下一个一级节点前的“+”将其展开……重复上述动作直至找到目标节点。

通过对比可以看出，对于越复杂的导航树，现有的查找过程越复杂，消耗的时间也会越多，且由于需要来回反复地滚动鼠标滚轮，对于越靠近后面的同一级节点而言，越难以执行回滚鼠标滚轮之后再将其收起的动作，而反观本发明的导航树，由于其功能快捷按钮区与根节点固定置于顶层，使得使用极其方便，可以完全不受节点数量多少、节点所在位置的影响，可以通过三个按钮间的简单配合实现查找动作的简单化，尤其是，导航树结构越复杂，本发明相对现有技术的优势越明显。

对比例二，在管理平台中（可以是中标麒麟综合管理平台，其是一款基于Linux平台的集群软件，集监控、高可用、虚拟化为一身，是中标麒麟服务器系列产品的整合），管理平台中导航树的目录机构参见图3（仅以虚拟化集群为例），以在其系统目录下的导航树中查看虚拟机vm1的详情页面为例，对导航树的操作流程参见图4。

进入管理平台之后，点击系统后初始化以系统为根目录的导航树。通常包括一个二级目录—数据中心，三个三级目录—虚拟化集群，普通集群，高可用高级群，由于目标是查看虚拟机vm1的详情，仅以虚拟化集群为例继续进行说明，下分若干个四级目录，分别是存储、网络、虚拟机模板和N个虚拟化集群，虚拟化集群下包括五级目录主机、虚拟机，主机下包含主机N个，虚拟机下包含虚拟机N个，其中包括目标目录vm1。可以看出目标目录位于导航树中最深层级上。

通常的操作是：点击数据中心前的加号“+”，展开三级目录；点击虚拟化集群前的加号“+”，展开四级目录；逐一点击各具体虚拟化集群前的加号“+”，展开具体虚拟化集群，后点击虚拟机前的加号“+”，展开五级目录，通过拖动滚动条，最终查找到vm1。如果此时没有找到vm1,则要拉动滚动条找到同数据中心下的下一个虚拟化集群N，重复上述动作或者不断向上推动滚动条，找到二级目录，完成对其他数据中心内容的查找过程，循环往复，随着展开的目录增多，导航树越来越长，层级结构越来越深，在此基础上再做其他目录的查找越来越困难。

在本发明下的导航树，用户只需通过三个快捷键之间的相互配合完成操作：

1、点击逐级深入按钮，选中二级目录中的数据中心1，并展开；

2、点击逐级深入按钮，选中三级目录中的虚拟化集群，并展开；

3、点击逐级深入按钮，选中四级目录中的存储，此时，由于存储无子目录，逐级深入按钮变为灰选状态，不可点击；

4、点击逐级跳过按钮，依次选中网络、虚拟机模板、虚拟化集群1；

5、点击逐级深入按钮，展开虚拟化集群1，点击逐级跳过按钮选中你虚拟机，点击逐级深入按钮，展开叶子目录，使用逐级跳过按钮，定位vm1，鼠标点击，达到目的。

6、如果vm1不在虚拟化集群1中，配合使用逐级跳出按钮和逐级跳过按钮，使用上述方法遍历虚拟化集群n，或跳出到二级目录，遍历其它数据中心，直到找到目标目录。

这个过程最终只会展开目标目录关联的层级目录，保持了相对简洁的导航树结构，用户的操作区域固定在根节点处，减少了用户操作的位移，相对比现有树状导航中的“＋”号和“-”号而言，本发明的操作区域更直观。

综上所述可知，本发明通过对传统树形导航进行改造，在与根节点平级的位置中，增加一个目录切换的功能快捷按钮区，按钮区设置“逐级深入按钮”、“逐级跳过按钮”和“逐级跳出按钮”三个按钮，并将根节点与按钮区整个区域固定置顶。通过三个按钮的配合使用使得用户可以通过实现目录节点的快速切换，避免了在茫茫节点中通过点击节点前一小块区域展开或闭合节点再配合拖拽滚动条，才能找到目标节点的繁琐过程。通过上述改进，使得本发明相对现有技术具有如下有益效果：

1、本发明可以让用户快速切换目录较长的树形节点列表，灵活而实用；

2、本发明可以避免让用户触发难以点击的收起与展开按钮，方便用户在查找时更为聚焦；

3、由于上面两点，可以给用户带来更好的操作体验。

Claims (10)

1.一种树形导航中的快速切换的方法，其特征在于：

在导航树外设置功能快捷按钮，通过使用功能快捷按钮实现导航树中的目录切换，其中，功能快捷按钮包括逐级深入按钮、逐级跳出按钮和/或逐级跳过按钮。

2.如权利要求1所述的树形导航中的快速切换的方法，其特征在于：功能快捷按钮设于与导航树的根节点平级的位置。

3.如权利要求1所述的树形导航中的快速切换的方法，其特征在于：功能快捷按钮置于顶层。

4.如权利要求1所述的树形导航中的快速切换的方法，其特征在于：与导航树的根节点平级的位置增设一个功能快捷按钮区，各功能快捷按钮设于功能快捷按钮区。

5.如权利要求1、2、3或4所述的树形导航中的快速切换的方法，其特征在于：

逐级深入按钮指从导航树的当前节点开始，逐级展开当前节点或当前节点的子节点或当前节点的下一个兄弟节点；

逐级跳出按钮指从导航树的当前节点开始，逐级收起当前节点或当前节点的父节点或当前节点的上一个兄弟节点；

逐级跳过按钮指从导航树的当前节点开始，顺次跳至当前节点的下一个兄弟节点。

6.如权利要求5所述的树形导航中的快速切换的方法，其特征在于：当各功能快捷按钮不具备跳转条件时，其呈不能点击的灰色状态。

7.一种导航树，其特征在于：其设置有功能快捷按钮，用于实现导航树中的目录切换，其中，功能快捷按钮包括逐级深入按钮、逐级跳出按钮和/或逐级跳过按钮。

8.如权利要求7所述的导航树，其特征在于：具有一个功能快捷按钮区，各功能快捷按钮设于功能快捷按钮区。

9.如权利要求8所述的导航树，其特征在于：功能快捷按钮区设于与导航树的根节点平级的位置，导航树的根节点与功能快捷按钮区固定置于顶层。

10.如权利要求7、8或9所述的导航树，其特征在于：

所述导航树为服务器节点的导航树。