CN1341895A - 在网页上利用目录树进行快速分类浏览的方法 - Google Patents

Abstract

一种在网页上利用目录树进行分类浏览的方法包含建立数据表结构,该目录树结构包含根结点以及连接于该根结点的子结点,在后台将数据表处理以便于显示该目录树,然后在前端网页显示该目录树,再执行目录树的分支展开与折叠根结点或子结点等操作。

Description

在网页上利用目录树进行快速分类浏览的方法

本发明涉及在网络上浏览的方法，特别是涉及利用目录树快速分类浏览的方法。

由于目前信息的爆炸性增长，随着计算机应用领域的扩大，以及因特网的无限市场，已经大大改变了人类获取信息的方式，因特网逐渐变成信息获取的重要来源之一。计算机已然变成人们生活中不可缺的工具，不论是数据的处理、数据保管、信息的取得以及多媒体的制作均离不开计算机的使用。此外，计算机也被用来将数据制作成电子文件以利于建立数据库，方便数据的管理、运用、处理或在商业上的利用。通过因特网从服务器或计算机中读取数据，因特网上庞大的数据库更是使用者做为数据搜寻的主要来源。

由于产业界激烈的商业竞争，人们目前对于数据搜寻与搜寻效率有着强烈的需求与渴望。特别是当接收到请求信息之后，系统设计以及数据的结构倾向于尽可能快速且有效地利于使用者搜寻到目标。现有技术对于网页数据表现的设计，尤其是对于有大量层次数据内容的网站，其使用更显得不便。现有技术为使得使用者可以浏览网页中所提供的信息，其作法是在一页面按层次列出所有的数据。此种方法的缺点是如果数据量非常庞大，将导致页面数据载入的时间十分长，这种长时间的等待通常无法令使用者满意。即使网络速度非常快，也存在一个网页包含太多数据而造成不便浏览的缺点。此外，在首页列出第一层数据，并将他们连接到相对应的第二层数据，这样的数据结构使得使用者一次只能看到某一数据序列，而无法进行同级或同层数据的比较或分析。此外，一般网页上所显示的数据如图1所示，其显示方式是将显示屏面切割成多个区域，以提供不同数据显示的区域。例如，有些区域设计为选项图标(icon)所占的区域，而各个文字图标则各自连接到其下一层数据。部分区域为相关信息显示的区域，有些区域为广告区域。上述不同区域均显示不同的文档数据且各自独立连接下一级数据或上一级数据。这种显示方式其缺点是如上面所说明的无法进行同级或同层数据的比较或分析，而且还有太多数据占据空间造成不便浏览的缺点。

基于上述需求，人们目前需要一种数据结构以利于快速连接使得可以有效地满足人们的浏览请求。另外还需要一种新的快速分类浏览的方法，以增加使用者的便利性以及提高链接搜寻数据信息的效率。

本发明的一个目的是提供一种在因特网上用于快速分类浏览的方法。

本发明的再一目的是提供一种利用目录树快速分类浏览的方法。

一种在网页上利用目录树分类浏览的方法包含：建立数据表结构，目录树结构包含根结点以及连接于该根结点的子结点，在后台将数据表进行处理以利于显示该目录树，然后在前端网页上显示目录树，再执行目录树的分枝展开与根结点或子结点折叠等操作。

建立数据表结构的步骤包含：

(1)建立数据标识符，包括建立根结点标识00与子结点标识，以利于通过父结点可以找出其所有子结点，或通过子结点可以找出其父结点，及

(2)建立对应于根结点、子结点用以显示对应数据的名称。

上述显示目录树的步骤包含步骤：

(1)将结点按照标识排列；

(2)找出根结点的所有子结点；

(3)产生一个数据组，其第一项为根结点标识，第二项为子结点的标识的最后二数字的数字排列，第三项为该子结点的名称的排列；

(4)判断子结点是否有次级子结点，若有，则继续步骤(5)，若没有，则执行步骤(6)；

(5)利用递归法找出其它的次级子结点，并利用步骤(3)的方法产生数据；

(6)判断根结点是否还有其它的子结点，若有则执行步骤(7)，若没有则结束；

(7)重复执行步骤(4)。

其中在前端网页显示目录树的步骤包含步骤：

(1)在该网页上创建一个层次结构，以根结点标识作为标识；

(2)取得一个数据组；

(3)找到以该数据组的第一项作为标识所对应的层；

(4)从数据的第二项中取出若干标识，依次在步骤(3)找到的层中创建新层；

(5)判断是否还有其它数据组，若有，则继续步骤(6)，若没有，则结束；及

(6)继续处理下一个数据组，重复执行步骤(2)。

下面将参考附图，对本发明的较佳实施例做更详细的阐述：

图1为现有技术网页上显示数据的示意图。

图2为本发明的数据表结构图。

图2A为本发明的实施例数据表结构图。

图3为本发明建立数据结构的流程图。

图3A为本发明根结点与子结点数据的结构。

图3B为本发明次级子结点数据的结构。

图4为本发明在前端网页快速显示目录树的流程图。

图4A为本发明图4流程中取得一个数据组的示意图。

图5为本发明目录树操作流程图。

图6为本发明点击根结点00台湾省的示意表。

图6A所示为本发明点击根结点使此层显示次一级行政区(如某一县市)的示意图。

图6B所示为本发明点击根结点01台北市，将结点这一层打开，使此层显示次一级行政区(如各行政区)的示意图。

图6C所示为本发明点击子结点的示意图。

图6D所示为本发明点击子结点台北市的某一行政区，将结点“大安区”这一层打开，使此层显示次一级行政区的示意图。

图7为本发明点击第一级子结点01台北市的示意表。

在本发明的一实施例中，根结点标识可以定义为00，子结点标识可以定义为两位数字，选自01、02、03、04、…..21、22、…..90、91、…..99所组成的集合。而次级子结点标识为其父结点的标识加上两位数字，该两位数字系选自01、02、03、04、…..21、22、…..90、91、…..99所组成的集合。

根据本发明的方法包含建立一个数据结构用以建立数据表结构，将数据填入表中。然后将数据进行处理为适合显示目录树，接下来在前端网页之上显示目录树。接着执行目录树的分枝展开与折叠。

在网络网页上应用的数据表结构可参见图2所示，其为本发明在网页上使用目录树做快速分类浏览的数据结构示意图，其数据结构包含(1)数据的标识符(ID)以及(2)数据显示的名称。数据标识包含目录树(table tree)的根结点，该根结点包含一标识码(例如定义为00)，其与多个第一级子结点耦合，就本实施例而言，上述第一子结点可以定义为两位数字，如01、02、03、04等，依此类推。上述第一级子结点的次级数据(第二子结点)的标识是以第一子结点做为父结点的标识符加上各个第二子结点的标识，例如第一子结点01的次级结点可以为0101、0102、0103等依此类推，第二子结点02的次级结点可以为0201、0202、0203等，依此类推。利用这样的数据结构连接方式，可通过父结点迅速找出其所有次级的子结点，反之，通过子结点也可以迅速找出其对应的父结点。

换言之，上述的根结点标识可以定义为00，第一级子结点标识为两位数字，选自01、02、03、04、…..21、22、…..90、91、…..99所组成的集合。其中上述第二级子结点标识为其父结点(也就是第一级子结点)的标识加上两位数字，该两位数字选自01、02、03、04、…..21、22、…..90、91、…..99所组成的集合。上述标识定义的方式并不限定为两位或四位数字，可根据需要确定。

在本发明的数据显示的一个实施例中，本发明将以展现台湾区域地图信息为一具体示例。在本较佳实施例中，其数据表结构如图2A所示，所建构的数据表包含根结点台湾的标识00，第一层数据的标识符如：

台北市01

高雄市02

台中市03

台北县04

基隆市05

桃园县06

新竹县07

新竹市08

苗栗县09

台中县10

南投县11

等等……..

上面所列的行政区域属于同一层级，故定义直接连接于根结点台湾00下。标识符01、02、03、04等用于举例非用以限定本方法，可根据需要定义它们。

第二层数据的标识符例如是连接于第一子结点01之下的次级子结点的标识符，如：

北投区0101

大安区0102

中正区0103

万华区0104

文山区0105

大同区0106

中山区0107

松山区0108

信义区0109

南港区0110

内湖区0111

士林区0112等等……。

上面所列的行政区域属于同一层级，且均为01的次级层，故定义为直接连接于第一子结点台北市01之下。所述标识0101、0102、0103等用于举例并非用以限定本方法，可根据需要进行定义。依据此示例，可以设定其它县市的次级行政区域。

完成数据结构的建立后，在服务器端，也就是在后端需将数据进行处理以利于显示本发明的目录树。参阅图3，步骤310是将上述图2的结点按照定义的标识进行有系统的排序。之后在步骤320中寻找根结点的所有子结点，举例而言，也就是寻找根结点00的所有子结点01、02、03、04等。步骤330产生一个数据结构，其包含的第一项为根结点标识(例如00)，第二项为其子结点标识符的排列(如子结点标识符最后两位数字的排列)，第三项为子结点名称的排列，请参阅图3A。

