Flask 中如何在模板中使用变量？

推荐答案

在 Flask 中，可以通过 Jinja2 模板引擎在模板中使用变量。具体步骤如下：

1. 在视图函数中传递变量：在视图函数中使用 render_template 函数时，可以通过关键字参数将变量传递给模板。

   from flask import Flask, render_template
   
   app = Flask(__name__)
   
   @app.route('/')
   def index():
       user = {'username': 'John'}
       return render_template('index.html', user=user)

2. 在模板中使用变量：在模板文件中，使用双大括号 {{ }} 来引用变量。

   // www.javascriptcn.com code example
   <!DOCTYPE html>
   <html lang="en">
   <head>
       <meta charset="UTF-8">
       <title>Flask Template</title>
   </head>
   <body>
       <h1>Hello, {{ user.username }}!</h1>
   </body>
   </html>

本题详细解读

1. 视图函数中的变量传递

在 Flask 中，视图函数负责处理请求并返回响应。通过 render_template 函数，可以将变量传递给模板。render_template 的第一个参数是模板文件的路径，后续的参数是传递给模板的变量。

@app.route('/')
def index():
    user = {'username': 'John'}
    return render_template('index.html', user=user)

在这个例子中，user 是一个字典，通过 render_template 传递给 index.html 模板。

2. 模板中的变量引用

在模板中，使用 Jinja2 语法来引用变量。Jinja2 是 Flask 默认的模板引擎，支持在 HTML 中嵌入动态内容。

<h1>Hello, {{ user.username }}!</h1>

在这个例子中，{{ user.username }} 会被替换为 user 字典中 username 键对应的值，即 John。

3. 变量的嵌套和复杂结构

Jinja2 不仅支持简单的变量引用，还支持嵌套的字典、列表等复杂结构。例如：

@app.route('/')
def index():
    user = {'username': 'John', 'age': 30, 'hobbies': ['reading', 'coding']}
    return render_template('index.html', user=user)

在模板中可以这样引用：

<p>Username: {{ user.username }}</p>
<p>Age: {{ user.age }}</p>
<p>Hobbies: {{ user.hobbies[0] }}, {{ user.hobbies[1] }}</p>

4. 变量的默认值

如果变量可能不存在，可以使用 Jinja2 的默认值语法：

<p>Username: {{ user.username | default('Guest') }}</p>

如果 user.username 不存在，模板会显示 Guest。

5. 变量的转义

为了防止 XSS 攻击，Jinja2 默认会对变量进行 HTML 转义。如果确定内容是安全的，可以使用 safe 过滤器来禁用转义：

<p>{{ user.bio | safe }}</p>

6. 变量的控制结构

Jinja2 还支持条件判断和循环等控制结构，可以在模板中根据变量的值动态生成内容。

{% if user.age > 18 %}
    <p>Welcome, {{ user.username }}!</p>
{% else %}
    <p>Sorry, you are too young.</p>
{% endif %}

通过这些方法，可以在 Flask 模板中灵活地使用变量，生成动态的 HTML 内容。