CN102663091A

CN102663091A - 一种web应用导航管理方法及其系统

Info

Publication number: CN102663091A
Application number: CN2012101039391A
Authority: CN
Inventors: 杜恩宽; 杨博宇; 邓俊仕
Original assignee: GUANGDONG HUADA INTEGRATION TECHNOLOGY Co Ltd
Priority date: 2012-04-11
Filing date: 2012-04-11
Publication date: 2012-09-12
Anticipated expiration: 2032-04-11
Also published as: CN102663091B

Abstract

本发明公开了一种WEB应用导航管理方法及其系统，该方法包括：对WEB站点的每个页面内添加应用标记，对WEB站点进行全局导航管理，对打开的新页面进行监听，获取新页面的应用标记并显示于导航区内；其中，获取应用标记之后，先分析该新页面的导航级别，再将其与当前页面的导航级别进行对比，在导航区生成新的应用标记；其中，新页面为即将打开的页面；所述的应用标记包括用于导航区显示的图标、名称、链接、导航级别和/或描述的属性值。本发明通过获取各个页面的应用标记，在不同页面之间进行切换时，可以自动生成导航区的应用标记，用户不需要手动在页面内添加导航链接或设计栏目分级菜单，从而实现了导航区的灵活配置和个性化，增强导航界面的可维护性，减少企业维护成本。

Description

一种WEB应用导航管理方法及其系统

技术领域

本发明涉及一种用于WEB站点的导航管理方法及其系统。

背景技术

目前，Web应用的导航分为动态导航和静态导航这两种。其中，所述的动态导航是指系统依据用户浏览的路径动态生成的导航；所述的静态导航是指在页面内构造有一定逻辑层次关系的链接或根据菜单来生成的导航，而菜单必须在配置文件上配置好相应的数据才能实现静态或动态加载和显示。

系统使用以链接或菜单为基础的导航，需要在页面内手动添加导航链接或设计栏目分级菜单，从而导致了系统不便于维护。这种不便在软件规模较大、应用复杂、页面多的情况下，更为突出。

发明内容

本发明的目的在于克服现有技术的缺陷，提供一种WEB应用导航管理方法及其系统，能根据用户的不同浏览路径，生成不同的导航信息。

为实现上述目的，本发明采用以下技术方案：

一种WEB应用导航管理方法，该方法包括：对WEB站点的每个页面内添加应用标记，对WEB站点进行全局导航管理，对打开的新页面进行监听，获取新页面的应用标记并显示于导航区内；其中，获取应用标记之后，先分析该新页面的导航级别，再将其与当前页面的导航级别进行对比，在导航区生成新的应用标记；其中，新页面为即将打开的页面；所述的应用标记包括用于导航区显示的图标、名称、链接、导航类型、导航级别和/或描述的属性值。

这其中，在用户第一次进入的页面时，有一个导航类型的判断过程：导航类型为下级导航时则将目标页面的导航级别在当前页面的导航级别基础上再加1；为同级导航时，则将目标页面的导航级别与当前页面的一样；为上级导航时，则将目标页面的导航级别在当前页面的导航级别基础上再减1。

其进一步技术方案为：将新页面的导航级别与当前页面的导航级别进行对比包括以下二种：若为上级导航，则将先当前页面的应用标记从导航区中清除；若为下级导航，则将新页面的应用标记添加为导航区的最后一个应用标记。

其进一步技术方案为：将新页面的导航级别与当前页面的导航级别进行对比还包括以下二种：若为同级导航，清除当前导航区的最后一个应用标记，将新页面的应用标记存储为导航区的最后一个应用标记；若为随机导航，则将原导航区内低于和等于该新页面导航级别的应用标记删除，并将新页面的应用标记添加为导航区的最后一个应用标记。其中，首页的导航级别最高(通常设为1)，各子页面的导航级别依次变低。

其进一步技术方案为：打开的新页面进行监听包括对事件类型的判断，若为导航区的链接方式进入，则直接获取应用标记，若为页面区的链接方式进入，则捕捉该页面的应用标记。

其进一步技术方案为：若该页面无应用标记时，则分析该页面的URL，并自动生成用于导航区显示的应用标记。其中的分析原理为：根据URL有多少根“/”来分级，例如：http://www.360buy.com/product/508971.html，则将其分为2级，product为1级，508971.html为第2级，然后读取页面508971.html的Name在导航显示出来。

进一步技术方案为：该页面的应用标记为该页面的文件名。

其进一步技术方案为：所述页面的应用标记的导航级别依该页面的信息重要程度进行设定，若页面无设定的导航级别时，其导航级别低于当前页面的一级或与之相同。

其进一步技术方案为：所述的导航级别为依次增加的正整数，数字越大，其导航层次越深(即导航级别越低)。

