第4章:模板渲染
4.1 模板的概念和使用
模板是一种用于生成输出的方法,它允许您将Python代码和HTML标记混合在一起,从而创建动态网页。
示例代码:基本模板
html
<!-- templates/home.html -->
<!DOCTYPE html>
<html>
<head>
<title>{{ title }}</title>
</head>
<body>
<h1>{{ header }}</h1>
<p>{{ content }}</p>
</body>
</html>
在Flask中,您可以使用render_template
函数来渲染模板。
示例代码:渲染模板
python
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模板语法
html
<!-- templates/about.html -->
{% if user %}
<p>Welcome, {{ user.username }}!</p>
{% else %}
<p>Welcome, guest!</p>
{% endif %}
4.3 模板继承和包含
模板继承允许您定义一个基础模板,其他模板可以继承这个模板并扩展它。
示例代码:基础模板
html
<!-- 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>
示例代码:继承基础模板
html
<!-- templates/about.html -->
{% extends 'base.html' %}
{% block header %}About Us{% endblock %}
{% block content %}
<p>This is the about page.</p>
{% endblock %}
模板包含允许您在模板中包含其他模板片段。
示例代码:模板包含
html
<!-- 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 模板变量和过滤器
模板变量用于在模板中传递数据,而过滤器则用于修改变量的显示方式。
示例代码:使用模板变量
html
<!-- templates/user_profile.html -->
<p>Username: {{ user.username }}</p>
<p>Member since: {{ user.member_since|date('Y-m-d') }}</p>
示例代码:自定义过滤器
python
from flask import Flask
app = Flask(__name)
@app.template_filter()
def capitalize_sentence(s):
return s[0].upper() + s[1:].lower()
# 在模板中使用自定义过滤器
<p>{{ user.bio|capitalize_sentence }}</p>
4.5 总结
本章介绍了模板渲染的概念和Jinja2模板引擎的使用,包括模板继承、包含以及变量和过滤器的使用。