Django 模板中如何使用 extends 标签？-JavaScript中文网-JavaScript教程资源分享门户

推荐答案

在 Django 模板中，extends 标签用于继承一个父模板。通过使用 extends 标签，子模板可以继承父模板的结构，并覆盖或扩展父模板中的块（block）。

基本用法

{% extends "base.html" %}

"base.html" 是父模板的文件路径。
extends 标签必须是模板中的第一个标签。

覆盖父模板中的块

在子模板中，可以通过定义与父模板中同名的块来覆盖父模板的内容。

{% block content %}
    <h1>这是子模板的内容</h1>
{% endblock %}

content 是父模板中定义的块名。
子模板中的 block 标签会替换父模板中同名块的内容。

扩展父模板中的块

如果希望在子模板中扩展父模板的块内容，而不是完全覆盖，可以使用 {{ block.super }}。

{% block content %}
    {{ block.super }}
    <p>这是子模板添加的内容</p>
{% endblock %}

{{ block.super }} 会渲染父模板中该块的内容。
可以在 {{ block.super }} 前后添加额外的内容。

本题详细解读

`extends` 标签的作用

extends 标签是 Django 模板系统中用于模板继承的核心标签。它允许开发者创建一个基础模板（父模板），并在子模板中继承和扩展这个基础模板。这种方式可以有效地减少代码重复，提高模板的可维护性。

模板继承的流程

定义父模板：父模板通常包含页面的通用结构，如 HTML 骨架、导航栏、页脚等。父模板中使用 block 标签定义可被子模板覆盖的区域。

// www.javascriptcn.com code example
<!-- base.html -->
<html>
<head>
    <title>{% block title %}默认标题{% endblock %}</title>
</head>
<body>
    <div id="content">
        {% block content %}{% endblock %}
    </div>
</body>
</html>

子模板继承父模板：子模板通过 extends 标签指定要继承的父模板，并使用 block 标签覆盖或扩展父模板中的块。

// www.javascriptcn.com code example
<!-- child.html -->
{% extends "base.html" %}

{% block title %}
    子模板标题
{% endblock %}

{% block content %}
    <h1>这是子模板的内容</h1>
{% endblock %}

渲染子模板：当 Django 渲染子模板时，它会首先加载父模板，然后根据子模板中的 block 标签替换或扩展父模板中的相应块。

`block.super` 的使用

{{ block.super }} 是一个特殊的模板变量，用于在子模板中引用父模板中同名块的内容。这在需要扩展父模板内容而不是完全覆盖时非常有用。

{% block content %}
    {{ block.super }}
    <p>这是子模板添加的内容</p>
{% endblock %}

在这个例子中，{{ block.super }} 会渲染父模板中 content 块的内容，然后在其后添加子模板的内容。

注意事项

extends 标签必须是模板中的第一个标签，否则 Django 会抛出异常。
一个模板只能继承一个父模板，不能多重继承。
如果子模板中没有定义某个块，Django 会使用父模板中该块的默认内容。

通过合理使用 extends 标签和 block 标签，开发者可以构建出结构清晰、易于维护的 Django 模板系统。

Django 模板中如何使用 extends 标签？