后端框架：Flask：Flask进阶：模板引擎与静态文件.docx

PAGE1

PAGE1

后端框架：Flask：Flask进阶：模板引擎与静态文件

1Flask模板引擎基础

1.1Jinja2模板引擎介绍

Jinja2是Flask框架中使用的模板引擎，它提供了强大的功能，如模板继承、变量处理、控制结构等，使得动态生成HTML页面变得简单而高效。Jinja2使用一对大括号{{}}来表示变量，一对百分号{%%}来表示控制结构，如循环和条件判断。

1.1.1代码示例：使用Jinja2渲染模板

假设我们有一个简单的用户信息字典，我们将在模板中显示这些信息。

fromflaskimportFlask,render_template

app=Flask(__name__)

@app.route(/)

defindex():

user={username:张三,email:zhangsan@}

returnrender_template(index.html,user=user)

if__name__==__main__:

app.run(debug=True)

在index.html模板中，我们可以使用{{user.username}}和{{user.email}}来显示用户信息。

!DOCTYPEhtml

html

head

title用户信息/title

/head

body

h1欢迎，{{user.username}}!/h1

p您的邮箱是：{{user.email}}/p

/body

/html

1.1.2代码示例：条件判断

在模板中，我们可以使用{%if%}语句来根据条件显示不同的内容。

{%ifuser.email%}

p您的邮箱是：{{user.email}}/p

{%else%}

p您还没有设置邮箱。/p

{%endif%}

1.1.3代码示例：循环

如果用户列表需要在模板中显示，可以使用{%for%}循环。

users=[

{username:张三,email:zhangsan@},

{username:李四,email:lisi@}

]

returnrender_template(index.html,users=users)

在模板中：

{%foruserinusers%}

div

h2{{user.username}}/h2

p{{user.email}}/p

/div

{%endfor%}

1.2模板继承与包含

Jinja2支持模板继承，允许我们定义一个基础模板，然后在其他模板中扩展或覆盖其中的部分。这有助于保持代码的整洁和可维护性。

1.2.1代码示例：模板继承

我们创建一个基础模板base.html：

!DOCTYPEhtml

html

head

title{%blocktitle%}{%endblock%}/title

/head

body

divid=content

{%blockcontent%}{%endblock%}

/div

/body

/html

然后在index.html中继承这个基础模板：

{%extendsbase.html%}

{%blocktitle%}用户信息{%endblock%}

{%blockcontent%}

h1欢迎，{{user.username}}!/h1

p您的邮箱是：{{user.email}}/p

{%endblock%}

1.2.2代码示例：模板包含

我们还可以在模板中包含其他模板，例如，一个通用的页脚模板footer.html：

footer

p版权所有?2023/p

/footer

然后在index.html中包含它：

{%extendsbase.html%}

{%blocktitle%}用户信息{%endblock%}

{%blockcontent%}

h1欢迎，{{user.username}}!/h1

p您的邮箱是：{{user.email}}/p

{%endblock%}

{%includefooter.html%}

1.3模板变量与控制结构

Jinja2模板引擎允许在模板中使用变量和控制结构，如循环和条件语句，来生成动态内容。

1.3.1代码示例：模板变量

在Flask中，我们可以通过render_template函数将变量传递给模板