使用 Jinja 模板在网站上动态显示数据库产品-Python教程-PHP中文网

使用 Jinja 模板在网站上动态显示数据库产品

DDD

发布： 2025-08-01 18:22:11

原创

606人浏览过

使用 jinja 模板在网站上动态显示数据库产品

本文旨在解决在使用 Jinja2 模板引擎时，如何从数据库中获取数据并在网页上动态生成 HTML 内容的问题。重点介绍了利用 Jinja2 的循环和变量特性，避免手动拼接 HTML 字符串，从而更高效、安全地展示数据库中的产品信息。同时，也讨论了禁用自动转义的风险和替代方案。

在使用 Jinja2 模板引擎时，直接将包含 HTML 代码的字符串传递给模板，可能会导致 HTML 代码被转义为纯文本，无法正确渲染。这是因为 Jinja2 默认启用了自动转义功能，用于防止跨站脚本攻击 (XSS)。为了解决这个问题，并更好地利用 Jinja2 的强大功能，推荐使用以下方法：

1. 利用 Jinja2 模板的循环结构动态生成 HTML

避免在 Python 代码中手动拼接 HTML 字符串，而是将数据传递给 Jinja2 模板，利用模板的循环和变量特性来动态生成 HTML。这种方法更加清晰、易于维护，并且能更好地利用 Jinja2 的自动转义功能，提高安全性。

例如，假设你从数据库中获取了产品数量，并希望在网页上生成相应数量的按钮。可以在 Python 代码中将产品数量传递给模板，然后在模板中使用 for 循环来生成按钮。

Python (main.py):

from fastapi import FastAPI, Request, Form
from fastapi.templating import Jinja2Templates
from fastapi.responses import HTMLResponse

app = FastAPI()

templates = Jinja2Templates(directory="templates")

@app.get("/", response_class=HTMLResponse)
async def test(request: Request):
    # 模拟从数据库获取产品数量
    product_count = 3
    return templates.TemplateResponse("home.html", {"request": request, "product_count": product_count})

登录后复制

HTML (templates/home.html):

<!DOCTYPE html>
<html>
<head>
    <title>Product List</title>
</head>
<body>
    <form method="post" action="/all/1">
        {% for i in range(1, product_count + 1) %}
        <button type="submit">
            <div>
                <p id="{{ i }}_name">name: {{ i }}</p>
                <p id="{{ i }}_description">description: {{ i }}</p>
            </div>
        </button>
        {% endfor %}
    </form>
</body>
</html>

登录后复制

在这个例子中，product_count 变量从 Python 代码传递到 home.html 模板。模板中的 {% for i in range(1, product_count + 1) %} 循环会生成 product_count 个按钮。

芦笋演示

一键出成片的录屏演示软件，专为制作产品演示、教学课程和使用教程而设计。

查看详情

2. 手动禁用自动转义 (不推荐)

如果你仍然希望直接将包含 HTML 代码的字符串传递给模板，可以手动禁用 Jinja2 的自动转义功能。

使用 safe 过滤器: 你可以使用 safe 过滤器来告诉 Jinja2 不要转义特定的字符串。
```
<div id="all">
    {{ buttons | safe }}
</div>
```
登录后复制
全局禁用自动转义: 你也可以在创建 Jinja2Templates 实例时，将 autoescape 参数设置为 False。
```
templates = Jinja2Templates(directory="templates", autoescape=False)
```
登录后复制

警告：禁用自动转义会带来安全风险，可能导致 XSS 攻击。请谨慎使用。

总结:

推荐使用 Jinja2 模板的循环结构来动态生成 HTML，避免手动拼接 HTML 字符串。如果必须禁用自动转义，请务必确保你的代码已经充分过滤了用户输入，以防止 XSS 攻击。始终优先考虑安全性，并尽可能利用 Jinja2 提供的安全特性。

以上就是使用 Jinja 模板在网站上动态显示数据库产品的详细内容，更多请关注php中文网其它相关文章！