Question

我有一个名为exercise_tracker的应用，并想用两个模板扩展base.html：exercise_list.html和footer.html。对于exercise_list.html，我没有为view设置footer.html。它不会呈现footer.html的内容。你能给我一个提示我做错了什么吗？

views.py

from django.shortcuts import render
from django.utils import timezone
from .models import Exercise

def exercise_list(request):
    exercises = Exercise.objects.filter(published_date__lte=timezone.now()).order_by('published_date')
    return render(request, 'exercise_tracker/exercise_list.html', {"exercises": exercises})

base.html

<html>
    <body>
        {% block content %}
        {% endblock %}

        {% block footer %}
            <p>Footer placeholder</p>
        {% endblock %}
    </body>
</html>

exercise_list.html

{% extends 'exercise_tracker/base.html' %}

{% block content %}
    <table>
    {% for exercise in exercises %}
        <tr>
            <td>{{ exercise.date_learned }}</td>
            <td>{{ exercise.time_studied }}</td>
            <td>{{ exercise.language_learned }}</td>
            <td>{{ exercise.description|linebreaksbr }}</td>
        </tr>
    {% endfor %}
    </table>
{% endblock %}

footer.html

{% extends 'exercise_tracker/base.html' %}

{% block footer %}
    <p>Footer</p>
{% endblock %}

Answer 1

我建议您编辑 exercise_list.html

{% extends 'exercise_tracker/base.html' %}

{% block content %}
    <table>
    {% for exercise in exercises %}
        <tr>
            <td>{{ exercise.date_learned }}</td>
            <td>{{ exercise.time_studied }}</td>
            <td>{{ exercise.language_learned }}</td>
            <td>{{ exercise.description|linebreaksbr }}</td>
        </tr>
    {% endfor %}
    </table>
{% endblock %}
{% block footer %}
   <p>Footer placeholder</p>
{% endblock %}

在 base.html

中

<html>
    <body>
        {% block content %}
        {% endblock %}

        {% block footer %}
        {% endblock %}
    </body>
</html>

它可以解决您的问题。

Answer 2

使用extends模板标记可指示Django仅使用已使用的子模板中定义的块内容填充父模板中的块！

在 exercice_list.html 中仅填充content块时，将仅填充 base.html 中的content块当您调用exercice_list视图时。这是因为django不会寻找其他模板可以扩展父模板，因此不在乎是否有 footer.html 也可以扩展父模板。如果您希望在调用exercice_list视图时包括 footer.html 中的内容，那么您需要将其添加到 base.html 中，或者在 exercice_list.html 。

将页脚保留在单独的模板中是完全可以的，但是您需要将其作为一个块添加到 exercice_list.html ：

{% extends 'exercise_tracker/base.html' %}
{% block content %}
<table>
{% for exercise in exercises %}
    <tr>
        <td>{{ exercise.date_learned }}</td>
        <td>{{ exercise.time_studied }}</td>
        <td>{{ exercise.language_learned }}</td>
        <td>{{ exercise.description|linebreaksbr }}</td>
    </tr>
{% endfor %}
</table>
{% endblock %}

{% block footer %}
    {% include "footer.html" %}
{% endblock %}

您的 footer.html 可能如下所示：

<p>Footer</p>

如果您想进一步了解这一点，那么一个关于include和extend的SO问题是一个很好的起点：django templates: include and extends 或者是有关template inheritance的优秀django文档。

希望能帮助您编写愉快的代码！

Answer 3

您不需要页脚的单独模板。如果整个网站都使用相同的页脚，则可以在base.html中进行编码。如果只想在某些地方覆盖它，只需在基本模板中添加页脚块，然后将其覆盖到想要的位置即可。

这应该给您一个想法：

Base.html：

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
    // Site-Wide Links , CDN go here
    {% block head %} 
    {% endblock %
  </head>
  <body>
// Base code goes here
    {% block content %}
    {% endblock %}    
<footer>
// Base Footer goes here
    {% block footer %}
    {% endblock %}

</footer>

  </body>
</html>

Some_template.html：

{% extends 'exercise_tracker/base.html' %} 
    {% block head %}
    //Your CSS , CDN here 
    {% endblock %}

    {% block content %}
 // Your HTML here
    {% endblock %}

    {% block footer %}
//Your Footer Here if you need to add something
    {% endblock %}

Django仅扩展一个模板

3 个答案: