Как я могу визуализировать древовидную структуру (рекурсивную) с помощью шаблона django?

StackOverflow https://stackoverflow.com/questions/32044

  •  09-06-2019
  •  | 
  •  

Вопрос

У меня есть древовидная структура в памяти, которую я хотел бы отобразить в HTML с помощью шаблона Django. 

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

Там будет какой-то объект root это очень Node, и children это список Nodes. root будет передано в содержимом шаблона.

Я нашел это одно обсуждение того, как этого можно достичь, но плакат предполагает, что это может быть не очень хорошо в производственной среде.

Кто-нибудь знает способ получше?

Это было полезно?

Решение

Я думаю, что канонический ответ таков:"Не надо".

Что вам, вероятно, следует сделать вместо этого, так это распутать то, что находится в вашем Вид код, так что это просто вопрос перебора (in | de) вмятин в шаблоне.Я думаю, я бы сделал это, добавив отступы и выделения в список во время рекурсии по дереву, а затем отправив этот список "travelogue" в шаблон.(затем шаблон будет вставлен <li> и </li> из этого списка создаем рекурсивную структуру с "пониманием" ее.)

Я также почти уверен, что рекурсивное включение файлов шаблонов действительно неправильно способ сделать это...

Другие советы

Используя 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>

это может быть намного больше, чем вам нужно, но есть модуль django под названием 'mptt' - он хранит иерархическую древовидную структуру в базе данных sql и включает шаблоны для отображения в коде представления.возможно, вы сможете найти там что-то полезное.

вот ссылка : django-mptt

Я опоздал) Все вы используете так много ненужного с теги, вот как я делаю реквезив:

в основном шаблоне:

<!-- 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 %}

Да, ты можешь это сделать.Это небольшая хитрость, передающая имя файла в {% include %} в качестве переменной:

{% with template_name="file/to_include.html" %}
{% include template_name %}
{% endwith %}

У Django есть встроенный помощник по шаблону именно для этого сценария:

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

У меня была такая же проблема, и я написал тег шаблона.Я знаю, что есть и другие подобные теги, но мне все равно нужно было научиться создавать пользовательские теги :) Я думаю, что получилось довольно неплохо.

Инструкции по использованию приведены в документации.

github.com/skid/django-recurse

Неужели никому не нравятся диктанты ?Возможно, я здесь чего-то не хватает, но это, казалось бы, самый естественный способ настройки меню.Используя ключи в качестве записей и значения в качестве ссылок, поместите их в 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>

Возможно, вы еще не пробовали использовать default или ordered?

исправьте это:

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)

У меня была похожая проблема, однако я сначала реализовал решение с использованием JavaScript, и только после этого подумал, как бы я сделал то же самое в шаблонах django.

Я использовал утилиту serializer, чтобы преобразовать список моделей в json, и использовал данные json в качестве основы для своей иерархии.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top