【Flask】Jinja2模板之过滤器
生活随笔
收集整理的這篇文章主要介紹了
【Flask】Jinja2模板之过滤器
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
一、過濾器定義
實(shí)質(zhì)上就是一個轉(zhuǎn)換函數(shù)。變量可以通過“過濾器”進(jìn)行修改,過濾器可以理解為是jinja2里面的內(nèi)置函數(shù)和字符串處理函數(shù)。
常用的過濾器有:
1、字符串過濾器
視圖函數(shù)
from flask import Flask, render_template# todo 初始化Flask項(xiàng)目的服務(wù) app = Flask(__name__)student = {'name': 'kobe', 'age': 14, 'gender': '男'}@app.route('/str') def test1():return render_template('04-字符串的過濾器.html',**student) #為了方便在模板中使用,可以把字典打傘if __name__ == '__main__':# 0.0.0.0:代表當(dāng)前的系統(tǒng)的所有的ip地址,# 設(shè)置端口為8080,# flask的debug模式:把錯誤的信息顯示到頁面中app.run(host='0.0.0.0', port=8080, debug=True)模板文件
變量數(shù)據(jù)沒有傳入數(shù)據(jù)的時候,可以給變量設(shè)置默認(rèn)值
例如:格式為 <p>{{ name | default('自律') }}</p> 當(dāng)后端傳入的值沒有name的時候,默認(rèn)展示為自律
2、數(shù)字過濾器
視圖
from flask import Flask, render_template# todo 初始化Flask項(xiàng)目的服務(wù) app = Flask(__name__)student = {'name': 'kobe', 'age': 14, 'gender': '男'}@app.route('/number') def test2():return render_template('05-數(shù)字的過濾器.html')if __name__ == '__main__':# 0.0.0.0:代表當(dāng)前的系統(tǒng)的所有的ip地址,# 設(shè)置端口為8080,# flask的debug模式:把錯誤的信息顯示到頁面中app.run(host='0.0.0.0', port=8080, debug=True)模板
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>字符串的過濾器</title> </head> <body>{# 四舍五入的轉(zhuǎn)換,默認(rèn)取整數(shù)部分 #} <P>{{ 6.6688 | round }}</P>{# 小數(shù)點(diǎn)后面截取幾位 #} <P>{{ 6.6688 | round(2) }}</P>{# 取絕對值 #} <P>{{ -88 | abs }}</P> </body> </html>3、列表相關(guān)的過濾器
視圖函數(shù)
from flask import Flask, render_template# todo 初始化Flask項(xiàng)目的服務(wù) app = Flask(__name__)@app.route('/list') def test3():return render_template('06-列表的過濾器.html')if __name__ == '__main__':# 0.0.0.0:代表當(dāng)前的系統(tǒng)的所有的ip地址,# 設(shè)置端口為8080,# flask的debug模式:把錯誤的信息顯示到頁面中app.run(host='0.0.0.0', port=8080, debug=True)模板文件
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>列表的過濾器</title> </head> <body>{# 定義一個numbers變量 #} {% set numbers =[6,8,23,35,7,11] %}# 取第一個元素 #} <p>{{ [1,2,3] | first }}</p> {# 取最后一個元素 #} <p>{{ [1,2,3] | last }}</p> {# 返回列表長度,可以寫為count #} <p>{{ [1,2,3,4,5] | length }}</p> {# 列表求和 #} <p>{{ [1,2,3,4,5] | sum }}</p> {# 列表排序,默認(rèn)為升序 #} <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>{{ ['alex','bob','ada'] | upper }}</p></body> </html>4、字典相關(guān)的過濾器
視圖
from flask import Flask, render_template# todo 初始化Flask項(xiàng)目的服務(wù) app = Flask(__name__)@app.route('/dict') def test4():return render_template('07-字典的過濾器.html')if __name__ == '__main__':# 0.0.0.0:代表當(dāng)前的系統(tǒng)的所有的ip地址,# 設(shè)置端口為8080,# flask的debug模式:把錯誤的信息顯示到頁面中app.run(host='0.0.0.0', port=8080, debug=True)模板文件
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>列表的過濾器</title> </head> <body>{# 定義一個numbers變量 #} {% set students =[{'name':'kb','age':18,'gender':'男'},{'name':'kd','age':21,'gender':'男'},{'name':'love','age':24,'gender':'女'}, ] %}{# 根據(jù)學(xué)生的年領(lǐng)排序 #} <ul>{% for stu in students | sort(attribute='age',reverse=false) %}<li>{{ stu.name }},{{ stu.age }}</li>{% endfor %} </ul>{# 上面的數(shù)據(jù)分組,每組編程一個子列表 #} <ul>{% for group in students | groupby('gender') %}<li>{{ group.grouper }}</li>{% for stu in group.list %}<li>{{ stu.name }},{{ stu.gender }}</li>{% endfor %}{% endfor %} </ul>{# 取出字典種的某一類,組成大的列表,然后再把列表變成字符串 #} <P>{{ students | map(attribute='name') | join('-') }}</P></body> </html>5、自定義過濾器
視圖函數(shù)
from flask import Flask, render_template# todo 初始化Flask項(xiàng)目的服務(wù) app = Flask(__name__)def get_top3(li): #取列表的前3個元素return li[:3]#第一種方式,注冊一個過濾器 app.jinja_env.filters['get_top']=get_top3#第二種方式 @app.template_filter('get_qu') def get_qu(li): #計算列表種每個元素的平方return list(map(lambda x:x*x,li))@app.route('/my_filter') def test5():return render_template('08-自定義的過濾器.html')if __name__ == '__main__':# 0.0.0.0:代表當(dāng)前的系統(tǒng)的所有的ip地址,# 設(shè)置端口為8080,# flask的debug模式:把錯誤的信息顯示到頁面中app.run(host='0.0.0.0', port=8080, debug=True)模板文件
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>自定義的過濾器</title> </head> <body><P>{{ [1,2,4,7,3] | get_top }}</P><P>{{ [1,2,3,4,5,6] | get_qu }}</P> </body> </html>總結(jié)
以上是生活随笔為你收集整理的【Flask】Jinja2模板之过滤器的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 【Flask】request请求
- 下一篇: 【Flask】Jinja2之模板中使用u