一种WEB应用导航管理系统包括：用于装载导航内容的全局导航框架；用于响应用户操作捕捉链接的链接捕捉器；用于创建导航存储空间、设置导航级别、存取应用标记，根据URL加载相应的页面并将相应的数据传给导航显示器的全局导航管理器；和用于显示导航内容的导航显示器。

其进一步技术方案为：还包括用于显示页面内容的页面显示器。

本发明与现有技术相比的有益效果是：本发明通过获取各个页面的应用标记，在不同页面之间进行切换时，可以自动生成导航区的应用标记，用户不需要手动在页面内添加导航链接或设计栏目分级菜单，从而实现了导航区的灵活配置和个性化，增强导航界面的可维护性，减少企业维护成本。

下面结合附图和具体实施例对本发明作进一步描述。

附图说明

图1为本发明一种WEB应用导航管理方法具体实施例的流程图；

图2至图5为本发明一种WEB应用导航管理方法实施例1的页面显示内容示意图；

图6为本发明一种WEB应用导航管理系统具体实施例的方框结构图；

图7为采用本发明导航系统的某一电子商务网站的首页示意图(实施例2)。

具体实施方式

为了更充分理解本发明的技术内容，下面结合具体实施例对本发明的技术方案进一步介绍和说明，但不局限于此。

如图1所示，本发明一种WEB应用自动导航管理方法，该方法包括如下：对WEB站点的每个页面内添加应用标记，对WEB站点进行全局导航管理，对打开的新页面进行监听，获取新页面的应用标记并显示于导航区内；其中，获取应用标记之后，先分析该新页面的导航级别，再将其与当前页面的导航级别进行对比，在导航区生成新的应用标记；其中，新页面为即将打开的页面；所述的应用标记包括用于导航区显示的图标、名称、链接、导航级别和/或描述的属性值。将新页面的导航级别与当前页面的导航级别进行对比包括以下几种情形：若为同级导航，清除当前导航区的最后一个应用标记，将新页面的应用标记存储为导航区的最后一个应用标记；若为上级导航，则将先当前页面的应用标记从导航区中清除；若为下级导航，则将新页面的应用标记添加为导航区的最后一个应用标记。其中，全局导航管理主要是指创建存储空间，设置导航级别，存取应用标记。

整个流程图如下：

1)初始化：在初始化过程中，全局导航管理器会根据具体情况创建存储空间，设置首页导航级别，并将首页应用标记加入存储空间，加载首页页面内容。

2)监听事件：在首页完成初始化之后，系统会对页面进行监听，以及时响应用户的操作。

3)判断事件类型：在监听到事件之后，系统对该事件类型进行判断，如果用户点击的是页面链接，则触发链接捕捉器捕捉该链接；如果用户点击的是导航，则获取相应的应用标记；

4)获取应用标记：在捕捉到该链接之后，判断当前内容页面是否有应用标记，如果有，则获取相应的应用标记；没有，则分析URL，自动生成相应的应用标记；

5)分析导航类型：在获取到相应的应用标记之后，系统将分析导航类型，根据不同的导航类型调用不同的处理模块。其中，导航类型分为同级导航、上级导航、下级导航和随机导航，用户对导航的操作均可以又这四种导航组合完成：

a)处理同级导航：如果导航类型为同级导航，则将当前应用标记清除，并将获取的应用标记存进存储空间。

b)处理上级导航：如果导航类型为上级导航，则将当前应用标记清除。

c)处理下级导航：如果导航类型为下级导航，则将获取的应用标记存进存储空间。

d)处理随机导航：随机导航只能随机返回到已有的导航，例如当前导航级别为第四级，那只能返回第一、二或三级中任意一级。如果导航类型为随机导航，则将获取到导航设定为当前导航，并将当前导航后的导航全部清除，例如从第四级导航返回到第一级导航，则将第一级导航设定为当前导航，并将第二、三和四级导航清除。

6)导航显示器从存储空间获取到相关导航信息之后，将其在页面上显示出来。

其中，应用标记格式，可以采用如下格式：

<ioc＝”图标”name＝”名称”href＝”链接”导航级别＝”1”text＝”描述”导航类型＝”0”>

导航类型分为：0下一级

1同级

2返回上一级

3随机返回多级

导航类型的值在编写链接代码时根据链接的具体情况来确定，在触发链接时，根据其代码中的某一参数来确定目标页面的导航类型；如果导航类型没确定，默认值为0。

应用标记的属性个数可以根据具体应用来添加或减少。

实施例1

如图2至图5所示，用户从test1进入子页面test2，再从test2进入同级导航test3，然后从test3进入子页面test4，最后从test4返回到test1，其过程如下：

