[发明专利]一种基于云海IOP平台创建导航条的方法

权利要求书

1.一种基于云海IOP平台创建导航条的方法，其特征在于，该方法基于云海IOP平台，通过定义一个统一的导航条处理函数以及一个全局的变量存储页面的name与url信息来监控并记录用户的点击路径，并通过用户的点击路径生成导航条。

2.根据权利要求1所述的一种基于云海IOP平台创建导航条的方法，其特征在于，该方法的具体实现过程包括：

S10：定义一个全局的数组变量 var breadcrumb = new Arrry()，用来记录用户点击的路径，同时，定义一个统一处理导航条的函数，通过监控用户的点击动作来创建导航条；

S20：点击菜单栏里菜单加载出的第一级页面不配置导航条，从第一级页面下钻的页面需要配置导航条；

S30：当页面从第一级页面下钻到第二级页面时，第二级页面的顶部需要添加元素<ol class="breadcrumb minus" data-name="page"></ol>，其中data-name中的值是此页面的name，然后需要遍历数组 breadcrumb，取出来里面的值，根据name值与url值以及此页面的name值生成导航条，放到页面的顶部元素<ol>中；

S40：在用户每次点击菜单栏菜单跳转页面时清空数组 breadcrumb，并且此时加载的页面为第一级页面，在此页面上通过超链接下钻的页面称为第二级页面，在第二级页面上通过超链接跳转的页面为第三级页面，依次类推。

3.根据权利要求2所述的一种基于云海IOP平台创建导航条的方法，其特征在于，执行步骤S20时，当用户点击菜单栏里的菜单加载页面的时候，需要先重置数组变量 breadcrumb为空数组对象，即breadcrumb = []，然后把此页面的name信息与url信息记录到变量 breadcrumb中，即 breadcrumb.push({

name: name,

url: url

}，其中url为此页面的url，name为此页面对应的菜单栏里菜单的text值。

4.根据权利要求2所述的一种基于云海IOP平台创建导航条的方法，其特征在于，执行步骤S30时，还需要在变量 breadcrumb中记录下此页面的name与url，为下钻到第三级页面时生成导航条做准备。