Template本身也有自己的語言和語法,用來處理簡單的資料顯示
- 常用語法
- 判斷指令
{% if 條件 %}...{%endif%}
{% if 條件 %}...{%elif 條件 %}...{%endif%}
{% if 條件 %}...{%elif 條件 %}...{%else%}...{%endif%}
{% if a in b %}...{%endif%} - 回圈指令
{%for %} ...{%endfor}- {% froloop.counter%}用來顯示當前回圈的計數器,從1開始
- {% forloop.counter0%}用來顯示當前回圈的計數器,從0開始
- {% froloop.recounter%} 和counter相反,反過來計算的計數值,至1結束
- {% forloop.recounter0%}和counter0相反,反過來計算的計數值,至0結束
- {% forloop.first%}回傳的是布林值,
- {% forloop.last%}回傳的是布林值,
- {% forloop.parentloop%}用來參考上一層回圈(父級回圈)的forloop物件
- {% cycle%}:網頁出現表格是會根據奇、偶行數存放不一樣的設定,比如顏色,
- {% empty%} :如果for 回圈式空字串,就會導致for回圈執行不下去,但是頁面不能空著,就讓他處理下面的這個陳述句,
- {% now 格式字串 %} : 顯示當前日期時間的功能,不用從后端傳入,格式字串:'D M Y h??s a'
- {% lorem %} :不知道什么內容時的填充符,表示一段沒有意義的文字,{% lorem [count][method][random]%} count是次數,method可以設定為 w (表示文字),p (表示段落),最后加上random回隨機出現這些字串
- 判斷指令
- 過濾器與其他語法識別符號
| 過濾器名 | 用法 | 范例 |
|---|---|---|
| addslashes | 為字串需要的地方加上轉義字符 | {{mes|addslashes}},如mes的內容為"It's a cat",會變成“It' a cat ” |
| capfirst | 字串首字母大寫 | |
| center,ljust,rjust | 為字串內容加上指定空格后居中,靠左,靠右 | {{mes|cener:"15"}},mes居總,占據15個字符 |
| cut | 在字串中洗掉指定的子字串 | {{mes|cut: ' '}} ,移除所有空格字串 |
| date | 設定日期顯示時間 | {{value|date:" D d M Y"}} value為datetime的標準格式, 可以用date來指定詳細的格式和內容, |
| default | 如果沒有值,設定默認值 | {{mes|default :"沒有資訊“}} |
| dictsort | 為字典形式內容的變數排列順序 | {{value|dictsort :"name"}},以名字欄位來作為排序的依據 |
| dictsortreversed | 上一指令的反向排序 | |
| divisibleby | 測驗數值資料是否可被指定的數整除 | {{value|divisibleby:5} 測驗value是否可被5整除 |
| escape | 把字串的HTML標記變成顯示用的的字串 | {{msg|escape}},msg中若有HTM標志,則會失去作用且被以文字的形式顯示出來 |
| filesizeformat | 以人們習慣的方式顯示檔案大小的格式(KB,MB) | {{value| filesizeformat}} |
| first | 只取出串列中的第一個資料 | {{value|first}} |
| last | 只取出串列中的最后一個資料 | 同上 |
| length | 回傳串列的資料長度 | 同上 |
| length_is | 測驗資料是否為指定長度 | {{value | length_is: "3"}}, 測驗values的長度是否為3 |
| floatformat | 以指定的浮點數格式來顯示資料 | {{value|floatformat:3}}指定三位小數位 |
| linebreaks | 把文字內容的換行符號轉換為HTML的 和 |
{{msg|linebreaks}} |
| linebreaksbr | 把文字內容的換行符號轉換為HTML的 |
{{msg|linebreaksbr}} |
| linenumber | 為顯示的文字加上行號 | {{msg|linenumbers}} |
| lower/upper | 把字串的全部內容轉換為小寫/大寫 | 同上 |
| random | 以亂數將前面的資料內容顯示出來 | {{values | random}} |
| safe | 標記字串為安全的,不需要再處理轉義字符 | {{msg|sage}} |
| slugify | 把字串內的空格編程”-“,讓字串可以安全地放在網址欄 | {{msg|slugify}},若原本的msg為”It's a cat",則會回傳“Its-a-cat" |
| striptags | 把所有的HTML標記都洗掉 | |
| truncatechars | 把過長的字串裁切成指定長度,同時最后面的3個字符會轉換成”..." | {{msg|truncatechars:20}} |
| wordcount | 計算字數 | {{msg|wordcount}} |
| yesno | 按照值得內容是True,False,None,顯示出有意義的內容 | {{value|yesno:"對的,錯了,不知道"}} |
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/14749.html
標籤:HTML5
上一篇:移動端rem.js
下一篇:資料請說話
