Python Academy · 课时

使用 Jinja2 创建模板

渲染动态 HTML

使用 Jinja2 创建模板 是 CoddyKit 上的免费 Python Academy 课时。这是第 2 节课，共 4 节。你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。这是 Python Academy 学习路径的一部分，你的进度在网页和 CoddyKit 应用中同步。 Python Academy 课程共包含 4 节课。

为什么使用模板？

直接从 Python 字符串返回 HTML 很快就会变得混乱。模板将 HTML 保存在单独的文件中，并在渲染时填充数据。Flask 使用 Jinja2 引擎。

from flask import Flask, render_template
app = Flask(__name__)
# render_template loads a file from the templates/ folder
print('Jinja2 powers Flask templates')

templates 文件夹

Flask 会在应用旁名为 templates/ 的文件夹中查找模板。文件通常以 .html 结尾。

# project/
#   app.py
#   templates/
#     index.html
print('Templates live in templates/')

render_template

render_template('index.html') 会加载模板，并将渲染后的 HTML 作为响应返回。

from flask import Flask, render_template
app = Flask(__name__)

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

传递数据

将变量作为关键字参数传入。模板随后就可以显示这些变量。

from flask import Flask, render_template
app = Flask(__name__)

@app.route('/')
def home():
    return render_template('index.html', name='Alice')
print('name=Alice is sent to the template')

输出变量

在模板中，{{ name }} 会输出一个变量。双大括号是 Jinja2 的表达式语法。

# index.html
# <h1>Hello, {{ name }}!</h1>
print('Double braces output a value')

if 语句

Jinja2 的控制语句使用 {% %}。if 块会有条件地显示内容。

# {% if user %}
#   <p>Welcome back!</p>
# {% else %}
#   <p>Please log in.</p>
# {% endif %}
print('{% if %} branches the markup')

for 循环

使用 {% for item in items %} 遍历列表，以渲染重复的标记，例如产品列表。

# <ul>
# {% for item in items %}
#   <li>{{ item }}</li>
# {% endfor %}
# </ul>
print('{% for %} repeats markup per item')

过滤器

过滤器使用管道符转换值：{{ name|upper }} 会将其转换为大写。内置过滤器包括 length、default 和 title。

# {{ name|upper }}        -> ALICE
# {{ items|length }}      -> count
# {{ bio|default('N/A') }}
print('Filters transform values with |')

模板继承

基础模板使用 {% block %} 占位符定义页面外壳。子模板通过 {% extends %} 继承它，并填充这些区块。

# base.html
# <body>{% block content %}{% endblock %}</body>
#
# page.html
# {% extends 'base.html' %}
# {% block content %}<p>Hi</p>{% endblock %}
print('extends + block share a layout')

自动转义

Jinja2 会自动转义变量中的 HTML，从而防范跨站脚本攻击。像 <script> 这样的值会作为文本显示，而不会被执行。

# If name = '<b>x</b>', {{ name }} renders the literal text
# Auto-escaping is on by default for safety
print('Auto-escaping prevents XSS')

使用 url_for 建立链接

在模板中仍然可以调用 url_for，通常用于静态文件：{{ url_for('static', filename='style.css') }}。

# <link rel='stylesheet'
#   href="{{ url_for('static', filename='style.css') }}">
print('url_for works inside templates too')

快速检查

测试您对 Jinja2 的理解。

回顾

您学会了使用 Jinja2 模板。

render_template() 会渲染 templates/ 中的文件
{{ }} 输出值；{% %} 执行 if/for
像 |upper 这样的过滤器可以转换值
extends + block 支持布局继承
自动转义可以防范 XSS

常见问题解答

「使用 Jinja2 创建模板」课时是免费的吗？

是的 — 「使用 Jinja2 创建模板」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 AI 导师）并解锁 Python Academy 课程的其余内容，请升级到 CoddyKit PRO。 Python Academy 课程共包含 4 节课。

「使用 Jinja2 创建模板」这节课中我会学到什么？

渲染动态 HTML 你通过在浏览器中直接运行的动手代码来练习 Python Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。

学习 Python Academy 需要有经验吗？

无需任何先前经验。CoddyKit 上的 Python Academy 课程适合初学者到高级学习者，你可以从这里开始或从头开始，按照自己的节奏学习。这是第 2 节课，共 4 节。

「使用 Jinja2 创建模板」课时需要多长时间？

大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动，所以你能稳步进步，并在网页和应用中从离开的地方继续。

我能在这节 Python Academy 课中编写并运行代码吗？

能。每节 Python Academy 课都包含内置代码编辑器，你可以在浏览器中直接编写并运行真实代码，并获得即时 AI 反馈 — 无需本地设置。

此课程中的所有课时

← 返回 Python Academy