从 SQL 到 HTML UL 的树状结构

Question

我在数据库中有一个树状结构。

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

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 中，我有一个包含所有这些参数（id、name、parent_id、level）的 Branch 对象。

我想在 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/ 显示数据

有什么建议吗？

Answer 1

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

粗略的代码示例：

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>");
  }
}