基于OpenStack Horizon类手风琴样式侧边栏实现方法技术

本发明专利技术公开了一种基于OpenStack Horizon类手风琴样式侧边栏实现方法，包括下列步骤：收集用户使用Horizon组件各个页面的频率，得到常用页面排序；根据常用页面排序以及各页面内容，对整体菜单栏进行整合重排；以纯图标形式显示第一级菜单所在区域，检测鼠标是否滑动至第一级菜单所在区域，如果是则显示第一级菜单所有名称；当鼠标离开第一级菜单所在区域，第一级菜单所有名称自动隐藏；检测鼠标是否点击第一级菜单所在区域，如果是则显示与该第一级菜单所在区域相对应的第二级菜单，同时其他第一级菜单所有名称自动隐藏。本发明专利技术减少用户不必要的鼠标点击动作，方便用户在同一级菜单下快速切换，增加了用户使用体验。

Implementation of accordion style sidebar based on openstack horizon

【技术实现步骤摘要】
基于OpenStackHorizon类手风琴样式侧边栏实现方法
本专利技术属于计算机领域，尤其涉及一种菜单显示方法，具体涉及一种基于OpenStackHorizon类手风琴样式侧边栏实现方法。
技术介绍
OpenStack是一个开源的云计算管理平台项目，由几个主要的组件组合起来完成具体工作，Horizon项目即为OpenStack的前端组件。Horizon使用的是Django应用程序为用户和管理员提供一个管理OpenStack服务的接口。目前Horizon组件的前端页面的左侧部分即为导航栏，如图1所示，导航栏将整体菜单分为三级，以图1为例，该样式的导航栏存在如下几个问题：1、多级菜单间的区分不明显：可以看到，一到三级菜单的区分使用了不同的缩进程度进行区分，这样的区分方式容易产生混乱，同时，当出现一些不属于二级菜单的三级菜单直接附属于一级菜单时(如图1中的三级菜单5)，菜单整体会出现不协调的样式，甚至让人觉得是设计上的不统一；2、菜单分级过多：Horizon组件在设计上将页面按照功能进行了三级划分，由下至上为三级菜单、二级菜单、一级菜单，通过这样本文档来自技高网...

【技术保护点】
1.一种基于OpenStack Horizon类手风琴样式侧边栏实现方法，其特征在于，包括下列步骤：/nS1.收集用户使用Horizon组件各个页面的频率，得到常用页面排序；/nS2.根据常用页面排序以及各页面内容，对整体菜单栏进行整合重排；/nS3.以纯图标形式显示第一级菜单所在区域，检测鼠标是否滑动至第一级菜单所在区域，如果是，则显示第一级菜单的所有名称；当鼠标离开第一级菜单所在区域，第一级菜单的所有名称自动隐藏；/nS4.检测鼠标是否点击第一级菜单所在区域，如果是，则显示与该第一级菜单所在区域相对应的第二级菜单，同时其他第一级菜单的所有名称自动隐藏。/n

【技术特征摘要】
1.一种基于OpenStackHorizon类手风琴样式侧边栏实现方法，其特征在于，包括下列步骤：
S1.收集用户使用Horizon组件各个页面的频率，得到常用页面排序；
S2.根据常用页面排序以及各页面内容，对整体菜单栏进行整合重排；
S3.以纯图标形式显示第一级菜单所在区域，检测鼠标是否滑动至第一级菜单所在区域，如果是，则显示第一级菜单的所有名称；当鼠标离开第一级菜单所在区域，第一级菜单的所有名称自动隐藏；
S4.检测鼠标是否点击第一级菜单所在区域，如果是，则显示与该第一级菜单所在区域相对应的第二级菜单，同时其他第一级菜单的所...

【专利技术属性】
技术研发人员：高亦乐，
申请(专利权)人：上海仪电集团有限公司中央研究院，
类型：发明
国别省市：上海;31