Question

我有一个名为layout.html的布局html文件，其内容如下：

<!DOCTYPE html>

    <html>
    <head>
        <title>{% block title %} {% endblock %}</title>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css" integrity="sha384-Zug+QiDoJOrZ5t4lssLdxGhVrurbmBWopoEl+M6BdEfwnCJZtKxi1KgxUyJq13dy" crossorigin="anonymous">
    </head>
    <body>

        {% block head %} 
            <div class = "container-fluid">
                <h1>Books </h1> 
                <h1 class = "text-muted">Rate and discover books</h1>
            </div>

        {% endblock %}


        {% block body %} {% endblock %}

    </body>
    </html>

和一个名为index.html的索引布局，如下所示：

{% extends "layout.html" %}

{% block title %}{% endblock %}

{% block head %}{% endblock %}

{% block body %}
<h1>some text</h1>
{% endblock %}

但是当我使用烧瓶应用程序将index.html呈现到浏览器中时，我只看到以下文本：

为什么？谢谢！

Answer 1

好的，我现在觉得很愚蠢。我意识到，只要您在父模板中也存在的子模板中输入一个块的名称，就会覆盖父模板的该部分。因此，在这种情况下，通过在子模板中输入块头并将其保留为空白，这正是我所做的，因此基本上没有文本覆盖了文本。

Jinja2无法扩展简单的布局

1 个答案: