全栈工程师-后端开发-Flask_Flask进阶：模板引擎与静态文件.docx

PAGE1

PAGE1

Flask模板引擎进阶

1Jinja2模板引擎基础

Jinja2是Flask框架中使用的模板引擎，它提供了强大的功能来动态生成HTML页面。Jinja2使用{{}}来插入变量，{%%}来执行控制结构，如循环和条件判断，以及{##}来添加注释。

1.1示例代码

假设我们有一个简单的用户信息字典：

fromflaskimportFlask,render_template

app=Flask(__name__)

@app.route(/)

defindex():

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

returnrender_template(index.html,user=user)

在index.html中，我们可以使用Jinja2来显示这些信息：

!DOCTYPEhtml

html

head

title用户信息/title

/head

body

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

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

/body

/html

1.2描述

在上面的例子中，我们使用{{user.username}}和{{user.email}}来插入变量。Flask会将这些变量替换为实际的值，从而生成动态的HTML页面。

2模板继承与块

Jinja2支持模板继承，允许我们创建一个基础模板，然后在子模板中重用和扩展这个基础模板。这通过block标签实现。

2.1示例代码

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

!DOCTYPEhtml

html

head

title{%blocktitle%}默认标题{%endblock%}/title

/head

body

divid=content

{%blockcontent%}{%endblock%}

/div

divid=footer

版权所有?2023

/div

/body

/html

然后，我们创建一个子模板index.html，继承base.html：

{%extendsbase.html%}

{%blocktitle%}首页{%endblock%}

{%blockcontent%}

h1欢迎来到我们的网站！/h1

p这里是首页的内容。/p

{%endblock%}

2.2描述

在base.html中，我们定义了title和content两个块。在index.html中，我们使用{%extendsbase.html%}来继承基础模板，并通过{%block%}和{%endblock%}来重写这些块的内容。这样，我们可以保持代码的整洁和可重用性。

3模板过滤器与自定义过滤器

Jinja2提供了多种内置过滤器，如lower、upper、title等，用于格式化变量。我们还可以定义自定义过滤器来扩展其功能。

3.1示例代码

定义一个自定义过滤器capitalize：

fromflaskimportFlask,render_template

app=Flask(__name__)

@app.template_filter()

defcapitalize(s):

returns.capitalize()

@app.route(/)

defindex():

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

returnrender_template(index.html,user=user)

在index.html中使用这个过滤器：

!DOCTYPEhtml

html

head

title用户信息/title

/head

body

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

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

/body

/html

3.2描述

在上面的例子中，我们定义了一个自定义过滤器capitalize，并使用@app.template_filter()将其注册到Flask应用中。在模板中，我们使用|符号来应用过滤器，如{{user.username|capitalize}}将user.username的值转换为首字母大写。

4模板宏

模板宏允许我们在模板中定义可重用的代码片段，类似于函数。这可以减少代码重复，提高模板的可读性和可维护性。

4