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