基于带点的文本构建分层 HTML 列表答案

【问题标题】：Building a hierarchical HTML list based on text with dots基于带点的文本构建分层 HTML 列表
【发布时间】：2011-11-28 22:53:37
【问题描述】：

我正在寻找一种算法，该算法将转换如下数据结构，其中每个级别由一个点分隔：

child1
child1.child9
child4.child10.child11
child4.child10.child12

进入一个有效的 HTML 分层列表元素，如下所示：

<ul>
<li>child1
    <ul><li>child9</li></ul></li>
<li>child4
    <ul><li>child10
        <ul><li>child11</li><li>child12</li></ul></li></ul></li>
</ul>

有什么建议吗？

更新

问题从这种结构（下）很容易建立分层列表

child
child.child1
child.child2
child.child2.child3

但我的结构是

child.child2.child3
child7
child10.child14.child15
child10.child14.child16

所以我没有单独的行来构建父元素:(如果没有父元素，我必须从一行构建树

【问题讨论】：

你能告诉我们你到目前为止做了什么以及你卡在哪里了吗？
数据开始时或多或少如您的示例所示？更具体地说，您是从以. 分隔结构的字符串开始的吗？
将其解析为一些树数据结构，然后编写适当的“转储”方法来获取 HTML。

标签： c# html tree

【解决方案1】：

您可以将列表转换为矩阵，然后使用分组/递归。这是一个例子。它不能很好地打印 HTML，但它应该给出正确的结果。

    static void Main(string[] args)
    {
        var list = new List<String>()
        {
            "child.child2.child3",
            "child7",
            "child10.child14.child15",
            "child10.child14.child16"
        };

        var matrix = new List<List<String>>();
        foreach (var line in list)
        {
            matrix.Add(line.Split('.').ToList());
        }
        StringBuilder html = new StringBuilder();
        WriteLevel(html, matrix, 0);
        Console.WriteLine(html.ToString());
    }

    static void WriteLevel(StringBuilder html, List<List<String>> matrix, int level)
    {
        var nodes = from node in matrix
                    where node.Count > level
                    group node by node[level] into grouping
                    select grouping;
        if (nodes.Count() > 0)
        {
            html.Append("<ul>");
            foreach (var node in nodes)
            {
                html.Append("<li>");
                html.Append(node.Key);
                WriteLevel(html, node.ToList(), level + 1);
                html.Append("</li>");
            }
            html.Append("</ul>");
        }
    }

【讨论】：

谢谢，正是我要找的东西
有没有办法在 writelevel 中找到当前完整的节点路径？
这个解决方案对我帮助很大。我从物联网设备获得了非标准 JSON 字符串响应的解决方案。谢谢！

【解决方案2】：

using System;
using System.Xml;
using System.Collections.Generic;

class Sample{
    static void Main(string[] args){
        var doc = new XmlDocument();
        doc.LoadXml(@"
            <!DOCTYPE root [
              <!ELEMENT root (ul*) > 
              <!ELEMENT ul (li+) > 
              <!ELEMENT li ANY >
              <!ATTLIST root id ID #REQUIRED>
              <!ATTLIST li   id ID #REQUIRED>]>
            <root id='root'></root>");
        var relation = new List<String>(){
            "child.child2.child3",
            "child7",
            "child10.child14.child15",
            "child10.child14.child16"
        };
/* output(by hand made pretty):
  <ul>
    <li>child<ul><li>child2<ul><li>child3</li></ul></li></ul></li>
    <li>child7</li>
    <li>child10<ul><li>child14<ul><li>child15</li><li>child16</li></ul></li></ul></li>
  </ul>
*/
/*
        var relation = new List<String>(){
            "child1",
            "child1.child9",
            "child4.child10.child11",
            "child4.child10.child12"
        };
        var relation = new List<String>(){
            "child",
            "child.child1",
            "child.child2",
            "child.child2.child3"
        };
*/
        foreach(var path in relation){
            MakeTree(doc, path);
        }
        DeleteId(doc.DocumentElement);
        string result = doc.DocumentElement.InnerXml;
        Console.WriteLine(result);
//      doc.Save(Console.Out);
    }
    static void MakeTree(XmlDocument doc, string path){
        string parent = "root";
        foreach(var node in path.Split('.')){
            AppendChild(doc, parent, node);
            parent = node;
        }
    }
    static void DeleteId(XmlElement el){
        el.RemoveAttribute("id");
        if(el.HasChildNodes){
            foreach(XmlNode node in el.ChildNodes){
                if(node.NodeType == XmlNodeType.Element){
                    DeleteId((XmlElement)node);
                }
            }
        }
    }
    static void AppendChild(XmlDocument doc, string parent, string child){
        var childElement = doc.GetElementById(child);
        if(childElement == null){
            var li   = doc.CreateElement("li");
            var text = doc.CreateTextNode(child);
            li.SetAttribute("id", child);
            li.AppendChild(text);
            var parentElement = doc.GetElementById(parent);
            if(parent == "root"){
                if(parentElement.HasChildNodes){
                    parentElement.FirstChild.AppendChild(li);
                } else {
                    var ul   = doc.CreateElement("ul");
                    ul.AppendChild(li);
                    parentElement.AppendChild(ul);
                }
            } else {
                if(parentElement.LastChild.NodeType == XmlNodeType.Text){
                    var ul   = doc.CreateElement("ul");
                    ul.AppendChild(li);
                    parentElement.AppendChild(ul);
                } else {
                    parentElement.LastChild.AppendChild(li);
                }
            }
        }
    }
}

【讨论】：