1.系统在初始化过程中，加载test1页面内容，创建存储空间，并将test1导航级别设置为1存入存储空间中；

2.用户在test1页面上点击超链接test2，触发链接捕捉器捕捉该链接，同时内容页面区加载test2页面；

3.全局导航管理器分析该链接，读取出test2的应用标记，例如：test2的图标icon、名称title、链接<a href>和描述text等属性值，并将test2的导航级别设置为2(因为test2的导航类型为0，而test1的导航级别为1，所以将test2的导航级别置为2)；

4.全局导航管理器分析该链接的导航类型为下级导航，则将test2的应用标记存入存储空间；

5.全局导航管理器读取存储空间中所有的内容在导航区显示出来，效果如下图2所示；

6.当用户在test2页面的下方点击超链接test3，将触发链接捕捉器捕捉test3链接，同时内容页面区加载test3页面(其中，由于从test2页面链接至test3页面为同级导航，在页面设计时，系统在写test3链接的代码时，在其中增加了相应的代码，用于识别该链接为同级导航)；

7.全局导航管理器读取出test3的应用标记，并将test3的导航级别设置为2(因系统识别出此次链接为同级导航，通过其链接至test3页面时，test3页面的导航级别与test2页面的导航级别保持不变)；

8.全局导航管理器分析test3导航类型，因为test3的导航级别与test2的导航级别相等，所以test3为test2同级导航，系统将清除test2的应用标记，并将test3存入存储空间中；

9.全局导航管理器读取存储空间中所有的内容在导航区显示出来，效果如下图3所示；

10.用户在test3页面上点击超链接test4，触发链接捕捉器捕捉该链接，同时内容页面区加载test4页面；

11.全局导航管理器分析该链接，读取出test4的应用标记，并将test4的导航级别设置为3；

12.全局导航管理器分析该链接的导航类型为下级导航，则将test4的应用标记存入存储空间；

13.全局导航管理器读取存储空间中所有的内容在导航区显示出来，效果如图4所示；

14.当用户在导航区直接点击test1时，将触发导航事件，全局导航管理器从存储空间直接读取出test1的应用标记；

15.全局导航管理器分析该链接的导航类型为随机导航，系统将清除存储空间中前两级的导航信息(即test3和test4的应用标记)；

16.全局导航管理器将test1在导航区显示出来，效果如图5所示。

如图2至图5所示，本发明通过框架将页面划分为导航区和页面区。上面为导航区，下面为内容区。本发明通过捕捉用户在页面触发的链接或导航，分析页面标记获取到相关应用标记，通过全局导航管理器动态生成导航菜单在导航区显示出来。

如图6所示，本发明还提供一种WEB应用导航管理系统，该系统包括：全局导航框架1、链接捕捉器2、全局导航管理器3、导航显示器41。其中，所述的全局导航框架主要用于装载导航内容；所述的链接捕捉器主要用于响应用户操作，捕捉相应的链接；所述的全局导航管理器主要用于创建导航存储空间，设置导航级别，存取应用标记，根据URL加载相应的页面，并将相应的数据传给导航显示器；所述的导航显示器主要用于显示导航内容。还包括页面显示器42，用于显示页面具体内容。

实施例2

如图7所示，为某一电子商务网站的首页内容，现针对该网站采用本发明的WEB应用导航管理方法与传统固定式的导航方法是进行对比分析：

传统固定式的导航方法：不管以何种方式进入不同级别的子页面，其导航区的导航信息是固定不变的；比如从首页进入洗衣机的子页面，与从家电页面进入洗衣机的子页面，其上方的导航信息均为：＞首页＞家电＞洗衣机

其导航信息是固定不变的，当需要修改页面时需要对其导航信息进行修改，导致网站的维护成本增加。

而本发明的导航方法为：

从首页进入洗衣机的子页面，其上方的导航信息则为：＞首页＞洗衣机

从家电页面进入洗衣机的子页面，其上方的导航信息则为：＞首页＞家电＞洗衣机

每个子页面的导航区显示的内容，依用户进入该子页面的路径不同(即是通过何种链接方式进入的)而不同。使得用户可以根据导航区的内容向后回退浏览，从而有利于用户在WEB网站上的体验。子页面的修改，比如子页面在整个WEB网站的所处的位置发生变化时，其中应用标记不需要修改，仅当其页面标记发生变化时(即该页面已经发生实际变化，成为一个新的页面时)才需要生成新的应用标记；当一个大型网站，有大量的页面需要进行维护时，采用本发明的WEB应用导航管理方法则可以节省大量的维护成本。

