Flask模板——使用Jinja2构建动态网页

Flask模板——使用Jinja2构建动态网页

在Flask框架中，Jinja2是一个功能强大的模板引擎，它允许开发者在HTML模板中嵌入动态内容，从而实现网页的动态生成。下面我们将详细介绍Jinja2在Flask中的应用。

1. 创建模板

在Flask项目中，通常将模板文件存储在名为templates的文件夹中。在templates文件夹下创建一个HTML文件，如index.html，作为我们的模板。

2. 模板继承

Jinja2支持模板继承，这意味着我们可以定义一个基础模板，然后在其他模板中继承这个基础模板。这有助于保持代码的整洁和重用。

例如，我们可以创建一个名为base.html的基础模板，并在其中定义网页的头部、底部等公共部分。然后在index.html中通过{% extends "base.html" %}继承base.html。

3. 传递变量

在Flask视图中，我们可以将变量传递给模板，然后在模板中使用这些变量。这可以通过render_template函数的
@app**.kwargsroute(‘/‘)参数实现。

例如，在
def视图函数中：

```python index():
name = ‘John Doe’
return render_template(‘index.html’, name=name)

在`index.html`模板中，我们可以通过`{{ name }}`来显示`name`变量的值。
**4. 条件语句**
Jinja2支持在模板中使用条件语句。这可以通过`{% if %}...{% elif %}...{% else %}...{% endif %}`语法实现。
例如，在`index.html`模板中：
```html
{% if name %}
    <h1>Hello, {{ name }}!</h1>
{% else %}
    <h1>Hello, Guest!</h1>
{% endif %}

5. 循环语句

Jinja2还支持在模板中使用循环语句。这可以通过{% for %}...{% endfor %}语法实现。

例如，假设我们在视图函数中传递了一个列表给模板：

@app.route('/')
def index():
    items = ['apple', 'banana', 'cherry']
    return render_template('index.html', items=items)

在index.html模板中，我们可以通过以下方式遍历items列表：

<ul>
{% for item in items %}
    <li>{{ item }}</li>
{% endfor %}
</ul>

总结

Jinja2作为Flask的模板引擎，提供了丰富的功能来帮助开发者构建动态网页。通过掌握模板的创建、继承、变量传递、条件语句和循环语句等基本概念和实际应用，我们可以轻松地构建出功能强大的动态网页。

以上就是关于Flask模板——使用Jinja2构建动态网页的介绍。希望对你有所帮助！