Django框架(十一)：模板介紹、模板語言、模板繼承、HTML轉義

1. 模板介紹

1.1 模板的功能

產生html，控制頁面上展現的內容。模板文件不單單是一個html文件。

模板文件包含兩部份內容：

靜態內容：css、js、html。

動態內容：用於動態去產生一些頁面內容。經過模板語言來產生。

1.2 模板文件的使用

一般是在視圖函數中使用模板產生html內容返回給客戶端。

加載模板文件loader.get_template，獲取模板文件的內容，產生一個模板對象。

定義模板上下文RequeseContext，給模板文件傳遞數據。

模板渲染產生html頁面內容render，用傳遞的數據替換相應的變量，產生一個替換後的標準的html內容。

1.3 模板文件加載順序

首先去配置的模板目錄下面去找模板文件。

去INSTALLED_APPS下面的每一個應用的templates去找模板文件，前提是應用中必須有templates文件夾。

2. 模板語言

2.1 變量

模板變量的做用是計算並輸出，變量名必須由字母、數字、下劃線（不能如下劃線開頭）和點組成。

語法以下：

{{變量}}

當模版引擎遇到點如book.title，會按照下列順序解析：

1.字典book['title']

2.先屬性後方法，將book看成對象，查找屬性title，若是沒有再查找方法title()

3.若是是格式爲book.0則解析爲列表book[0]

若是變量不存在則插入空字符串''。

在模板中調用方法時不能傳遞參數。

例如：

{{book.btitile}}

首先把book當成一個字典，把btitle當成鍵名，進行取值book['btitle']。

把book當成一個對象，把btitle當成屬性，進行取值book.btitle。

把book當成一個對象，把btitle當成對象的方法，進行取值book.btitle。

例如：

{{book.0}}

首先把book當成一個字典，把0當成鍵名，進行取值book[0]。

把book當成一個列表，把0當成下標，進行取值book[0]。

若是解析失敗，則產出內容時用空字符串填充模板變量。

使用模板變量時，前面的困難是一個字典，多是一個對象，還多是一個列表。

2.2 標籤

語法以下： 

{%代碼段%}

for標籤語法以下：

{%for item in 列表%}
循環邏輯
{{forloop.counter}}表示當前是第幾回循環，從1開始
{%empty%}
列表爲空或不存在時執行此邏輯
{%endfor%}

if標籤語法以下：

{%if ...%}
邏輯1
{%elif ...%}
邏輯2
{%else%}
邏輯3
{%endif%}

比較運算符以下：

運算符左右兩端不能緊挨變量或常量，必須有空格。 

==
!=
<
>
<=
>=

布爾運算符以下：

and
or
not

2.3 過濾器

語法以下:

使用管道符號|來應用過濾器，用於進行計算、轉換操做，可使用在變量、標籤中。

若是過濾器須要參數，則使用冒號:傳遞參數。

變量|過濾器:參數

長度length，返回字符串包含字符的個數，或列表、元組、字典的元素個數。

默認值default，若是變量不存在時則返回默認值。

data|default:'默認值'

日期date，用於對日期類型的值進行字符串格式化，經常使用的格式化字符以下：

Y表示年，格式爲4位，y表示兩位的年。

m表示月，格式爲01,02,12等。

d表示日, 格式爲01,02等。

j表示日，格式爲1,2等。

H表示時，24進制，h表示12進制的時。

i表示分，爲0-59。

s表示秒，爲0-59。

value|date:"Y年m月j日  H時i分s秒"

2.4 註釋

在模板中使用以下模板註釋，這段代碼不會被編譯，不會輸出到客戶端； html註釋只能註釋html內容，不能註釋模板語言。

單行註釋語法以下：

{#...#}

註釋能夠包含任何模版代碼，有效的或者無效的均可以。

{# { % if foo % }bar{ % else % } #}

多行註釋使用comment標籤，語法以下：

{%comment%}
...
{%endcomment%}

3. 模板繼承

模板繼承和類的繼承含義是同樣的，主要是爲了提升代碼重用，減輕開發人員的工做量。

典型應用：網站的頭部、尾部信息。

3.1 父模板

若是發如今多個模板中某些內容相同，那就應該把這段內容定義到父模板中。

標籤block：用於在父模板中預留區域，留給子模板填充差別性的內容，名字不能相同。 爲了更好的可讀性，建議給endblock標籤寫上名字，這個名字與對應的block名字相同。父模板中也可使用上下文中傳遞過來的數據。

{%block 名稱%}
預留區域，能夠編寫默認內容，也能夠沒有默認內容
{%endblock  名稱%}

3.2 子模板

標籤extends：繼承，寫在子模板文件的第一行。

{% extends "父模板路徑"%}

子模版不用填充父模版中的全部預留區域，若是子模版沒有填充，則使用父模版定義的默認值。

填充父模板中指定名稱的預留區域。

{%block 名稱%}
實際填充內容
{{block.super}}用於獲取父模板中block的內容
{%endblock 名稱%}

4. HTML轉義

模板對全部傳遞的文字進行輸出時，合併如下字符自動轉義。

小於號< 轉換爲 &lt;

大於號> 轉換爲 &gt; 單引號' 轉換爲 &#39;  雙引號" 轉換爲 &quot;  與符號& 轉換爲 &amp;

過濾器escape能夠實現對變量的html轉義，默認模板就會轉義，通常省略。

{{t1|escape}}

過濾器safe：局部轉義，告訴模板這個變量是安全的，能夠解釋執行。

{{data|safe}}

標籤autoescape：設置一段代碼都局部轉義，接受on，off參數。

{%autoescape off%}
...
{%endautoescape%}

模板硬編碼中的字符串默認不會通過轉義，若是須要轉義，那須要手動進行轉義。