使用 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):

    


    

        {% for i in range(1, product_count + 1) %}
        
            

                
name: {{ i }}
                
description: {{ i }}
            
        
        {% endfor %}
    

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

SmartB2B行业电子商务

SmartB2B 是一款基于PHP、MySQL、Smarty的B2B行业电子商务网站管理系统，系统提供了供求模型、企业模型、产品模型、人才招聘模型、资讯模型等模块，适用于想在行业里取得领先地位的企业快速假设B2B网站，可以运行于Linux与Windows等多重服务器环境，安装方便，使用灵活。 系统使用当前流行的PHP语言开发，以MySQL为数据库，采用B/S架构，MVC模式开发。融入了模型化、模板

下载

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

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

• 使用 safe 过滤器: 你可以使用 safe 过滤器来告诉 Jinja2 不要转义特定的字符串。

  
      {{ buttons | safe }}
  

• 全局禁用自动转义: 你也可以在创建 Jinja2Templates 实例时，将 autoescape 参数设置为 False。

  templates = Jinja2Templates(directory="templates", autoescape=False)

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

总结:

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