模板渲染
阿新 • • 發佈:2020-08-24
模板渲染
語法 {{ 變數 }} {% 邏輯 %}
變數
示例 html程式碼: <p>{{ num }}</p> <p>{{ name }}</p> <p>{{ namelist.2 }}</p> <p>{{ d1.age }}</p> <p>{{ a.kind }}</p> <p>{{ a.eat }}</p> views.py程式碼 def index(request): num = 100 name = 'shige' name_list = ['大壯','小壯','壯壯'] d1 = {'name':'大壯','age':73,'hobby':'xuefei+xiangxi'} class Animal: def __init__(self): self.kind = 'dog' def eat(self): return 'shi' a = Animal() return render(request,'index.html',{'num':num,'name':name,'namelist':name_list,'d1':d1,'a':a}) return render(request,'index.html',locals()) locals() 獲取函式內部所有變數的值,並加工成{'變數名':'變數值'....}這樣一個字典
過濾器
內建過濾器
<!-- 過濾器 --> <!-- 獲取資料長度,沒引數 --> <p>{{ name_list|length }}</p> <!-- 預設值,有引數,如果一個變數是false或者為空,使用給定的預設值。 否則,使用變數的值。--> <p>{{ xx|default:'啥也沒有' }}</p> <!-- 將值格式化為一個 “人類可讀的” 檔案尺寸 (例如 '13 KB', '4.1 MB', '102 bytes', 等等) --> <p>{{ movesize|filesizeformat }}</p> <!-- 切片 --> <p>{{ name|slice:':3' }}</p> <!-- 時間格式化顯示 --> <p>{{ now|date:'Y-m-d' }}</p> <!-- 字元截斷 --> <p>{{ words|truncatechars:'9' }}</p> <!-- 單詞截斷 --> <p>{{ words|truncatewords:'3' }}</p> <!-- 移除value中所有的與給出的變數相同的字串 --> <p>{{ words|cut:'i' }}</p> <!-- 使用字串連線列表,{{ list|join:', ' }},就像Python的str.join(list) --> <p>{{ name_list|join:'+' }}</p> <!-- 將 字串識別成標籤--> <p>{{ tag|safe }}</p>
標籤
for迴圈標籤
迴圈一個字典
{% for key,value in d1.items %}
{{ forloop.counter }}
<li>{{ key }} -- {{ value }}</li>
{% endfor %}
for迴圈其他方法
forloop.counter 當前迴圈的索引值(從1開始),forloop是迴圈器,通過點來使用功能 forloop.counter0 當前迴圈的索引值(從0開始) forloop.revcounter 當前迴圈的倒序索引值(從1開始) forloop.revcounter0 當前迴圈的倒序索引值(從0開始) forloop.first 當前迴圈是不是第一次迴圈(布林值) forloop.last 當前迴圈是不是最後一次迴圈(布林值) forloop.parentloop 本層迴圈的外層迴圈的物件,再通過上面的幾個屬性來顯示外層迴圈的計數等 forloop.parentloop.counter
示例
{# {% for key,value in d1.items %}#}
{# {{ forloop.counter }}#}
{# <li>{{ key }} -- {{ value }}</li>#}
{# {% endfor %}#}
{# {% for key,value in d1.items %}#}
{# {{ forloop.counter0 }}#}
{# <li>{{ key }} -- {{ value }}</li>#}
{# {% endfor %}#}
{# {% for key,value in d1.items %}#}
{# {{ forloop.revcounter }}#}
{# <li>{{ key }} -- {{ value }}</li>#}
{# {% endfor %}#}
{# {% for key,value in d1.items %}#}
{# {{ forloop.revcounter0 }}#}
{# <li>{{ key }} -- {{ value }}</li>#}
{# {% endfor %}#}
{# {% for key,value in d1.items %}#}
{# {{ forloop.first }}#}
{# <li>{{ key }} -- {{ value }}</li>#}
{# {% endfor %}#}
<!-- forloop.parentloop示例 -->
{#<ul>#}
{# {% for dd2 in d2 %}#}
{# <li>#}
{# {% for ddd2 in dd2 %}#}
{# {{ forloop.parentloop.counter }}#}
{# {{ forloop.counter }}#}
{# <a href="">{{ ddd2 }}</a>#}
{# {% endfor %}#}
{##}
{# </li>#}
{# {% endfor %}#}
{#</ul>#}
<!-- empty示例 -->
{#<ul>#}
{# {% for foo in d3 %}#}
{# <li>{{ foo }}</li>#}
{# {% empty %}#}
{# <li>查詢的內容啥也沒有</li>#}
{# {% endfor %}#}
{##}
{#</ul>#}
if標籤
{% if num > 100 or num < 0 %}
<p>無效</p> <!--不滿足條件,不會生成這個標籤-->
{% elif num > 80 and num < 100 %}
<p>優秀</p>
{% else %} <!--也是在if標籤結構裡面的-->
<p>湊活吧</p>
{% endif %}
if語句支援 and 、or、==、>、<、!=、<=、>=、in、not in、is、is not判斷,注意條件兩邊都有空格。
1. Django的模板語言不支援連續判斷,即不支援以下寫法:
{% if a > b > c %}
...
{% endif %}
2. Django的模板語言中屬性的優先順序大於方法(瞭解)
def xx(request):
d = {"a": 1, "b": 2, "c": 3, "items": "100"}
return render(request, "xx.html", {"data": d})
with標籤
{% with total=business.employees.count %}
{{ total }} <!--只能在with語句體內用-->
{% endwith %}
{% with business.employees.count as total %}
{{ total }}
{% endwith %}
csrf_token標籤
安全認證機制
我們以post方式提交表單的時候,會報錯,還記得我們在settings裡面的中介軟體配置裡面把一個csrf的防禦機制給登出了啊,本身不應該登出的,而是應該學會怎麼使用它,並且不讓自己的操作被forbiden,通過這個東西就能搞定。
這個標籤用於跨站請求偽造保護,在頁面的form表單裡面(注意是在form表單裡面)任何位置寫上{% csrf_token %},這個東西模板渲染的時候替換成了<input type="hidden" name="csrfmiddlewaretoken" value="8J4z1wiUEXt0gJSN59dLMnktrXFW0hv7m4d40Mtl37D7vJZfrxLir9L3jSTDjtG8">,隱藏的,這個標籤的值是個隨機字串,提交的時候,這個東西也被提交了,首先這個東西是我們後端渲染的時候給頁面加上的,那麼當你通過我給你的form表單提交資料的時候,你帶著這個內容我就認識你,不帶著,我就禁止你,因為後臺我們django也存著這個東西,和你這個值相同的一個值,可以做對應驗證是不是我給你的token,儲存這個值的東西我們後面再學,你先知道一下就行了,就像一個我們後臺給這個使用者的一個通行證,如果你使用者沒有按照我給你的這個正常的頁面來post提交表單資料,或者說你沒有先去請求我這個登陸頁面,而是直接模擬請求來提交資料,那麼我就能知道,你這個請求是非法的,反爬蟲或者惡意攻擊我的網站,以後將中介軟體的時候我們在細說這個東西,但是現在你要明白怎麼回事,明白為什麼django會加這一套防禦。
模板繼承
{% extends "base.html" %}
鉤子:{% block title %}
xxx
{% endblock %}
鉤子:{% block title %}
xxx
{% endblock title %}
鉤子:{% block title %}
{{ block.super }} #顯示模板內容
xxx
{% endblock title %}
元件
{% include 'navbar.html' %}