从SQL到HTML UL的树状结构

时间:2011-09-19 13:48:43

标签: java sql tree

我在数据库中有类似树的结构。

我有一个查询,它会按照我希望它们显示的方式返回我的记录。

SELECT branch_id, branch_name, parent_branch_id, level FROM dw_branches
start WITH parent_branch_id IS NULL
connect BY PRIOR branch_id = parent_branch_id 

返回类似这样的内容

| branch_id | branch_name | parent_branch_id | level|
|         1 | one         |                  |     1|
|         2 | two         |                1 |     2|
|         3 | three       |                1 |     2|
|         4 | four        |                2 |     3|
|         5 | five        |                1 |     2|
|         6 | six         |                5 |     3|

在Java中,我有一个Branch对象,它包含所有这些参数(id,name,parent_id,level)。

我想在JSP中输出一个最终看起来像这样的输出:

<ul>
    <li>one
        <ul>
            <li>two
                <ul>
                    <li>four</li>        
                </ul>
            </li>
            <li>three</li>
            <li>five
                <ul>
                    <li>six</li>        
                </ul>
            </li>           
        </ul>
    </li>
</ul>

基本上,我想嵌套ul / li以便使用http://bassistance.de/jquery-plugins/jquery-plugin-treeview/

显示数据

有关如何操作的任何建议吗?

1 个答案:

答案 0 :(得分:1)

  • 定义一个名为children的节点数据结构。
  • 创建一个Map<Integer,Node>,您可以在其中按ID查找数据结构。
  • 迭代SQL ResulSet,查找或创建每个记录的父节点,并将子节点添加到父节点。
  • 获取根级节点并使用递归将其输出到String。

粗略代码示例:

Node {
  String name;
  List<Node> children = new LinkedList<Node>();

  void appendHTML(StringBuilder toAppendTo) {
    toAppendTo.append("<li>").append(name);
    if (!children.isEmpty()) {
      toAppendTo.append("<ul>");
      for ( Node child : children ) {
        child.appendHTML(toAppendTo);
      }
      toAppendTo.append("</ul>");
    }
    toAppendTo.append("</li>");
  }
}