Django父模板的动态参数|极客笔记

Django父模板的动态参数

在Django中，我们经常会使用模板继承来避免重复编写相似的代码。父模板通常是一个基础模板，其中包含了整个网站的基本结构，而子模板则是根据需要进行扩展和修改的。在一些情况下，我们希望将父模板中的一些内容动态传递给子模板，以便在子模板中进行进一步的处理。本文将重点介绍如何在Django中实现父模板的动态参数传递。

1. 创建父模板

首先，我们需要创建一个父模板，这个模板将包含我们需要动态传递的参数。在这个示例中，假设我们有一个基础模板base.html，包含了一个<title>标签和一个<header>标签：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{% block title %}{% endblock %}</title>
</head>
<body>
    <header>
        <h1>{% block header %}{% endblock %}</h1>
    </header>
    <main>
        {% block content %}
        {% endblock %}
    </main>
</body>
</html>

在这个父模板中，我们使用了Django模板语言的{% block %}标签来定义可被子模板覆盖的块。我们将title和header两个块留给子模板填充，而content块则是用来放置子模板中具体的内容。

2. 创建子模板

现在，我们创建一个子模板，通过继承父模板并动态传递参数的方式来扩展父模板的内容。假设我们有一个名为homepage.html的子模板，该模板需要动态设置title和header：

{% extends 'base.html' %}

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

{% block header %}Welcome to our website!{% endblock %}

{% block content %}
    <p>This is the content of the home page.</p>
{% endblock %}

在子模板中，我们首先使用{% extends %}标签来继承父模板base.html，然后分别在title和header块中填入了具体的内容。在content块中放置了子模板的具体内容。

3. 填充动态参数

接下来，我们将展示如何在视图函数中传递参数给子模板。假设我们有一个视图函数home_page用来渲染homepage.html模板，并传递参数给父模板：

from django.shortcuts import render

def home_page(request):
    context = {
        'title': 'Home Page',
        'header': 'Welcome to our website!'
    }
    return render(request, 'homepage.html', context)

在这个视图函数中，我们定义了一个context字典，其中包含了title和header两个参数。这些参数将在homepage.html中被动态填充到父模板中。

4. 渲染页面

最后，我们可以通过访问home_page视图函数来渲染我们的网页。Django会自动将title和header参数传递给父模板，从而动态显示在页面中：

# 访问首页
http://localhost:8000/home/

# 渲染结果
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Home Page</title>
</head>
<body>
    <header>
        <h1>Welcome to our website!</h1>
    </header>
    <main>
        <p>This is the content of the home page.</p>
    </main>
</body>
</html>

如上所示，我们成功地将父模板中的title和header参数传递给子模板，实现了在Django中实现父模板的动态参数传递。

总结一下，本文介绍了如何在Django中实现父模板的动态参数传递。通过定义父模板和子模板，并在视图函数中传递参数，我们可以轻松地实现父模板的动态性，避免了重复编写相似的代码。