下一步骤340为判断所述的子结点是否有次级子结点，若判断有次级子结点，则使用递归方法找出其所有子结点，且利用步骤330所示的方法产生数据，请参阅图3B。若上述340的判断为否，则在步骤360中判断根结点下是否有其它的子结点，若为否则结束此流程，若为是，则执行步骤370，进行下一子结点的判断，继续重复步骤340。以上所述的递归方法简单说来就是利用自己调用自己，或利用自己定义自己，这是本领域公知的技术。

下一步骤是在前端网页上快速显示目录树，请参阅图4。首先在页面上建立一个层，标以标识，如可以使用00作为一标识(步骤410)。下一步骤420为取得某一个数据组，参阅图4A。以上述数据组的第一项作为代表所在层次的标识(步骤430)，再从所述数据的第二项中取出标识，依次在上述找到的层中建立一新的次级层，步骤440。下一步骤450判断是否还有其它数据组，若为否则结束流程，若仍有其它数据组，则在步骤460中执行下一个数据组的显示，重复执行步骤420。

下面以图4A为例子。步骤430找出以数据的第一项00为标识的层(或找出以数据的第一项01为标识的层)。

步骤440再从所述数据的第二项中取出若干标识010203040506070809…，依次在00中创建新层01、02、03、04、05、06、07、08、09、…；或在010203040506070809101112中，依次在01中创建新的次级层，如0101、0102、0103、0104、0105、0106、0107、0108、0109、0110、0111、0112…等等。

显示目录树之后，接着执行目录树的分枝展开与折叠操作。参阅图5，首先为点击一结点，步骤510，下一步骤520决定所点击的结点是否为折叠的，若判断结果为是，则步骤530中将所点击的结点所属的层开启，使数据显示出来，否则将此所点击的层关闭，将其隐藏，步骤540。

现在请参看目录树操作的有关实例：

步骤510，点击结点00台湾省，其显示图6A及/或图6所示的表。

步骤520，判断结点“00台湾省”折叠否？若为是，则继续，若为否，则将此层关闭隐藏。

步骤530，将结点“00台湾省”这一层打开，在此层中显现次一级行政区，如各县市，见图6A。

实现目录树操作的另一实例：

步骤510，点击结点01台北市，如图7所示的表。

步骤520，判断结点“01台北市”折叠否？若为是，则继续，若为否，则将此层关闭隐藏。

步骤530，将结点“01台北市”这一层打开，在此层显现次一级行政区，如各行政区，见图6B。

同理，可以显现各区的详细数据，如图6C至图6D。图6C所示为本发明点击子结点的示意图。图6D所示为本发明点击子结点台北市的某一行政区的示意图，其将结点“大安区”这一层打开，使此层显现次一级行政区。

本方法将含有大量层次数据的网页用目录树方式组织，层次性强，既严谨又直观。此外，本方法还使得网页上目录树的显示美观、调入快速。而上述利用台湾的行政区域划分，只是一个实例，并非用以限定本发明实施的范围，其它地理地图均可以按照本方法进行组织显示。此外，本发明也并非只适用于行政区域的快速浏览，其他包含层状组织的数据结构均适用本发明的方法进行显示。

以上参照实施例详细描述了本发明，本领域的普通技术人员在不脱离本发明精神的情况下，可进行各种修改、变更，因此其保护范围应以所附的权利要求书及其等价物为准。

Claims (18)

1.一种在网页上利用目录树进行分类浏览的方法，该目录树分类浏览的方法包含下述步骤：

建立数据表结构，将数据定义于对应的区域，该目录树结构包含根结点以及连接于该根结点的子结点；

处理该数据表以利于显示该目录树；

在前端网页上显示该目录树；及

执行该目录树的包含分枝展开与折叠该根结点或该子结点等操作。

2.如权利要求1的分类浏览方法，其特征在于该目录树结构还包含该子结点的次级子结点连接于该子结点。

3.如权利要求2的分类浏览方法，其特征在于在前端网页上显示该目录树之后，还包含展开分枝与折叠该次级子结点的步骤。

4.如权利要求1的分类浏览方法，其特征在于上述建立数据表结构的步骤还包含：

(1)建立数据标识，其包含建立根结点标识与其子结点标识，以便于通过父结点找出其所有子结点，或通过该子结点找出其父结点；及

(2)建立对应于该根结点、该子结点的用于显示对应数据的名称。

