CN100504868C - 一种具有多行内容节点的树形结构列表显示方法及其装置 - Google Patents

Abstract

本发明涉及网络信息管理领域，为了解决现有树结构中多行数据显示不清晰的问题，提出了一种具有多行内容节点的树形结构列表显示方法及其装置，其中方法包括在用户要求显示页面时，读出数据库中的树节点信息；根据页面中每行显示内容预定长度及从数据库中读出的所述树节点的信息计算并设定该树节点内容所占行的宽度等信息；按照上述参数将所述树节点的内容文字写入页面，当一行无法显示所述树节点全部内容文字时换行继续显示，并且在所述树节点可视化的标记该树节点，并用线条将所述树节点的标记层次化的连接起来。本发明的有益效果在于，在树形结构列表中多行显示内容，节点之间的树干线段不会断裂，让用户更清晰的浏览树形结构列表中节点内容。

Description

一种具有多行内容节点的树形结构列表显示方法及其装置

技术领域

本发明涉及网络信息管理领域，特别涉及网络数据的可视表示，具体的讲是一种具有多行内容节点的树形结构列表显示方法及其装置。

背景技术

通常，电子数据处理装置是按照以下方式控制的：为了选择所存储的、计算的或预先给定的数据，将这些数据按预先给定的层次存储在可寻址的存储空间中。种种层次结构通常具有一个所谓的树结构，该树结构具有树干及从树干中分出的下层分支，以此可以高效而安全的用预先编制的程序进行程序控制处理，并相应的分配数据。

在实际应用中，我们要表达层次的关系时往往使用树形结构(tree view)的表达形式，但是在现有技术中，例如使用微软的树状图web控件在网页显示很长的文本时，通过左侧带有连接线条的树形结构来显示各贴子之间的层次关系，该连接线条称之为树干线段，此应用一般出现在实现交流平台的模块中，例如BBS。但是，如果给该控件某一节点赋予很长的字符串，该控件可以在多行显示此文本，但是该web控件左侧连接每个节点的线条就会断裂，这样就破坏了页面上的树形结构，显示上不连贯，容易使用户得到错误的信息。

由于网页中的树形结构列表可能会使该页面横向过宽，造成不方便察看同一页面中的其他内容，所以在页面中内嵌入一固定宽度的页面，在该内嵌入的页面中显示该树形结构列表，以至于不影响其他内容的显示。这种方式使树状图在一个扩展页面中具有足够多的长度以容纳更多的内容(可以通过横向滚动条实现)，但是所使用的方法复杂，并且都不能直观的显示具有长内容的树形结构，因此增加了用户的使用难度。

发明内容

为了解决以上问题，本发明的目的在于提供一种具有多行内容节点的树形结构列表显示方法及其装置，用于解决现有网页的树形结构列表中显示多行记录时树干线段断裂，影响整个列表清洗显示的问题。

一种具有多行内容节点的树形结构列表显示方法，包括以下步骤：

步骤1，将一树形结构列表中所有树节点信息存入网络数据库；

步骤2，在用户要求显示页面时，读出所述网络数据库中至少上述各树节点层次信息及标题信息或者内容信息；

步骤3，根据上述读出的每一个树节点的标题信息或者内容信息计算该树节点要显示内容的长度，用该长度除以该树节点对应行的预定长度获得该树节点要显示内容所占行的宽度；

步骤4，根据上述宽度设定树节点对应网页表格的宽度，根据所述网页表格的宽度设定树节点之间树干线段的长度，然后根据所述树节点的层次信息将各所述树节点要显示的内容写入对应的网页表格中，当在一行无法显示所述树节点全部标题信息或者内容信息时，换行继续显示，并且画出各所述树干线段和所述树干线段与所述树节点的连接线段，以完成树形结构列表的显示。

在所述步骤3中，将所述读出的每一个树节点标题信息或者内容信息转换成ASCII码，换算出每个字符所占长度，将所述读出信息的所有字符的长度相加，以得到所述树节点要显示内容的长度；根据在页面中各行显示内容的预定长度和所述树节点的层次信息得到该树节点每行显示内容的长度；用该树节点内容的长度除以该树节点每行显示内容的长度得到该树节点内容所占行的宽度。

