当前位置：首页 > news >正文

《每天5分钟用Flask搭建一个管理系统》第4章：模板渲染

news 2025/6/29 13:09:32

第4章：模板渲染

4.1 模板的概念和使用

模板是一种用于生成输出的方法，它允许您将Python代码和HTML标记混合在一起，从而创建动态网页。

示例代码：基本模板

<!-- templates/home.html -->
<!DOCTYPE html>
<html>
<head><title>{{ title }}</title>
</head>
<body><h1>{{ header }}</h1><p>{{ content }}</p>
</body>
</html>

在Flask中，您可以使用render_template函数来渲染模板。

示例代码：渲染模板

from flask import render_template@app.route('/')
def home():title = "Home Page"header = "Welcome to My Website"content = "This is the home page."return render_template('home.html', title=title, header=header, content=content)

4.2 Jinja2模板引擎介绍

Jinja2是Flask的默认模板引擎，它提供了强大的模板语言功能。

示例代码：使用Jinja2模板语法

<!-- templates/about.html -->
{% if user %}<p>Welcome, {{ user.username }}!</p>
{% else %}<p>Welcome, guest!</p>
{% endif %}

4.3 模板继承和包含

模板继承允许您定义一个基础模板，其他模板可以继承这个模板并扩展它。

示例代码：基础模板

<!-- templates/base.html -->
<!DOCTYPE html>
<html>
<head><title>{% block title %}My Website{% endblock %}</title>
</head>
<body><header>{% block header %}Default Header{% endblock %}</header><main>{% block content %}{% endblock %}</main><footer>{% block footer %}Default Footer{% endblock %}</footer>
</body>
</html>

示例代码：继承基础模板

<!-- templates/about.html -->
{% extends 'base.html' %}
{% block header %}About Us{% endblock %}
{% block content %}<p>This is the about page.</p>
{% endblock %}

模板包含允许您在模板中包含其他模板片段。

示例代码：模板包含

<!-- templates/sidebar.html -->
<div class="sidebar"><h3>Sidebar</h3><ul><li><a href="/">Home</a></li><li><a href="/about">About</a></li></ul>
</div><!-- templates/base.html -->
...
<body>{% include 'sidebar.html' %}<main>{% block content %}{% endblock %}</main>
...

4.4 模板变量和过滤器

模板变量用于在模板中传递数据，而过滤器则用于修改变量的显示方式。

示例代码：使用模板变量

<!-- templates/user_profile.html -->
<p>Username: {{ user.username }}</p>
<p>Member since: {{ user.member_since|date('Y-m-d') }}</p>

示例代码：自定义过滤器

from flask import Flaskapp = Flask(__name)@app.template_filter()
def capitalize_sentence(s):return s[0].upper() + s[1:].lower()# 在模板中使用自定义过滤器
<p>{{ user.bio|capitalize_sentence }}</p>