5.如权利要求4的分类浏览方法，其特征在于该根结点标识为00，该子结点标识为两位数字，其选自01、02、03、04、…..21、22、…..90、91、…..99所组成的集合。

6.如权利要求4的分类浏览方法，其特征在于还包含建立次级子结点标识的步骤，该次级子结点标识与该子结点标识相关，以便于通过父结点可以找出其所有子结点，或通过该子结点可以找出其父结点。

7.如权利要求6的分类浏览方法，其特征在于该次级子结点标识为该父结点的标识加上两位数字，该两位数字选自01、02、03、04、…..21、22、…..90、91、…..99所组成的集合。

8.如权利要求1的分类浏览方法，其特征在于显示该目录树的步骤包含下列步骤：

(1)将结点按照标识排列；

(2)找出该根结点的所有子结点；

(3)产生一数据组，其第一项为根结点标识，第二项为该子结点标识的特定数字的数字排列，该第三项为该子结点名称的排列；

(4)判断该子结点是否有次级子结点，若有，则继续步骤(5)，若没有，则执行步骤(6)；

(5)利用递归法找出其它次级子结点，并利用步骤(3)产生其它数据组；

(6)判断该根结点是否有其它的子结点，若有，则执行步骤(7)，若没有，则结束；

(7)重复执行步骤(4)。

9.如权利要求9的分类浏览方法，其中上述根结点标识是00。

10.如权利要求1的分类浏览方法，其特征在于在该前端网页显示该目录树的步骤包含下列步骤：

(1)在该网页上创建一个层，以根结点标识作为其标识；

(2)取得一数据组；

(3)找到以该数据组的第一项作为标识所对应的层；

(4)从该数据组的第二项中取出若干标识，依次在步骤(3)找到的该层中创建新层；

(5)判断是否还有其它数据组，若有，则继续步骤(6)，若没有，则结束；

(6)继续处理下一个数据组，重复执行步骤(2)。

11.如权利要求10的分类浏览方法，其特征在于上述根结点标识是00。

12.如权利要求1的分类浏览方法，其特征在于操作该目录树的步骤包含下列步骤：

(1)点击一个结点

(2)判断该结点是否为折叠，若为是，则继续执行步骤(3)，若为否，则执行步骤(4)；

(3)将该结点所对应的层打开；及

(4)将该结点所对应的层关闭。

13.一种在网页上利用目录树进行分类浏览的方法，该分类浏览方法包含：

(1)建立数据标识符，包含建立根结点标识与该子结点标识，以便于通过父结点可以找出其所有子结点，或通过该子结点可以找出其父结点；

(2)建立对应于该根结点、该子结点的用于显示对应数据的名称；

(3)将该子结点按照标识排列；

(4)找出该根结点的所有子结点；

(5)产生一数据组，其第一项为根结点标识，第二项为该子结点标识的最后二个数字的数字排列，第三项为该子结点名称的排列；

(6)判断该子结点是否有次级子结点，若有，则继续步骤(7)，若没有，则执行步骤(8)；

(7)利用递归法找出其它次级子结点，并利用步骤(5)的方式产生其它数据组；

(8)判断该根结点是否还有其它的子结点，若有则执行步骤(9)，若没有，则转至步骤(10)；

(9)重复执行步骤(6)；

(10)在该网页上创建一个层，以根结点标识作为标识；

(11)取得一数据组；

(12)找到该数据组的作为标识的第一项所对应的层；

(13)从该数据组的第二项中取出若干标识，依次在步骤(12)找到的该层中创建新层；

(14)判断是否还有其它数据组，若有，则继续步骤(15)，若没有，则转至步骤(16)；

(15)继续处理下一个数据组，重复执行步骤(11)；

(16)点击一个结点；

(17)判断该结点是否为折叠，若为是，则继续执行步骤(18)，若为否，则执行步骤(19)；

(18)将该结点对应的层打开；及

(19)将该结点对应的层关闭。

14.如权利要求13的分类浏览方法，其特征在于该目录树还包含该子结点的次级子结点连接于该子结点。

15.如权利要求14的分类浏览方法，其特征在于还包含展开分枝与折叠该次级子结点。

16.如权利要求13的分类浏览方法，其中上述根结点标识为00。

17.如权利要求13的分类浏览方法，其特征在于该根结点标识为00，该子结点标识为两位数字，其选自01，02、03、04、…..21、22、…..90、91、…..99所组成的集合。

18.如权利要求14的分类浏览方法，其特征在于该次级子结点标识为其父结点的标识加上两位数字，该两位数字选自01、02、03、04、…..21、22、…..90、91、…..99所组成的集合。

Images