在所述步骤4中，在写入所述树节点内容后，还包括在所述树节点前可视化的标记该树节点，然后画出所有所述树干线段和所述树干线段与所述树节点标记的连接线段。

还包括一输入步骤，当用户对所述树形结构列表进行操作时，接收用户的操作信息，通过处理单元执行添加、删除、修改操作，并执行所述步骤1至步骤4。

所述步骤2中读出所述网络数据库中的数据还包括：用户ID。

还包括一身份确认步骤，当用户对页面中树节点进行操作之前，对用户身份进行确认，控制用户的操作。

还包括一刷新步骤，重复步骤2至步骤4。

一种具有多行内容节点的树形结构列表显示装置，包括：

数据库，用于存储树节点的内容信息和树节点的层次关系信息；

处理单元，与所述数据库相连接，用于检索所述数据库，并计算所述树节点的显示参数，该参数包括所述树节点内容所占行的宽度和各所述树节点间的连接线段长度；

画图单元，与所述处理单元相联接，用于根据所述处理单元提供的显示参数画出所有所述树节点内容和所述各树节点之间的连接线段；

显示单元，与所述画图单元相连接，用于向用户显示所述画图单元的处理结果。

还包括一输入单元，与所述处理单元相连接，用于接收用户的操作信息向所述处理单元输入。

还包括一身份确认单元，与所述处理单元相连接，用于验证用户身份与操作的匹配性。

还包括一刷新单元，与所述处理单元相连接，向所述处理单元发出一激发信号，用于激发处理单元重新计算所述树节点显示参数，并使所述画图单元重新在所述显示单元上绘制出所述树节点。

本发明的有益效果在于，在树形结构列表中多行显示内容，并且各节点之间的树干线段不会断裂，能够让用户更清晰的浏览树形结构列表中节点内容，不会造成树干线段断裂后用户对该树形结构列表操作的混乱。

附图说明

图1为本发明方法流程图；

图2为本发明装置的示意图；

图3为本发明树形结构列表示意图。

具体实施方式

下面，结合附图对于本发明进行如下详细说明。

如图1所示为本发明方法流程图。首先，树形结构列表的全部显示内容都要存储于数据库中，并且树形结构列表的树节点之间的关系、其和树干的关系都存储于数据库中。可以使用动态数据库对象(ADO)技术，或其他数据库技术进行存储。数据库表中包括以下几项，但不限于这几项：节点ID，节点内容(包括标题和/或内容)，父节点ID，子节点个数，提交者，还可以包括文档附件等表项。

当要显示时，运行第二步，检索数据库中树节点的信息，包括树形结构列表的节点层次信息(父节点ID等)和标题文字信息或者内容文字信息。

第三步，确定树形结构列表的显示参数，定义一个表格(table)用于显示一个树节点的内容，通过根据不同层次节点的显示规则，最大文字数目，字间距，显示行数的宽度，行间距等参数设定表格的参数。根据该节点与其父节点的层次关系设置表格的显示位置，例如，该节点在它的父节点下显示，并且比父节点缩进两个英文字符的宽度显示。因为中文和英文的字宽不一样，在同样长度的一行里能够显示英文和中文的字个数是不一样的，所以根据内容的类型设定一行最大显示长度，单位可以为字符、厘米或者毫米，这是在网页生成前或者系统设计时确定的，例如一行显示10厘米，或者显示10个中文文字，或者显示15个英文字符，或者显示12个中英文混合字符，这是为了树节点内容的两端对齐。例如，节点标题由中英文组成。从数据库中得到该字符串将其变为Char数组，根据字符映射表(character map)得到ASCII码，用ASCII码判断从而知道共有哪些英文字母哪些汉字。将汉字宽度换算到英文字符宽度，或者将英文字符宽度算成汉字宽度，比如：一个汉字约等于1.5个英文字符，预先确定每行显示13个英文字符，假设该树节点为第一级节点的子节点，也就是说要缩进2个英文字符的宽度，这样预先确定每行显示就变为11个英文字符宽度，该节点内容为“ABC我是DEFGHIJKL”，换算后为相当于15个英文字符的宽度，第一行将会显示字符“ABC我是DEFGH”，第二行将会显示字符“IJKL”，调整一行内文字的间隔(例如一行内出现中文文字少，英文字符多，则需要增大字符之间的间距)，计算得到树节点要显示内容的长度后(汉字宽度换算成英文字符宽度的步骤是可逆的)，将这个长度除以固定显示长度(13个英文字符)，以得到该字符串将显示的行数，在本例中为两行。由于中文文字一般比英文文字高，所以在设置显示中文或具有中文英文混合内容节点的行间距时行间距参数要大一些，最后得到该树节点内容所占行宽度。在本例中只显示出了树节点的标题信息，这样用户可以通过点击该标题弹出对话框的方式显示该树节点的全部文字内容；同样，还可以直接现实该树节点的全部内容，包括标题和内容的全部文字信息。

