模板继承

概述

在 Django 中，模板继承是一种强大的机制，允许你创建一个基础模板，然后通过继承这个基础模板来创建子模板。这种机制可以大大减少代码重复，提高代码的可维护性。

理论解释

什么是模板继承？

模板继承允许你定义一个基础模板（通常称为 base.html），其中包含网站的通用结构和布局。然后，你可以创建子模板，这些子模板继承自基础模板，并可以覆盖或扩展基础模板中的某些部分。

为什么使用模板继承？

• 减少代码重复：通过继承，你可以在多个页面中共享相同的结构和布局，而不需要重复编写相同的代码。
• 提高可维护性：如果需要更改网站的整体布局，只需修改基础模板即可，所有继承自该基础模板的页面都会自动更新。

代码示例

基础模板 (base.html)

首先，我们创建一个基础模板 base.html，它包含网站的通用结构和布局。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{% block title %}My Website{% endblock %}</title>
    <link rel="stylesheet" href="{% static 'css/styles.css' %}">
</head>
<body>
    <header>
        <h1>My Website</h1>
        <nav>
            <ul>
                <li><a href="/">Home</a></li>
                <li><a href="/about/">About</a></li>
                <li><a href="/contact/">Contact</a></li>
            </ul>
        </nav>
    </header>

    <main>
        {% block content %}
        <!-- 子模板将在这里插入内容 -->
        {% endblock %}
    </main>

    <footer>
        <p>&copy; 2023 My Website</p>
    </footer>
</body>
</html>

在这个基础模板中，我们使用了 {% block %} 标签来定义可被继承的块。title 块用于定义页面的标题，content 块用于定义页面的主要内容。

子模板 (home.html)

接下来，我们创建一个子模板 home.html，它继承自 base.html，并覆盖了 content 块。

{% extends "base.html" %}

{% block title %}Home{% endblock %}

{% block content %}
<h2>Welcome to My Website</h2>
<p>This is the home page.</p>
{% endblock %}

在这个子模板中，我们使用了 {% extends "base.html" %} 来继承基础模板。然后，我们覆盖了 title 和 content 块，以定义特定于这个页面的内容。

子模板 (about.html)

我们还可以创建另一个子模板 about.html，它也继承自 base.html，并覆盖了 content 块。

{% extends "base.html" %}

{% block title %}About{% endblock %}

{% block content %}
<h2>About Us</h2>
<p>This is the about page.</p>
{% endblock %}

在这个子模板中，我们同样使用了 {% extends "base.html" %} 来继承基础模板，并覆盖了 title 和 content 块。

实践练习

练习 1：创建一个基础模板

1. 在你的 Django 项目中，创建一个名为 base.html 的基础模板。
2. 在 base.html 中定义一个 title 块和一个 content 块。

练习 2：创建子模板

1. 创建一个名为 home.html 的子模板，继承自 base.html。
2. 在 home.html 中覆盖 title 和 content 块，定义首页的内容。
3. 创建另一个名为 about.html 的子模板，继承自 base.html。
4. 在 about.html 中覆盖 title 和 content 块，定义关于页面的内容。

练习 3：在视图中使用模板

1. 在你的 Django 视图中，使用 render 函数来渲染 home.html 和 about.html 模板。
2. 确保你的 URL 配置正确，以便用户可以通过浏览器访问这些页面。

总结

通过模板继承，你可以轻松地创建一个基础模板，并在多个页面中共享相同的结构和布局。这不仅减少了代码重复，还提高了代码的可维护性。希望这篇教程能帮助你更好地理解和使用 Django 中的模板继承。