2

我有一个基本模板,我想将其分成三部分:页眉、正文、页脚。然后我使用基本模板来包含三个子模板。但是,据我所知,这意味着我无法覆盖 {{ block }} 内容。那么使用包含一个坏主意吗?或者有没有办法覆盖包含模板中的块内容?

我知道您可以将静态上下文变量发送到包含的段,但它需要更加动态。

我的代码:

在 header.html 中

<html>
    <head>
        <script url="..."></script>
        <link rel="..." />
        {% block head_extension %}

        {% endblock %}
    </head>
    <body>
        <header>
            <div class="headerstuff">
            </div>
        </header>

然后在 body.html 文件中:

        <div class="container">
            {% block content %}
                Foo fum my content    
            {% endblock %}
        </div>

页脚.html:

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

base.html:

{% include "header.html" %}
{% include "body.html" %}
{% include "footer.html" %}
<!-- and the part that doesn't work -->
{% block head_extension %}
    <script src="unique_script"></script>
{% endblock %}
{% block content %}
    My unique content
{% endblock %}
{% block footer %}
    Copyright 2011
{% endblock %}
<!-- end broken django templating try -->

难道我做错了什么?模板文档似乎表明我正在尝试做的事情不起作用。这似乎是创建易于阅读的模板的最佳方式。将所有部分放在一个大文件中会更好吗?可以想象,页眉、正文和页脚元素比这个演示要大得多。但重点仍然存在。

我希望有一种方法可以做我不知道的事情。

提前致谢

4

1 回答 1

7

您的方法很好,但是您这样做的顺序错误。首先 html 的开始<html>和结束标签</html>不应该分成不同的文件,最好放在base.html.

以下是如何遵循分解结构的示例:

base.html

<html>
    <head>
        <!-- Some stuff here which should be included in all templates for example js or css -->
        {% block extra_css %}
            <!-- to included app-template dependent css -->
        {% endblock extra_css %}

        {% block extra_js %}
            <!-- to included app-template dependent js -->
        {% endblock extra_js %}

        {% block extra_head %}
            <!-- for anything else inside head -->
        {% endblock extra_head %}

    </head>
    <body>
        {% block menu %}
            <!-- Default menu here -->
            {% block extra_menu %}
                <!-- extend menu based on template -->
            {% endblock extra_menu %}
        {% endblock menu %}

        {% block content %}
            <div>This is good</div>
        {% endblock content %}

        {% include "footer.html" %}

        {% block bottom_js %}
            <!-- if you want to have manual js scripts at bottom -->
        {% endblock bottom_js %}
    </body>
</html>

现在base.html是所有设置,让我们假设您要从另一个子模板覆盖您将执行的base.html块:content

child.html

{% extends "base.html" %}

{% block content %}
    <div>This is really good</div>
{% endblock content %}

因此,当页面加载时,您将看到this is really good而不是this is good(在内容块内的 base.html 中定义),因为您只是覆盖它。

如果您希望内容块中的任何内容base.html也应该保留,那么您需要扩展块而不是使用方法{{ block.super }}完全覆盖它

child.html

{% extends "base.html" %}

{% block content %}
    {{ block.super }}
    <div>This is really good</div>
{% endblock content %}

现在您将同时看到this is goodthis is really good。希望这会澄清你的概念,并会引导你好。

于 2013-05-11T16:22:01.270 回答