Flask：使用Flask/Jinja2将HTML传递给模板

在本文中，我们将介绍如何使用Flask/Jinja2将HTML传递给模板。Flask是一个用于构建Web应用程序的Python微型框架，而Jinja2则是Flask中默认使用的模板引擎。

阅读更多：Flask 教程

什么是模板引擎

模板引擎是一种将动态数据动态插入到静态模板中的技术。它提供了更高级别的逻辑，使得在页面呈现数据时更加灵活和方便。

在Flask中，默认使用的模板引擎是Jinja2。Jinja2允许我们在HTML文件中添加特殊的标签，用于插入动态数据，并在服务器端进行处理和渲染。

在Flask中使用Jinja2传递HTML给模板

在Flask中，我们可以通过多种方式将HTML传递给模板。下面我们将介绍其中两种常见的方式。

1. 使用render_template函数传递静态的HTML文件

在Flask中，可以使用render_template函数将静态的HTML文件传递给模板。首先，我们要在Flask应用程序中设置模板文件夹的路径，这样Flask才能找到我们的模板文件。可以使用app的template_folder参数来指定模板文件夹的路径。

from flask import Flask, render_template

app = Flask(__name__, template_folder='templates')

@app.route('/')
def index():
    return render_template('index.html')

if __name__ == '__main__':
    app.run()

上述代码中，我们通过render_template函数将名为index.html的模板文件传递给模板引擎，并返回渲染后的页面。

2. 使用Jinja2的模板继承功能

Jinja2提供了模板继承的功能，可以方便地在不同的页面之间共享相同的结构和样式。我们可以创建一个基础模板，然后在其他模板中使用extends和block标签来继承和重写基础模板的内容。

下面是一个简单的例子：

<!-- base.html -->
<!DOCTYPE html>
<html>
<head>
    <title>{% block title %}{% endblock %}</title>
</head>
<body>
    <header>
        <h1>网站标题</h1>
    </header>

    <div class="content">
        {% block content %}{% endblock %}
    </div>

    <footer>
        版权所有 © 2022
    </footer>
</body>
</html>

<!-- index.html -->
{% extends 'base.html' %}

{% block title %}
    我的网站 - 首页
{% endblock %}

{% block content %}
    <h2>欢迎访问我的网站！</h2>
    <p>这是我的首页内容。</p>
{% endblock %}

在上述代码中，我们定义了一个基础模板base.html，其中使用了block标签来定义可以被子模板重写的内容。然后，我们在index.html中使用extends标签继承了base.html，并在block标签中重写了title和content。这样，当index.html被渲染时，将会替换base.html中对应的block内容。