Django 全局 base.html 模板

在本文中，我们将介绍 Django 中全局 base.html 模板的使用方法和示例。Base.html 是一个通用的 HTML 模板文件，可以在 Django 项目的不同页面中共享和重用，大大简化了页面的开发和维护工作。

什么是全局 base.html 模板

在开发网站时，我们通常会有一些共同的元素，例如网站的页眉、页脚、导航栏等。为了避免重复编写这些元素的代码，我们可以使用 Django 的全局 base.html 模板。全局 base.html 模板是一个包含了网站的通用元素的 HTML 文件。

使用全局 base.html 模板可以帮助我们节省时间和代码量。当我们需要对网站的共同元素进行修改时，我们只需要修改 base.html 模板文件，而不需要在每个页面中分别修改。

如何创建全局 base.html 模板

下面是创建全局 base.html 模板的步骤：

在 Django 项目的根目录下的 templates 文件夹中创建一个名为 base.html 的文件，该文件将作为全局模板文件；
在 base.html 中编写网站的通用 HTML 代码，例如页眉、导航栏、页脚等；
在其他 HTML 文件中继承 base.html 模板。

下面是一个简单的示例，展示了全局 base.html 模板的基本结构：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{% block title %}{% endblock %}</title>
</head>
<body>
    <header>
        <!-- 网站的页眉部分 -->
    </header>

    <nav>
        <!-- 网站的导航栏部分 -->
    </nav>

    <main>
        <!-- 页面的主要内容 -->
        {% block content %}
        {% endblock %}
    </main>

    <footer>
        <!-- 网站的页脚部分 -->
    </footer>
</body>
</html>

在上面的示例中，{% block %} 标签表示一个可替换的区域，在继承 base.html 的子模板中可以使用 {% block %} 标签来填充具体内容。

如何使用全局 base.html 模板

使用全局 base.html 模板非常简单，只需要在子模板中通过继承的方式引用即可。下面是使用全局 base.html 模板的步骤：

在子模板中使用 {% extends 'base.html' %} 语句，表示该子模板将继承自 base.html；
在子模板中使用 {% block %} 标签填充特定的内容。

下面是一个示例，展示了如何继承全局 base.html 模板：

{% extends 'base.html' %}

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

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