Django 模板：通过扩展模板覆盖包含的子模板块

python Django

1个回答

写回答

18896562761

2025-06-12 21:55

+ 关注

Django
Django

在Django开发中，模板是构建用户界面的重要组成部分。在某些情况下，我们可能需要修改已有的模板，特别是修改包含的子模板块。为了实现这个目的，Django提供了一种方法，即通过扩展模板来覆盖包含的子模板块。

在Django中，我们可以使用{% extends %}标签来扩展一个模板，并使用{% block %}标签来定义一个块。当我们扩展一个模板时，可以通过在子模板中定义同名的块来覆盖父模板中的对应块。

下面是一个简单的例子，展示了如何通过扩展模板来覆盖子模板块：

html
<!-- 父模板 base.html -->
<!DOCTYPE html>
<html>
<head>
    <title>{% block title %}My Website{% endblock %}</title>
</head>
<body>
    <header>
        {% block header %}
        <h1>Welcome to my website!</h1>
        {% endblock %}
    </header>
    <mAIn>
        {% block content %}
        This is the default content.
        {% endblock %}
    </mAIn>
</body>
</html>

html
<!-- 子模板 home.html -->
{% extends 'base.html' %}
{% block title %}
    Home Page
{% endblock %}
{% block header %}
    <h1>Welcome to my home page!</h1>
{% endblock %}
{% block content %}
    
<img src="https://img.izhida.com/topic/0a40e3c91a3a55c9a37428c6d194d0e5.jpg" alt="AI"><br>AI
This is the content of my home page.
{% endblock %}

在这个例子中，我们定义了一个父模板base.html，其中包含了一个名为title的块，一个名为header的块和一个名为content的块。然后，我们创建了一个子模板home.html来扩展父模板，并覆盖了title、header和content这三个块。

在子模板中，我们使用{% extends %}标签指定了要扩展的父模板，并在对应的块中定义了新的内容。例如，我们将title块的内容修改为"Home Page"，header块的内容修改为"Welcome to my home page!"，content块的内容修改为"This is the content of my home page."。

通过这种方式，我们可以很方便地修改已有的模板，以满足特定的需求。如果我们想要进一步扩展子模板，也可以在子模板中定义新的块，并在父模板中使用这些块。

案例代码：

html
<!-- 父模板 base.html -->
<!DOCTYPE html>
<html>
<head>
    <title>{% block title %}My Website{% endblock %}</title>
</head>
<body>
    <header>
        {% block header %}
        <h1>Welcome to my website!</h1>
        {% endblock %}
    </header>
    <mAIn>
        {% block content %}
        This is the default content.
        {% endblock %}
    </mAIn>
</body>
</html>

html
<!-- 子模板 home.html -->
{% extends 'base.html' %}
{% block title %}
    <strong>Home Page</strong>
{% endblock %}
{% block header %}
    <strong>Welcome to my home page!</strong>
{% endblock %}
{% block content %}
    <strong>This is the content of my home page.</strong>
{% endblock %}

在这个案例中，我们在子模板中的标题、头部和内容之前添加了标签，使它们显示为加粗字体。
通过这种方式，我们可以轻松地通过扩展模板来覆盖包含的子模板块，并且可以根据需要进行自定义修改。这为我们的网站开发提供了更大的灵活性和可扩展性。

举报有用（4）分享收藏

Django 模板：通过扩展模板覆盖包含的子模板块

1个回答

18896562761

热门话题

相关问题