第四步，根据上一步骤的参数画出树形结构列表。可以使用例如活动服务器网页.NET(ASP.NET)技术。根据各树节点所占行宽度定制出表格的所占行宽度，可以比该树节点的文字内容所占行宽度略大，在每一个表格内写入相应树节点内容，根据该树节点对应的表格所占行宽度设定该树节点所对应的树干线段(即如图3所示左侧的虚线段)长度，这样就使得树形结构在显示多行内容时左侧的树干线段不会断裂；并且在节点内容前面加入可视的节点标识，使用线段，特别是虚线段画出所述树干线段和其与标识连接的线段。特别的，标识和连接线段可以在树形结构列表的最左端或最右端显示，如图3所示为树节点标示根据树节点层次关系进行缩进而树节点的内容对齐的示意图。

当用户刷新页面时，重复以上的步骤三至四。以显示数据库中更新的内容。

当用户要修改树节点内容时，还需要经过一确认身份的步骤，以保证合法的用户才能修改、删除、添加树节点及其内容。

如图2所示为本发明装置的实施例示意图。数据库，用于存储树节点的信息内容和树节点的层次关系信息，其中包括，文字内容和图片等；处理单元，与数据库相连接，用于检索数据库，并计算树结构列表的显示参数，包括每个树节点内容所占行的宽度，每个节点在整个树结构列表中的起始位置等；画图单元，与处理单元相连接，用于根据处理单元提供的参数画出整个树形结构列表；显示单元，与画图单元相连接，用于向用户显示输出的树形结构列表。

还包括一输入单元，与处理单元相连接，用于在树形结构列表中输入信息，获得当前操作对应的树节点位置，并将该信息传送给处理单元；由处理单元将该输入的信息和所在节点信息传送给数据库，在数据库中存储该或删除该节点信息。

还包括一刷新单元，与处理单元相连接，向处理单元发出信号，用于激发处理单元重新计算树结构列表显示的显示参数，利用画图单元重新在显示单元上绘制出树形结构列表。

画图单元根据处理单元提供的数据信息，绘制整个树形结构列表，如图3所示，为本发明树形结构列表示意图。画图单元绘制出的树形结构列表是包括虚线和树节点标志的树形图，左侧使用虚线表示树节点的层次，并且当该树节点的内容太长无法在一行显示时，根据处理单元输出的每行显示文字个数，找到断点文字，换行继续显示该树节点的后继内容，并绘制出树形结构列表。

输入单元可以实现诸如添加、编辑、删除等功能，输入单元接收用户对某一树节点的操作，当选择该树节点时，该树节点的位置信息就返回给处理单元，当用户选择删除，或者添加，或者编辑等选项时就可以对该树节点内容进行操作，并且当处理完毕后，由用户确认操作完成后，处理单元就根据用户所选择的操作，和该树节点的信息内容和位置信息对数据库进行相应操作。

还包括一身份确认单元，与处理单元相连接，当用户对树形结构列表的操作执行前，先由该身份确认单元对用户的身份进行确认，以决定该用户是否有权限进行该操作，如果该用户没有权限进行该操作，则进行提示报警，在显示单元上显示提示报警信息，并不对该用户对树形结构列表的操作进行响应，并返回该操作前一状态。

本发明的有益效果在于，在树形结构列表中多行显示内容，并且各节点之间的树干线段不会断裂，能够让用户更清晰的浏览树形结构列表中节点内容，不会造成树干线段断裂后用户对该树形结构列表操作的混乱。

以上具体实施方式仅用于说明本发明，而非用于限定本发明。

Claims (11)

1.一种具有多行内容节点的树形结构列表显示方法，其特征在于，包括以下步骤：

步骤1，将一树形结构列表中所有树节点信息存入网络数据库；

步骤2，在用户要求显示页面时，读出所述网络数据库中至少上述各树节点层次信息，并读出其标题信息或者内容信息；

步骤3，根据上述读出的每一个树节点的标题信息或者内容信息计算该树节点要显示内容的长度，用该长度除以该树节点对应行的预定长度获得该树节点要显示内容所占行的宽度；

步骤4，根据上述宽度设定树节点对应网页表格的宽度，根据所述网页表格的宽度设定树节点之间树干线段的长度，然后根据所述树节点的层次信息将各所述树节点要显示的内容写入对应的网页表格中，当在一行无法显示所述树节点全部标题信息或者内容信息时，换行继续显示，并且画出各所述树干线段和所述树干线段与所述树节点的连接线段，以完成树形结构列表的显示。

2.根据权利要求1所述的一种具有多行内容节点的树形结构列表显示方法，其特征在于在所述步骤3中，将所述读出的每一个树节点标题信息或者内容信息转换成ASCII码，换算出每个字符所占长度，将所述读出信息的所有字符的长度相加，以得到所述树节点要显示内容的长度；根据在页面中各行显示内容的预定长度和所述树节点的层次信息得到该树节点每行显示内容的长度；用该树节点内容的长度除以该树节点每行显示内容的长度得到该树节点内容所占行的宽度。

3.根据权利要求1所述的一种具有多行内容节点的树形结构列表显示方法，其特征在于在所述步骤4中，在写入所述树节点内容后，还包括在所述树节点前可视化的标记该树节点，然后画出所有所述树干线段和所述树干线段与所述树节点标记的连接线段。

4.根据权利要求1所述的一种具有多行内容节点的树形结构列表显示方法，其特征在于还包括一输入步骤，当用户对所述树形结构列表进行操作时，接收用户的操作信息，通过处理单元执行添加、删除、修改操作，并执行所述步骤1至步骤4。

5.根据权利要求1所述的一种具有多行内容节点的树形结构列表显示方法，其特征在于所述步骤2中读出所述网络数据库中的数据还包括：用户ID。

6.根据权利要求5所述的一种具有多行内容节点的树形结构列表显示方法，其特征在于还包括一身份确认步骤，当用户对页面中树节点进行操作之前，对用户身份进行确认，控制用户的操作。

7.根据权利要求1所述的一种具有多行内容节点的树形结构列表显示方法，其特征在于还包括一刷新步骤，重复步骤2至步骤4。

8.一种具有多行内容节点的树形结构列表显示装置，其特征在于包括：

数据库，用于存储树节点的内容信息和树节点的层次关系信息；

处理单元，与所述数据库相连接，用于检索所述数据库，并计算所述树节点的显示参数，该参数包括所述树节点内容所占行的宽度和各所述树节点间的连接线段长度；

画图单元，与所述处理单元相联接，用于根据所述处理单元提供的显示参数画出所有所述树节点内容和所述各树节点之间的连接线段；

显示单元，与所述画图单元相连接，用于向用户显示所述画图单元的处理结果。

9.根据权利要求8所述的一种具有多行内容节点的树形结构列表显示装置，其特征在于还包括一输入单元，与所述处理单元相连接，用于接收用户的操作信息向所述处理单元输入。

10.根据权利要求8所述的一种具有多行内容节点的树形结构列表显示装置，其特征在于还包括一身份确认单元，与所述处理单元相连接，用于验证用户身份与操作的匹配性。

11.根据权利要求8所述的一种具有多行内容节点的树形结构列表显示装置，其特征在于还包括一刷新单元，与所述处理单元相连接，向所述处理单元发出一激发信号，用于激发处理单元重新计算所述树节点显示参数，并使所述画图单元重新在所述显示单元上绘制出所述树节点。

Images