Question

我正在尝试在我的烧瓶项目中实现线程注释，我希望看起来像这样：

comment1
    reply1
        reply4
            reply6
        reply5
    reply2
    reply3
comment2

对于上面的例子，我有这样的评论：

comments = { 'comment1':['reply1', 'reply2', 'reply3'],
             'reply1':['reply4', 'reply5'],
             'reply4':['reply6'],
             'reply2':[],
             'reply3':[],
             'reply5':[],
             'reply6':[],
             'comment2':[],
            }

键值对是评论：他们的直接回复

在此之后，我尝试为每个根评论建立一个基于列表的树，例如comment1，comment2等，例如comment1我有一棵树像：

['reply1', ['reply4', ['reply6', []], 'reply5', []], 'reply2', [], 'reply3', []]

现在，我不知道如何将这些评论/回复呈现为线程和多级缩进。我应该如何在Jinja模板中解析这个树并呈现评论/回复？我是否有必要为每个评论构建一个基于列表的树，或者评论词典是否足以满足所需的实现？

Answer 1

首先确定HTML的外观（我假设您要生成HTML），然后设计模板，然后编写Python代码以生成适当的数据结构。不要尝试在模板中实现任何复杂的树遍历。

嵌套HTML列表的一个示例：

<ul>
{% for node in nodes %}
{% if node.indent %}
  <li><ul>
{% elif node.outdent %}
  </ul></li>
{% elif node.content %}
  <li>{{ node.content }}</li>
{% endif %}
{% endfor %}
</ul>

这需要像这样的扁平树结构：

{ "nodes": [
  { "content": "hi" },
  { "indent": True },
  { "content": "how do you do" },
  { "outdent": True },
  { "content": "hi again" },
]}

在Jinja模板中呈现线程评论树

1 个答案: