再Jinjia2中过滤器是一种转变变量输出内容的技术。··过滤器通过管道符号“|与变量链接，并且可以通过圆括号传递参数” 。举例说明：

{{my_variable|default('my_variable is not defined')}}

my_variable 为变量，default为过滤器,my_variable is not defined是过滤器的参数。default过滤器的含义是：判断被转换的变量是否被定义过，如果没有被定义，则用字符串参数替换被转换的变量。

下面列出几个常用的过滤器

字符串操作：

{# 当变量未定义时，显示默认字符串，可以缩写为d #}

<p>{{ name | default('No name', true) }}</p>

{# 单词首字母大写 #}

<p>{{ 'hello' | capitalize }}</p>

{# 单词全小写 #}

<p>{{ 'XML' | lower }}</p>

{# 去除字符串前后的空白字符 #}

<p>{{ '  hello  ' | trim }}</p>

{# 字符串反转，返回"olleh" #}

<p>{{ 'hello' | reverse }}</p>

{# 格式化输出，返回"Number is 2" #}

<p>{{ '%s is %d' | format("Number", 2) }}</p>

{# 关闭HTML自动转义 #}

<p>{{ '<em>name</em>' | safe }}</p>

{% autoescape false %}

{# HTML转义，即使autoescape关了也转义，可以缩写为e #}

<p>{{ '<em>name</em>' | escape }}</p>

{% endautoescape %}

数值操作

{# 四舍五入取整，返回13.0 #}

<p>{{ 12.8888 | round }}</p>

{# 向下截取到小数点后2位，返回12.88 #}

<p>{{ 12.8888 | round(2, 'floor') }}</p>

{# 绝对值，返回12 #}

<p>{{ -12 | abs }}</p>

列表操作

{# 取第一个元素 #}

<p>{{ [1,2,3,4,5] | first }}</p>

{# 取最后一个元素 #}

<p>{{ [1,2,3,4,5] | last }}</p>

{# 返回列表长度，可以写为count #}

<p>{{ [1,2,3,4,5] | length }}</p>

{# 列表求和 #}

<p>{{ [1,2,3,4,5] | sum }}</p>

{# 列表排序，默认为升序 #}

<p>{{ [3,2,1,5,4] | sort }}</p>

{# 合并为字符串，返回"1 | 2 | 3 | 4 | 5" #}

<p>{{ [1,2,3,4,5] | join(' | ') }}</p>

{# 列表中所有元素都全大写。这里可以用upper,lower，但capitalize无效 #}

<p>{{ ['tom','bob','ada'] | upper }}</p>

字典列表操作

{% set users=[{'name':'Tom','gender':'M','age':20},

              {'name':'John','gender':'M','age':18},

              {'name':'Mary','gender':'F','age':24},

              {'name':'Bob','gender':'M','age':31},

              {'name':'Lisa','gender':'F','age':19}]

%}

{# 按指定字段排序，这里设reverse为true使其按降序排 #}

<ul>

{% for user in users | sort(attribute='age', reverse=true) %}

     <li>{{ user.name }}, {{ user.age }}</li>

{% endfor %}

</ul>

{# 列表分组，每组是一个子列表，组名就是分组项的值 #}

<ul>

{% for group in users|groupby('gender') %}

    <li>{{ group.grouper }}<ul>

    {% for user in group.list %}

        <li>{{ user.name }}</li>

    {% endfor %}</ul></li>

{% endfor %}

</ul>

{# 取字典中的某一项组成列表，再将其连接起来 #}

<p>{{ users | map(attribute='name') | join(', ') }}</p>

自定义过滤器

内置的过滤器不满足需求怎么办？自己写呗。过滤器说白了就是一个函数嘛，我们马上就来写一个。回到Flask应用代码中：

def double_step_filter(l):
return l[::2]
1
2
def double_step_filter(l):
    return l[::2]

我们定义了一个”double_step_filter”函数，返回输入列表的偶数位元素（第0位，第2位,..）。怎么把它加到模板中当过滤器用呢？Flask应用对象提供了”add_template_filter”方法来帮我们实现。我们加入下面的代码：

app.add_template_filter(double_step_filter, 'double_step')
1
app.add_template_filter(double_step_filter, 'double_step')

函数的第一个参数是过滤器函数，第二个参数是过滤器名称。然后，我们就可以愉快地在模板中使用这个叫”double_step”的过滤器了：

{# 返回[1,3,5] #}
<p>{{ [1,2,3,4,5] | double_step }}</p>
1
2
{# 返回[1,3,5] #}
<p>{{ [1,2,3,4,5] | double_step }}</p>

Flask还提供了添加过滤器的装饰器”template_filter”，使用起来更简单。下面的代码就添加了一个取子列表的过滤器。装饰器的参数定义了该过滤器的名称”sub”。

@app.template_filter('sub')
def sub(l, start, end):
return l[start:end]
1
2
3
@app.template_filter('sub')
def sub(l, start, end):
    return l[start:end]

我们在模板中可以这样使用它：

{# 返回[2,3,4] #}
<p>{{ [1,2,3,4,5] | sub(1,4) }}</p>
1
2
{# 返回[2,3,4] #}
<p>{{ [1,2,3,4,5] | sub(1,4) }}</p>

Flask添加过滤器的方法实际上是封装了对Jinja2环境变量的操作。上述添加”sub”过滤器的方法，等同于下面的代码。

app.jinja_env.filters['sub'] = sub
1
app.jinja_env.filters['sub'] = sub

我们在Flask应用中，不建议直接访问Jinja2的环境变量。如果离开Flask环境直接使用Jinja2的话，就可以通过”jinja2.Environment”来获取环境变量，并添加过滤器。

完整代码如下：

from flask import Flask,render_template

app = Flask(__name__)

@app.route('/glq')

@app.route('/glq/<name>')

def hello(name=None):

    return render_template('glq.html', name=name)

########## Add Filter ##########

def double_step_filter(l):

    return l[::2]

app.add_template_filter(double_step_filter, 'double_step')

@app.template_filter('sub')

def sub(l, start, end):

    return l[start:end]

#app.jinja_env.filters['sub'] = sub

if __name__ == '__main__':

    app.run(host='0.0.0.0', debug=True)

html端代码为：

<!DOCTYPE html>

<title>Hello Sample</title>

{% if name %}

  <h1>Hello {{ name | upper | truncate(3, True) }}!</h1>

{% else %}

  <h1>Hello World!</h1>

{% endif %}

{# 字符串操作 #}

{# 当变量未定义时，显示默认字符串 #}

<p>{{ name | default('No name', true) }}</p>

{# 单词首字母大写 #}

<p>{{ 'hello' | capitalize }}</p>

{# 单词全小写 #}

<p>{{ 'XML' | lower }}</p>

{# 去除字符串前后的空白字符 #}

<p>{{ '  hello  ' | trim }}</p>

{# 字符串反转，返回"olleh" #}

<p>{{ 'hello' | reverse }}</p>

{# 格式化输出，返回"Number is 2" #}

<p>{{ '%s is %d' | format("Number", 2) }}</p>

{# 关闭HTML自动转义 #}

<p>{{ '<em>name</em>' | safe }}</p>

{% autoescape false %}

{# HTML转义，即使autoescape关了也转义 #}

<p>{{ '<em>name</em>' | escape }}</p>

{% endautoescape %}

{# 数值操作 #}

{# 四舍五入取整，返回13.0 #}

<p>{{ 12.8888 | round }}</p>

{# 向下截取到小数点后2位，返回12.88 #}

<p>{{ 12.8888 | round(2, 'floor') }}</p>

{# 绝对值，返回12 #}

<p>{{ -12 | abs }}</p>

{# 列表操作 #}

{# 取第一个元素 #}

<p>{{ [1,2,3,4,5] | first }}</p>

{# 取最后一个元素 #}

<p>{{ [1,2,3,4,5] | last }}</p>

{# 返回列表长度 #}

<p>{{ [1,2,3,4,5] | length }}</p>

{# 列表求和 #}

<p>{{ [1,2,3,4,5] | sum }}</p>

{# 列表排序，默认为升序 #}

<p>{{ [3,2,1,5,4] | sort }}</p>

{# 合并为字符串，返回"1 | 2 | 3 | 4 | 5" #}

<p>{{ [1,2,3,4,5] | join(' | ') }}</p>

{# 列表中所有元素都全大写。这里可以用upper,lower，但capitalize无效 #}

<p>{{ ['tom','bob','ada'] | upper }}</p>

{# 字典列表操作 #}

{% set users=[{'name':'Tom','gender':'M','age':20},

              {'name':'John','gender':'M','age':18},

              {'name':'Mary','gender':'F','age':24},

              {'name':'Bob','gender':'M','age':31},

              {'name':'Lisa','gender':'F','age':19}]

%}

{# 按指定字段排序，这里设reverse为true使其按降序排 #}

<ul>

{% for user in users | sort(attribute='age', reverse=true) %}

     <li>{{ user.name }}, {{ user.age }}</li>

{% endfor %}

</ul>

{# 列表分组，每组是一个子列表，组名就是分组项的值 #}

<ul>

{% for group in users|groupby('gender') %}

    <li>{{ group.grouper }}<ul>

    {% for user in group.list %}

        <li>{{ user.name }}</li>

    {% endfor %}</ul></li>

{% endfor %}

</ul>

{# 取字典中的某一项组成列表，再将其连接起来 #}

<p>{{ users | map(attribute='name') | join(', ') }}</p>

{# tojson #}

<script type="text/javascript">

var users = {{ users | tojson | safe }};

console.log(users[0].name);

</script>

{% filter upper %}

    This is a Flask Jinja2 introduction.

{% endfilter %}

{# 自定义过滤器 #}

{# 返回[1,3,5] #}

<p>{{ [1,2,3,4,5] | double_step }}</p>

{# 返回[2,3,4] #}

<p>{{ [1,2,3,4,5] | sub(1,4) }}</p>

运行效果图：

Flask 学习系列（三）---Jinjia2使用过滤器的更多相关文章

  1. Flask 学习（三）模板

    Flask 学习(三)模板 Flask 为你配置 Jinja2 模板引擎.使用 render_template() 方法可以渲染模板,只需提供模板名称和需要作为参数传递给模板的变量就可简单执行. 至于 ...

  2. MyBatis学习系列三——结合Spring

    目录 MyBatis学习系列一之环境搭建 MyBatis学习系列二——增删改查 MyBatis学习系列三——结合Spring MyBatis在项目中应用一般都要结合Spring,这一章主要把MyBat ...

  3. scrapy爬虫学习系列三：scrapy部署到scrapyhub上

    系列文章列表: scrapy爬虫学习系列一:scrapy爬虫环境的准备:      http://www.cnblogs.com/zhaojiedi1992/p/zhaojiedi_python_00 ...

  4. DocX开源WORD操作组件的学习系列三

    DocX学习系列 DocX开源WORD操作组件的学习系列一 : http://www.cnblogs.com/zhaojiedi1992/p/zhaojiedi_sharp_001_docx1.htm ...

  5. RabbitMQ学习系列三-C#代码接收处理消息

    RabbitMQ学习系列三:.net 环境下 C#代码订阅 RabbitMQ 消息并处理 http://www.80iter.com/blog/1438251320680361 http://www. ...

  6. .net reactor 学习系列(三)---.net reactor代码自动操作相关保护功能

    原文:.net reactor 学习系列(三)---.net reactor代码自动操作相关保护功能         接上篇,上篇已经学习了界面的各种功能以及各种配置,这篇准备学习下代码控制许可证. ...

  7. Identity Server4学习系列三

    1.简介 在Identity Server4学习系列一和Identity Server4学习系列二之令牌(Token)的概念的基础上,了解了Identity Server4的由来,以及令牌的相关知识, ...

  8. RabbitMQ学习系列三：.net 环境下 C#代码订阅 RabbitMQ 消息并处理

    上一篇已经讲了Rabbitmq如何在Windows平台安装 不懂请移步: RabbitMQ学习系列二:.net 环境下 C#代码使用 RabbitMQ 消息队列 一.理论 .net环境下,C#代码订阅 ...

  9. C# Redis学习系列三：Redis配置主从

    Redis配置主从 主IP :端口      192.168.0.103 6666 从IP:端口       192.168.0.108 3333 配置从库 (1)安装服务: redis-server ...

随机推荐

  1. javaCV开发详解之8：转封装在rtsp转rtmp流中的应用（无须转码，更低的资源消耗）

    javaCV系列文章: javacv开发详解之1:调用本机摄像头视频 javaCV开发详解之2:推流器实现,推本地摄像头视频到流媒体服务器以及摄像头录制视频功能实现(基于javaCV-FFMPEG.j ...

  2. Mysql常用命令行大全（二）

    #登录数据库mysql -hlocalhost -uroot -p;#修改密码mysqladmin -uroot -pold password new; #显示数据库show databases;#显 ...

  3. Scala学习——集合的使用和“_”的一些使用（中）

    1.空格加_可以表示函数的原型 命令行代码: scala> def fun1(name:String){println(name)} fun1: (name: String)Unit scala ...

  4. 【转】Android SDCard操作(文件读写,容量计算)

    android.os.Environment 提供访问环境变量 java.lang.Object     android.os.Environment   Environment 静态方法: 方法 : ...

  5. Apache日志解读

    想要知道什么人在什么时候浏览了网站的哪些内容吗?查看Apache的访问日志就可以知道.访问日志是Apache的标准日志,本文详细解释了访问日志的内容以及相关选项的配置. 一.访问日志的格式  Apac ...

  6. HDU 6003 Problem Buyer【小根堆】

    任意k个都可以,也可以看做把不行的都选了,再随便选一个可以的要选的数量 把区间和m个值都排序,区间按l一序r二序排,枚举m个值,小根堆维护能帮韩当前枚举值的区间的右端点,这样方便删除区间,然后剩下的就 ...

  7. 2014 Noip提高组 Day2

    P2038 无线网络发射器选址 [题目描述] 随着智能手机的日益普及,人们对无线网的需求日益增大.某城市决定对城市内的公共场所覆盖无线网. 假设该城市的布局为由严格平行的129 条东西向街道和129 ...

  8. uoj#335. 【清华集训2017】生成树计数（prufer序列+生成函数+多项式）

    传送门 好神仙的题目--又一次有了做一题学一堆的美好体验 据说本题有第二类斯特林数+分治\(FFT\)的做法,然而咱实在看不懂写的是啥,题解贴这里,有兴趣的可以自己去瞅瞅,看懂了记得回来跟咱讲讲 前置 ...

  9. 剑指Offer的学习笔记（C#篇）-- 构建乘积数组

    题目描述 给定一个数组A[0,1,...,n-1],请构建一个数组B[0,1,...,n-1],其中B中的元素B[i]=A[0]*A[1]*...*A[i-1]*A[i+1]*...*A[n-1].不 ...

  10. C语言中 malloc函数用法

    一.malloc()和free()的基本概念以及基本用法: 1.函数原型及说明: void *malloc(long NumBytes):该函数分配了NumBytes个字节,并返回了指向这块内存的指针 ...