本文主要是介绍Flask的Jinja2模板引擎 — 控制语句与表达式(1st)，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
Flask的模板功能是基于Jinja2模板引擎来实现的。模板文件存放在当前目前下的子目录templates（一定要使用这个名字）下。
main.py 代码如下：
| 1 2 3 4 5 6 7 8 9 10 11 12 | from flask import Flask , render_template app = Flask ( __name__ ) @ app . route ( '/hello' ) @ app . route ( '/hello/<name>' ) def hello ( name = None ) : return render_template ( 'hello.html' , name = name ) if __name__ == '__main__' : app . run ( debug = True ) |
hello.html代码如下：
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <!DOCTYPE html> <html lang = "en" > <head> <meta charset = "UTF-8" > <title> Hello Sample </title> </head> <body> {% if name %} <h1> Hello {{ name }} ! </h1> {% else %} <h1> Hello World! </h1> {% endif %} </body> </html> |
模板的表达式都是包含在分隔符”{{ }}”内的；控制语句都是包含在分隔符”{% %}”内的；另外，模板也支持注释，都是包含在分隔符”{# #}”内，支持块注释。
表达式
表达式一般有这么几种：
- 最常用的是变量，由Flask渲染模板时传过来，比如上例中的”name”
- 也可以是任意一种Python基础类型，比如字符串{{ “Hello” }}，用引号括起；或者数值，列表，元祖，字典，布尔值。直接显示基础类型没啥意义，一般配合其他表达式一起用
- 运算。包括算数运算，如{{ 2 + 3 }}；比较运算，如{{ 2 > 1 }}；逻辑运算，如{{ False and True }}
- 过滤器“|”和测试器“is”。这个在后面会介绍
- 函数调用，如{{ current_time() }}；数组下标操作，如{{ arr[1] }}
- “in”操作符，如{{ 1 in [1,2,3] }}
- 字符串连接符”~”，作用同Python中的”+”一样，如{{ “Hello ” ~ name ~ “!” }}
- “if”关键字，如{{ ‘Hi, %s’ % name if name }}。这里的”if”不是条件控制语句。
控制语句
Jinja2的控制语句主要就是条件控制语句if，和循环控制语句for，语法类似于Python。我们可以改动下上节的模板代码：
| 1 2 3 4 5 6 7 | { % if name and name == 'admin' % } < h1 > This is admin console < / h1 > { % elif name % } < h1 > Welcome { { name } } ! < / h1 > { % else % } < h1 > Please login < / h1 > { % endif % } |
上面是一个条件控制语句的例子，注意if控制语句要用”{% endif %}”来结束。模板中无法像代码中一样靠缩进来判断代码块的结束。再来看个循环的例子，我们先改下Python代码中的”hello”函数，让其传两个列表进模板。
| 1 2 3 4 5 6 | def hello ( name = None ) : return render_template ( 'hello.html' , name = name , digits = [ 1 , 2 , 3 , 4 , 5 ] , users = [ { 'name' : 'John' } , { 'name' : 'Tom' , 'hidden' : True } , { 'name' : 'Lisa' } { 'name' : 'Bob' } ] ) |
模板如下：
| 1 2 3 4 5 6 7 8 9 10 11 | { % if name and name == 'admin' % } < h1 > Helle admin < / h1 > { % elif name % } < h1 > "Hello" ~ { { name } } ~ "!" < / h1 > { % else % } < h1 > Hello World ! < / h1 > { % endif % } { % for digit in digits % } { { digit } } { % endfor % } |
同if语句一样，for控制语句要用”{% endfor %}”来结束。页面上，每个元素之间会有空格，如果你不希望有空格，就要在”for”语句的最后，和”endfor”语句的最前面各加上一个”-“号。如：
| 1 2 3 | { % for digit in digits - % } { { digit } } { % - endfor % } |
你可以看到数字”12345″被一起显示出来了。我们再来看个复杂的循环例子：
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | < dl > { % for user in users if not user . hidden % } { % if loop . first % } < div > User List : < / div > { % endif % } < div class = "{{ loop.cycle('odd', 'even') }}" > < dt > User No . { { loop . index } } < / dt > < dd > { { user . name } } < / dd > < / div > { % if loop . last % } < dir > Total Users : { { loop . length } } < / dir > { % endif % } { % else % } < li > No users found < / li > { % endfor % } < / dl > |
这里有三个知识点。首先for循环支持else语句，当待遍历的列表”users”为空或者为None时，就进入else语句。
其次，在for语句后使用if关键字，可以对循环中的项作过滤。本例中，所有hidden属性为True的user都会被过滤掉。
另外，for循环中可以访问Jinja2的循环内置变量。本例中，我们会在第一项前显示标题，最后一项后显示总数，每一项显示序号。另外，奇偶项的HTML div元素会有不同的class。如果我们加入下面的CSS style，就能看到斑马线。
| 1 2 3 4 5 | <style type ="text/css"> .odd { background-color : #BDF ; } </style> |
Jinja2的循环内置变量主要有以下几个：
| 变量 | 内容 |
|---|---|
| loop.index | 循环迭代计数（从1开始） |
| loop.index0 | 循环迭代计数（从0开始） |
| loop.revindex | 循环迭代倒序计数（从len开始，到1结束） |
| loop.revindex0 | 循环迭代倒序计数（从len－1开始，到0结束） |
| loop.first | 是否为循环的第一个元素 |
| loop.last | 是否为循环的最后一个元素 |
| loop.length | 循环序列中元素的个数 |
| loop.cycle | 在给定的序列中轮循，如上例在”odd”和”even”两个值间轮循 |
| loop.depth | 当前循环在递归中的层级（从1开始） |
| loop.depth0 | 当前循环在递归中的层级（从0开始） |
另外，如果你启用了”jinja2.ext.loopcontrols”扩展的话，你还可以在循环中使用”{% break %}”和”{% continue %}”来控制循环执行。
其它常用语句
忽略模板语法
有时候，我们在页面上就是要显示”{{ }}”这样的符号怎么办？Jinja2提供了”raw”语句来忽略所有模板语法。
| 1 2 3 4 5 6 7 | { % raw % } < ul > { % for item in items % } < li > { { item } } < / li > { % endfor % } < / ul > { % endraw % } |
自动转义
我们将本文一开始的Flask代码”hello()”方法改动下：
| 1 2 3 4 5 6 | @ app . route ( '/hello' ) @ app . route ( '/hello/<name>' ) def hello ( name = None ) : if name is None : name = '<em>World</em>' return render_template ( 'hello.html' , name = name ) |
此时，访问”http://localhost:5000/hello”，页面上会显示”Welcome <em>World</em>!”，也就是这个HTML标签”<em>”被自动转义了。Flask会对”.html”, “.htm”, “.xml”, “.xhtml”这四种类型的模板文件开启HTML格式自动转义。这样也可以防止HTML语法注入。如果我们不想被转义怎么办？
| 1 2 3 | { % autoescape false % } < h1 > Hello { { name } } ! < / h1 > { % endautoescape % } |
将”autoescape”开关设为”false”即可，反之，设为”true”即开启自动转义。使用”autoescape”开关前要启用”jinja2.ext.autoescape”扩展，在Flask框架中，这个扩展默认已启用。
赋值
使用”set”关键字给变量赋值：
| 1 | { % set items = [ [ 1 , 2 ] , [ 3 , 4 , 5 ] ] % } |
with语句
类似于Python中的”with”关键字，它可以限制with语句块内对象的作用域：
| 1 2 3 4 5 | { % with foo = 1 % } { % set bar = 2 % } { { foo + bar } } { % endwith % } { # foo and bar are not visible here #} |
使用”with”关键字前要启用”jinja2.ext.with_”扩展，在Flask框架中，这个扩展默认已启用。
执行表达式
| 1 2 3 4 | { % with arr = [ 'Sunny' ] % } { { arr . append ( 'Rainy' ) } } { { arr } } { % endwith % } |
看上面这段代码，我们想执行列表的”append”操作，这时使用”{{ arr.append(‘Rainy’) }}”页面会输出”None”，换成”{% %}”来执行，程序会报错，因为这是个表达式，不是语句。那怎么办？我们可以启用”jinja2.ext.do”扩展。然后在模板中执行”do”语句即可：
| 1 2 3 4 | { % with arr = [ 'Sunny' ] % } { % do arr . append ( 'Rainy' ) % } { { arr } } { % endwith % } |
Jinja2文档：http://docs.jinkan.org/docs/jinja2/index.html
这篇关于Flask的Jinja2模板引擎 — 控制语句与表达式(1st)的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
