Flask 在多个地方重复使用Jinja2中的代码块

在本文中，我们将介绍如何在Flask中使用Jinja2的代码块，并且使其能够在多个地方重复使用。Jinja2是Flask使用的默认模板引擎，它允许我们在HTML文件中嵌入Python代码，并通过模板来动态生成页面内容。代码块是一段可重复使用的代码，可以在不同页面或多个位置使用。

阅读更多：Flask 教程

Jinja2代码块的定义和使用

要定义一个Jinja2代码块，我们可以使用block和endblock关键字。代码块可以包含HTML代码和Jinja2的模板语法。例如，我们可以定义一个名为sidebar的代码块，其中包含网站侧边栏的内容：

{% block sidebar %}
    <div class="sidebar">
        <h3>侧边栏</h3>
        <ul>
            <li><a href="/">首页</a></li>
            <li><a href="/about">关于我们</a></li>
            <li><a href="/contact">联系我们</a></li>
        </ul>
    </div>
{% endblock %}

要在模板的其他位置使用代码块中的内容，我们可以使用extends关键字继承该模板，并使用block关键字来覆盖或扩展代码块的内容。例如，在另一个模板中，我们可以使用extends继承上述模板，并在sidebar代码块中添加额外的内容：

{% extends "base.html" %}

{% block sidebar %}
    {{ super() }}
    <div class="sidebar">
        <h3>新的侧边栏内容</h3>
        <ul>
            <li><a href="/news">最新消息</a></li>
            <li><a href="/events">活动</a></li>
        </ul>
    </div>
{% endblock %}

在上面的例子中，我们使用{{ super() }}来保留原始代码块的内容，并在新模板中添加了额外的侧边栏内容。

Jinja2代码块的重复使用

在Jinja2中，可以在多个模板文件中使用同一个代码块，以实现代码的复用。要实现代码块的重复使用，我们需要创建一个基础模板，并在其他模板中继承该基础模板。

例如，我们创建一个名为base.html的基础模板，其中包含一个sidebar代码块：

{% block sidebar %}
    <div class="sidebar">
        <h3>侧边栏</h3>
        <ul>
            <li><a href="/">首页</a></li>
            <li><a href="/about">关于我们</a></li>
            <li><a href="/contact">联系我们</a></li>
        </ul>
    </div>
{% endblock %}

然后，我们可以创建其他模板，并使用extends继承基础模板。这样，我们就可以在不同的页面中重复使用sidebar代码块，而不需要在每个模板中都重写一遍。

{% extends "base.html" %}

{% block content %}
    <div class="content">
        <h1>首页</h1>
        <p>欢迎访问我们的网站！</p>
    </div>
{% endblock %}

{% extends "base.html" %}

{% block content %}
    <div class="content">
        <h1>关于我们</h1>
        <p>我们是一家致力于提供高质量产品和服务的公司。</p>
    </div>
{% endblock %}

Jinja2代码块的参数化

除了可以重复使用代码块外，我们还可以通过参数化来动态地更改代码块中的内容。这样，我们可以在不同的地方使用同一个代码块，但每次使用时可以传入不同的参数。

为了演示代码块的参数化，我们可以修改上述的sidebar代码块，使其接受一个参数来确定显示的链接内容：

{% block sidebar %}
    <div class="sidebar">
        <h3>侧边栏</h3>
        <ul>
            {% for link in links %}
                <li><a href="{{ link.url }}">{{ link.title }}</a></li>
            {% endfor %}
        </ul>
    </div>
{% endblock %}

然后，在模板中使用该代码块时，可以通过传递一个包含链接数据的列表来动态地生成不同的链接：

{% extends "base.html" %}

{% block sidebar %}
    {{ super() }}
    <div class="sidebar">
        <h3>新的侧边栏内容</h3>
        <ul>
            {% for link in other_links %}
                <li><a href="{{ link.url }}">{{ link.title }}</a></li>
            {% endfor %}
        </ul>
    </div>
{% endblock %}

在这个例子中，我们使用了links参数和other_links参数来分别生成不同的链接列表，实现了代码块的灵活复用。