模板渲染

語法 {{ 變數 }}  {% 邏輯 %}

變數

示例
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會加這一套防禦。

模板繼承

參考部落格 https://www.cnblogs.com/clschao/articles/10414811.html#part_7

{% extends "base.html" %}

鉤子:{% block title %}
        xxx
    {% endblock %}
鉤子:{% block title %}
        xxx
    {% endblock title %}
    
鉤子:{% block title %}
        {{ block.super }}  #顯示模板內容
        xxx
    {% endblock title %}

元件

{% include 'navbar.html' %}

zujian.html -- html內容
qita.html -- {% include 'zujian.html' %}

元件是提供某一完整功能的模組，如：編輯器元件，QQ空間提供的關注元件 等。
而外掛更傾向封閉某一功能方法的函式。
這兩者的區別在 Javascript 裡區別很小，元件這個名詞用得不多，一般統稱外掛。