jinjia2使用案例

小鱼爱吃火锅

于 2024-07-27 15:17:50 发布

阅读量380

点赞数 10

分类专栏： Python 文章标签： python

本文链接：https://blog.csdn.net/daoshen1314/article/details/140735953

版权

Python 专栏收录该内容

53 篇文章 0 订阅

订阅专栏

这个案例展示了如何使用 Jinja2 渲染一个简单的 HTML 页面，其中包含变量插值、条件语句、循环、过滤器和模板继承

目录结构

project/
│
├── templates/
│   ├── base.html
│   ├── index.html
│   └── item.html
│
└── app.py

1. `base.html`（基础模板）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{% block title %}Default Title{% endblock %}</title>
</head>
<body>
    <header>
        <h1>{% block header %}Welcome to My Website{% endblock %}</h1>
    </header>
    <main>
        {% block content %}{% endblock %}
    </main>
    <footer>
        <p>{% block footer %}Footer content here{% endblock %}</p>
    </footer>
</body>
</html>

2. `index.html`（子模板）

{% extends "base.html" %}

{% block title %}Home Page{% endblock %}

{% block header %}
    <h1>Home Page</h1>
{% endblock %}

{% block content %}
    <p>Hello, {{ user.name | default('Guest') }}!</p>
    <p>Here are your items:</p>
    <ul>
        {% for item in items %}
            {% include "item.html" %}
        {% endfor %}
    </ul>
{% endblock %}

3. `item.html`（包含模板）

<li>{{ item.name | upper }} - ${{ item.price | round(2) }}</li>

4. `app.py`（Python 代码）

from jinja2 import Environment, FileSystemLoader

# 创建 Jinja2 环境，加载模板文件
env = Environment(loader=FileSystemLoader('templates'))

# 定义模板上下文
context = {
    'user': {
        'name': 'John Doe'
    },
    'items': [
        {'name': 'apple', 'price': 0.5},
        {'name': 'banana', 'price': 0.75},
        {'name': 'cherry', 'price': 0.2}
    ]
}

# 加载模板
template = env.get_template('index.html')

# 渲染模板
rendered = template.render(context)

# 输出渲染结果
print(rendered)

运行 `app.py`

运行 app.py，将看到以下输出：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Home Page</title>
</head>
<body>
    <header>
        <h1>Home Page</h1>
    </header>
    <main>
        <p>Hello, John Doe!</p>
        <p>Here are your items:</p>
        <ul>
            <li>APPLE - $0.50</li>
            <li>BANANA - $0.75</li>
            <li>CHERRY - $0.20</li>
        </ul>
    </main>
    <footer>
        <p>Footer content here</p>
    </footer>
</body>
</html>