jinja2

jinja2是Flask作者開(kāi)發(fā)的一個(gè)模板系統(tǒng),起初是仿django模板的一個(gè)模板引擎,為Flask提供模板支持,由于其靈活,快速和安全等優(yōu)點(diǎn)被廣泛使用。

jinja2的優(yōu)點(diǎn)

jinja2之所以被廣泛使用是因?yàn)樗哂幸韵聝?yōu)點(diǎn):

  • 相對(duì)于Template,jinja2更加靈活,它提供了控制結(jié)構(gòu),表達(dá)式和繼承等。
  • 相對(duì)于Mako,jinja2僅有控制結(jié)構(gòu),不允許在模板中編寫(xiě)太多的業(yè)務(wù)邏輯。
  • 相對(duì)于Django模板,jinja2性能更好。
  • Jinja2模板的可讀性很棒。

jinja2語(yǔ)法

作為一個(gè)模板系統(tǒng),它還提供了特殊的語(yǔ)法,我們按照它支持的語(yǔ)法進(jìn)行編寫(xiě)之后,就能使用jinja2模塊進(jìn)行渲染。
基本語(yǔ)法
在jinja2中,存在三種語(yǔ)法:
1.控制結(jié)構(gòu) {% %}
2.變量取值 {{ }}
3.注釋 {# #}
下面是一個(gè)簡(jiǎn)單的jinja2例子

{# This is jinja code 
    {% for file in filenames %}
    ...
    {% endfor %}
#} 

可以看到,for循環(huán)的使用方式和Python比較類(lèi)似,但是沒(méi)有了句尾的冒號(hào),另外需要使用endfor最為結(jié)尾,其實(shí)在jinja2中,if也是一樣的,結(jié)尾需要使用endif。

jinja2變量

jinja2模板中使用 {{ }} 語(yǔ)法表示一個(gè)變量,它是一種特殊的占位符。當(dāng)利用jinja2進(jìn)行渲染的時(shí)候,它會(huì)把這些特殊的占位符進(jìn)行填充/替換,jinja2支持python中所有的Python數(shù)據(jù)類(lèi)型比如列表、字段、對(duì)象等。

<p>this is a dicectory:{{ mydict['key'] }} </p>
<p>this is a list:{{ mylist[3] }} </p>
<p>this is a object:{{ myobject.something() }} </p> 

jinja2中的過(guò)濾器

變量可以通過(guò)“過(guò)濾器”進(jìn)行修改,過(guò)濾器可以理解為是jinja2里面的內(nèi)置函數(shù)和字符串處理函數(shù)。
常用的過(guò)濾器有:

過(guò)濾器名稱(chēng) 說(shuō)明
safe 渲染時(shí)值不轉(zhuǎn)義
capitialize 把值的首字母轉(zhuǎn)換成大寫(xiě)
lower 把值轉(zhuǎn)換成小寫(xiě)形式
upper 把值轉(zhuǎn)換成大寫(xiě)形式
title 把值中每個(gè)單詞的首字母都轉(zhuǎn)換成大寫(xiě)
trim 把值的首尾空格去掉
striptags 渲染之前把值中所有的HTML標(biāo)簽都刪掉
join 拼接多個(gè)值為字符串
replace 替換字符串的值
round 默認(rèn)對(duì)數(shù)字進(jìn)行四舍五入,也可以用參數(shù)進(jìn)行控制
int 把值轉(zhuǎn)換成整型
那么如何使用這些過(guò)濾器呢? 只需要在變量后面使用管道( )分割,多個(gè)過(guò)濾器可以鏈?zhǔn)秸{(diào)用,前一個(gè)過(guò)濾器的輸出會(huì)作為后一個(gè)過(guò)濾器的輸入。
{{ 'abc' | captialize  }}
# Abc
{{ 'abc' | upper  }}
# ABC
{{ 'hello world' | title  }}
# Hello World
{{ "hello world" | replace('world','daxin') | upper }}
# HELLO DAXIN
{{ 18.18 | round | int }}
# 18 

jinja2的控制結(jié)構(gòu)

jinja2中的if語(yǔ)句類(lèi)似與Python的if語(yǔ)句,它也具有單分支,多分支等多種結(jié)構(gòu),不同的是,條件語(yǔ)句不需要使用冒號(hào)結(jié)尾,而結(jié)束控制語(yǔ)句,需要使用endif關(guān)鍵字。

{% if daxin.safe %}
daxin is safe.
{% elif daxin.dead %}
daxin is dead
{% else %}
daxin is okay
{% endif %} 

jinja2的for循環(huán)

jinja2中的for循環(huán)用于迭代Python的數(shù)據(jù)類(lèi)型,包括列表,元組和字典。在jinja2中不存在while循環(huán)。
迭代列表

<ul>
{% for user in users %}
<li>{{ user.username|title }}</li>
{% endfor %}
</ul>

迭代字典

<dl>
{% for key, value in my_dict.iteritems() %}
<dt>{{ key }}</dt>
<dd>{{ value}}</dd>
{% endfor %}
</dl> 

當(dāng)然也可以加入else語(yǔ)句,在循環(huán)正確執(zhí)行完畢后,執(zhí)行
在for循環(huán)中,jinja2還提供了一些特殊的變量,用以來(lái)獲取當(dāng)前的遍歷狀態(tài):
變量 描述
loop.index 當(dāng)前迭代的索引(從1開(kāi)始)
loop.index0 當(dāng)前迭代的索引(從0開(kāi)始)
loop.first 是否是第一次迭代,返回bool
loop.last 是否是最后一次迭代,返回bool
loop.length 序列中的項(xiàng)目數(shù)量
loop.revindex 到循環(huán)結(jié)束的次數(shù)(從1開(kāi)始)
loop.revindex0 到循環(huán)結(jié)束的次數(shù)(從0開(kāi)始)

jinja2的宏

宏類(lèi)似于Python中的函數(shù),我們?cè)诤曛卸x行為,還可以進(jìn)行傳遞參數(shù),就像Python中的函數(shù)一樣一樣兒的。
在宏中定義一個(gè)宏的關(guān)鍵字是macro,后面跟其 宏的名稱(chēng)和參數(shù)等

{% macro input(name,age=18) %}   # 參數(shù)age的默認(rèn)值為18
 <input type='text' name="{{ name }}" value="{{ age }}" >
{% endmacro %} 

調(diào)用方法也和Python的類(lèi)似

<p>{{ input('daxin') }} </p>
<p>{{ input('daxin',age=20) }} </p> 

jinja2的繼承和Super函數(shù)

jinja2中最強(qiáng)大的部分就是模板繼承。模板繼承允許我們創(chuàng)建一個(gè)基本(骨架)文件,其他文件從該骨架文件繼承,然后針對(duì)自己需要的地方進(jìn)行修改。
jinja2的骨架文件中,利用block關(guān)鍵字表示其包涵的內(nèi)容可以進(jìn)行修改。
以下面的骨架文件base.html為例:

<!DOCTYPE html>
<html lang="en">
<head>
    {% block head %}
    <link rel="stylesheet" href="style.css"/>
    <title>{% block title %}{% endblock %} - My Webpage</title>
    {% endblock %}
</head>
<body>
<div id="content">{% block content %}{% endblock %}</div>
<div id="footer">
    {% block  footer %}
    <script>This is javascript code </script>
    {% endblock %}
</div>
</body>
</html> 

這里定義了四處 block,即:head,title,content,footer。那怎么進(jìn)行繼承和變量替換呢?注意看下面的文件

{% extend "base.html" %}       # 繼承base.html文件
{% block title %} Dachenzi {% endblock %}   # 定制title部分的內(nèi)容
{% block head %}
    {{  super()  }}        # 用于獲取原有的信息
    <style type='text/css'>
    .important { color: #FFFFFF }
    </style>
{% endblock %}    
# 其他不修改的原封不同的繼承 
PS: super()函數(shù) 表示獲取block塊中定義的原來(lái)的內(nèi)容。

利用jinja2進(jìn)行渲染

jinja2模塊中有一個(gè)名為Enviroment的類(lèi),這個(gè)類(lèi)的實(shí)例用于存儲(chǔ)配置和全局對(duì)象,然后從文件系統(tǒng)或其他位置中加載模板。
基本使用方法
大多數(shù)應(yīng)用都在初始化的時(shí)候撞見(jiàn)一個(gè)Environment對(duì)象,并用它加載模板。Environment支持兩種加載方式:

  • PackageLoader:包加載器
  • FileSystemLoader:文件系統(tǒng)加載器
    PackageLoader
    使用包加載器來(lái)加載文檔的最簡(jiǎn)單的方式如下:
from jinja2 import PackageLoader,Environment
env = Environment(loader=PackageLoader('python_project','templates'))    #創(chuàng)建一個(gè)包加載器對(duì)象
template = env.get_template('bast.html')    # 獲取一個(gè)模板文件
template.render(name='daxin',age=18)   # 渲染 

其中:

  • PackageLoader()的兩個(gè)參數(shù)為:python包的名稱(chēng),以及模板目錄名稱(chēng)。
  • get_template():獲取模板目錄下的某個(gè)具體文件。
  • render():接受變量,對(duì)模板進(jìn)行渲染
    FileSystemLoader
    文件系統(tǒng)加載器,不需要模板文件存在某個(gè)Python包下,可以直接訪(fǎng)問(wèn)系統(tǒng)中的文件。
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容