如何使用 django 模板渲染树结构（递归）？

Question

我在内存中有一个树形结构，我想使用 Django 模板在 HTML 中呈现它。

class Node():
  name = "node name"
  children = []

会有一些对象root 是Node，而children 是Nodes 的列表。 root 会传入模板的内容。

我找到了this 一个关于如何实现这一点的讨论，但发帖者暗示这在生产环境中可能并不好。

有人知道更好的方法吗？

Answer 1

我来晚了。
你们都使用了这么多不必要的 with 标签，这就是我做递归的方式：

在“主”模板中：

<!-- lets say that menu_list is already defined -->
<ul>
    {% include "menu.html" %}
</ul>

然后在menu.html:

{% for menu in menu_list %}
    <li>
        {{ menu.name }}
        {% if menu.submenus|length %}
            <ul>
                {% include "menu.html" with menu_list=menu.submenus %}
            </ul>
        {% endif %}
    </li>
{% endfor %}

Answer 2

纠正这个：

root_comment.html

{% extends 'students/base.html' %}
{% load i18n %}
{% load static from staticfiles %}

{% block content %}

<ul>
{% for comment in comments %}
    {% if not comment.parent %}                   ## add this ligic
    {% include "comment/tree_comment.html" %}
    {% endif %}
{% endfor %}
</ul>

{% endblock %}

tree_comment.html

<li>{{ comment.text }}
    {%if comment.children %}
        <ul>
         {% for ch in comment.children.get_queryset %}     # related_name in model
              {% with comment=ch template_name="comment/tree_comment.html" %}
                   {% include template_name %}
              {% endwith %}
         {% endfor %}
         </ul>
    {% endif %}
</li>

例如 - 型号：

from django.db import models
from django.contrib.auth.models import User
from django.utils.translation import ugettext_lazy as _


# Create your models here.
class Comment(models.Model):
    class Meta(object):
        verbose_name = _('Comment')
        verbose_name_plural = _('Comments')

    parent = models.ForeignKey(
        'self',
        on_delete=models.CASCADE,
        parent_link=True,
        related_name='children',
        null=True,
        blank=True)

    text = models.TextField(
        max_length=2000,
        help_text=_('Please, your Comment'),
        verbose_name=_('Comment'),
        blank=True)

    public_date = models.DateTimeField(
        auto_now_add=True)

    correct_date = models.DateTimeField(
        auto_now=True)

    author = models.ForeignKey(User)

Answer 3

我有同样的问题，我写了一个模板标签。我知道还有其他类似的标签，但无论如何我都需要学习制作自定义标签:) 我认为结果非常好。

阅读文档字符串以获取使用说明。

github.com/skid/django-recurse

Answer 4

使用with模板标签，我可以做树/递归列表。

示例代码：

主模板：假设 'all_root_elems' 是一个或多个树根的列表

<ul>
{%for node in all_root_elems %} 
    {%include "tree_view_template.html" %}
{%endfor%}
</ul>

tree_view_template.html 渲染嵌套的ul、li 并使用node 模板变量如下：

<li> {{node.name}}
    {%if node.has_childs %}
        <ul>
         {%for ch in node.all_childs %}
              {%with node=ch template_name="tree_view_template.html" %}
                   {%include template_name%}
              {%endwith%}
         {%endfor%}
         </ul>
    {%endif%}
</li>

Answer 5

没有人喜欢 dicts 吗？我可能在这里遗漏了一些东西，但这似乎是设置菜单的最自然方式。使用键作为条目，使用值作为链接将其弹出 DIV/NAV 并离开！

从你的基地

# Base.html
<nav>
{% with dict=contents template="treedict.html" %}
 {% include template %}
{% endwith %}
<nav>

叫这个

# TreeDict.html
<ul>
{% for key,val in dict.items %}
 {% if val.items %}
  <li>{{ key }}</li>
  {%with dict=val template="treedict.html" %}
   {%include template%}
  {%endwith%}
 {% else %} 
  <li><a href="{{ val }}">{{ key }}</a></li>
 {% endif %}
{% endfor %} 
</ul>

它还没有尝试过默认或有序，也许你有？

Answer 6

Django 为这个确切的场景提供了一个内置的模板助手：

https://docs.djangoproject.com/en/dev/ref/templates/builtins/#unordered-list