本发明针对每个页面的应用标记有一个导航级别和导航类型，且该导航级别根据进入该页面的导航类型来决定，系统在链接代码是增加相应的代码对该链接的导航类型进行定义，使得该链接被触发时，可以确定导航类型是下级导航还是同级导航(可以设定默认值为下级导航)，而上级导航和随机导航由点击(或称为触发)导航区的应用标记而产生。比如，首页的导航级别的属性值默认为1，其它子页面的导航级别依次类推，从页面区的内容区域进入其它的子页面，则将其导航级别的属性值加1。

为体现页面上的简洁明了的特点，在各子页面的页面区的内容区域，不设有上级导航的链接，要实现上级导航(即退回上一级的页面)，可以通过触发导航区的上一级导航的应用标记而进入。

特别说明：采用本发明的WEB站点，其首页的导航级别默认为1，其余子页面的应用标记中的导航类型和导航级别为空值或未设定，在进入该子页面时由其链接代码中的某一参数产生导航类型，从而产生导航级别。每一个用户在同一次进入该站点时，产生过导航类型和导航级别的子页面(也即浏览过的子页面)，其导航级别在未被重置之前，一直可以保留原有的导航级别。这就使得通过点击导航区的应用标记实现上级导航时，不需要额外生成导航级别的过程。当然，同一子页面，其第二次进入的路径和第一次进入的路径不同时，其导航类型和导航级别仍有可能被重置，重置之后，相当于是不同的浏览路径。因此，本发明的最大特点是：在导航区记录下用户的浏览路径，但对同级之间的和反复上下级之间的浏览进行清除，只保留最后一次的逐层的导航信息。

综上所述，本发明通过获取各个页面的应用标记，在不同页面之间进行切换时，可以自动生成导航区的应用标记，用户不需要手动在页面内添加导航链接或设计栏目分级菜单，从而实现了导航区的灵活配置和个性化，增强导航界面的可维护性，减少企业维护成本。

上述仅以实施例来进一步说明本发明的技术内容，以便于读者更容易理解，但不代表本发明的实施方式仅限于此，任何依本发明所做的技术延伸或再创造，均受本发明的保护。本发明的保护范围以权利要求书为准。

Claims

1.一种WEB应用导航管理方法，其特征在于该方法包括：对WEB站点的每个页面内添加应用标记，对WEB站点进行全局导航管理，对打开的新页面进行监听，获取新页面的应用标记并显示于导航区内；其中，获取应用标记之后，先分析该新页面的导航级别，再将其与当前页面的导航级别进行对比，在导航区生成新的应用标记；其中，新页面为即将打开的页面；所述的应用标记包括用于导航区显示的图标、名称、链接、导航级别和/或描述的属性值。

2.根据权利要求1所述的一种WEB应用导航管理方法，其特征在于将新页面的导航级别与当前页面的导航级别进行对比包括以下二种：

若为上级导航，则将先当前页面的应用标记从导航区中清除；

若为下级导航，则将新页面的应用标记添加为导航区的最后一个应用标记。

3.根据权利要求2所述的一种WEB应用导航管理方法，其特征在于将新页面的导航级别与当前页面的导航级别进行对比还包括以下二种：

若为同级导航，清除当前导航区的最后一个应用标记，将新页面的应用标记存储为导航区的最后一个应用标记；

若为随机导航，则将原导航区内低于和等于该新页面导航级别的应用标记删除，并将新页面的应用标记添加为导航区的最后一个应用标记。

4.根据权利要求1所述的一种WEB应用导航管理方法，其特征在于打开的新页面进行监听包括对事件类型的判断，若为导航区的链接方式进入，则直接获取应用标记，若为页面区的链接方式进入，则捕捉该页面的应用标记。

5.根据权利要求4所述的一种WEB应用导航管理方法，其特征在于若该页面无应用标记时，则分析该页面的URL，并自动生成用于导航区显示的应用标记。

6.根据权利要求5所述的一种WEB应用导航管理方法，其特征在于该页面的应用标记为该页面的文件名。

7.根据权利要求5所述的一种WEB应用导航管理方法，其特征在于所述页面的应用标记的导航级别依该页面的信息重要程度进行设定，若页面无设定的导航级别时，其导航级别低于当前页面的一级或与之相同。

8.根据权利要求5所述的一种WEB应用导航管理方法，其特征在于所述的导航级别为依次增加的正整数，数字越大，其导航层次越深。

9.一种WEB应用导航管理系统，其特征在于包括：

用于装载导航内容的全局导航框架；

用于响应用户操作捕捉链接的链接捕捉器；

用于创建导航存储空间、设置导航级别、存取应用标记，根据URL加载相应的页面并将相应的数据传给导航显示器的全局导航管理器；

和

用于显示导航内容的导航显示器。

10.根据权利要求9所述的一种WEB应用导航管理系统，其特征在于还包括用于显示页面内容的页面显示器。