Django - 模板層
直接將HTML硬編碼到視圖裏並不是一個好主意。 讓我們來看一下為什麽:
from django.shortcuts import render,HttpResponse import datetime def current_datetime(request): now = datetime.datetime.now() html = ‘<html><body>It is now %s</body></html>‘ % now return HttpResponse(html)
-
對頁面設計進行的任何改變都必須對 Python 代碼進行相應的修改。 站點設計的修改往往比底層 Python 代碼的修改要頻繁得多,因此如果可以在不進行 Python 代碼修改的情況下變更設計,那將會方便得多。
-
Python 代碼編寫和 HTML 設計是兩項不同的工作,大多數專業的網站開發環境都將他們分配給不同的人員(甚至不同部門)來完成。 設計者和HTML/CSS的編碼人員不應該被要求去編輯Python的代碼來完成他們的工作。
-
程序員編寫 Python代碼和設計人員制作模板兩項工作同時進行的效率是最高的,遠勝於讓一個人等待另一個人完成對某個既包含 Python又包含 HTML 的文件的編輯工作。
基於這些原因,將頁面的設計和Python的代碼分離開會更幹凈簡潔更容易維護。 我們可以使用 Django的 模板系統 (Template System)來實現這種模式
一、模板語法 - 變量
模板語法
1.渲染變量{{ }}
1.深度查詢 句點符
語法:{{var_name}}
<p>{{ alex.age }}</p>
<p>{{ person_list.1.age }}</p>
2.過濾器
語法:{{obj|filter__name:param}}
按照某種形式渲染出來
<p>{{ now|date:‘Y-m-d‘ }}</p>
<p>{{ info.name|upper }}</p>
2.渲染標簽{% %}
語法:{% tag %}
...
views.py.
# -*- coding:utf-8 -*-
from django.shortcuts import render,HttpResponse
def index(request):
name = ‘mm‘ i= 10 li = [111,222,333= {"name":"mm","age":18} b = True class Person(object): def __init__(self,name,age): = age mumu = Person("mumu",1) tt = Person("tt",20) person_list = [mumu,tt] print(locals())
# 打印內容:
# return render(request,‘index.html‘,{‘n‘:name}) return render(request,‘index.html‘,locals()) # locals() 局部變量
index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h4>深度查詢</h4> <h1>{{ n }}</h1> <p>{{ i}}</p> <p>{{ li }}</p> <p>{{ info }}</p> <p>{{ b }}</p> <p>{{ mumu }}</p> <p>{{ person_list }}</p> <hr> <h4>句點符</h4> <p>{{ li.1 }}</p> <p>{{ info.name }}</p> <p>{{ mumu.age }}</p> <p>{{ person_list.1.age }}</p>
二、模板 - 過濾器
default
如果一個變量是false或者為空,使用給定的默認值。否則,使用變量的值。例如
{{ value|default:
"nothing"
}}
length
返回值的長度。它對字符串和列表都起作用。例如:
{{ value|length }}
如果 value 是 [‘a‘, ‘b‘, ‘c‘, ‘d‘],那麽輸出是 4。
filesizeformat
將值格式化為一個 “人類可讀的” 文件尺寸 (例如 ‘13 KB‘
, ‘4.1 MB‘
, ‘102 bytes‘
, 等等)。例如:
{{ value|filesizeformat }}
如果 value
是 123456789,輸出將會是 117.7 MB
。
date
如果 value=datetime.datetime.now()
{{ value|date:
"Y-m-d"
}}
slice
如果 value="hello world"
{{ value|
slice
:
"2:-1"
}}
truncatechars
如果字符串字符多於指定的字符數量,那麽會被截斷。截斷的字符串將以可翻譯的省略號序列(“...”)結尾。
參數:要截斷的字符數
例如:
{{ value|truncatechars:
9
}}
safe
Django的模板中會對HTML標簽和JS等語法標簽進行自動轉義,原因顯而易見,這樣是為了安全。但是有的時候我們可能不希望這些HTML元素被轉義,比如我們做一個內容管理系統,後臺添加的文章中是經過修飾的,這些修飾可能是通過一個類似於FCKeditor編輯加註了HTML修飾符的文本,如果自動轉義的話顯示的就是保護HTML標簽的源文件。為了在Django中關閉HTML的自動轉義有兩種方式,如果是一個單獨的變量我們可以通過過濾器“|safe”的方式告訴Django這段代碼是安全的不必轉義。比如:
value
=
"<a href="
">點擊</a>"
{{ value|safe}}
views.py
# -*- coding:utf-8 -*- from django.shortcuts import render,HttpResponse # Create your views here. def index(request): #############################過濾器 import datetime data = datetime.datetime.now() person_li = [] file_size = 10241024 value = "hello world" text = "hello mm hi mumu welcome my home" link = "<a href=‘‘>click</a>" return render(request,‘index.html‘,locals()) # locals() 全局變量
index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h4>過濾器</h4> <p>{{ person_li|default:"nothing" }}</p> <p>{{ i|add:10 }}</p> <p>{{ li|length }}</p> <p>{{ file_size|filesizeformat }}</p> <p>{{ data|date:"Y-m-d" }}</p> <p>{{ value|slice:"2:-1" }}</p> <p>{{ text| truncatechars:6}}</p> <p>{{ text| truncatewords:2 }}</p> <p>{{ link|safe }}</p> <hr>
三、模板 - 標簽
標簽看起來像是這樣的: {% tag %}
。標簽比變量更加復雜:一些在輸出中創建文本,一些通過循環或邏輯來控制流程,一些加載其後的變量將使用到的額外信息到模版中。一些標簽需要開始和結束標簽 (例如{% tag %} ...
標簽 內容 ... {% endtag %})。
for標簽
遍歷每一個元素:
{% for person in person_list %} <p>{{ person.name }}</p> {% endfor %}
可以利用{% for obj in list reversed %}反向完成循環。
遍歷一個字典:
{% for key,val in dic.items %} <p>{{ key }}:{{ val }}</p> {% endfor %}
註:循環序號可以通過{{forloop}}顯示
forloop.counter The current iteration of the loop (1-indexed) forloop.counter0 The current iteration of the loop (0-indexed) forloop.revcounter The number of iterations from the end of the loop (1-indexed) forloop.revcounter0 The number of iterations from the end of the loop (0-indexed) forloop.first True if this is the first time through the loop forloop.last True if this is the last time through the loop
for ... empty
for 標簽帶有一個可選的{% empty %} 從句,以便在給出的組是空的或者沒有被找到時,可以有所操作。
{% for person in person_list %} <p>{{ person.name }}</p> {% empty %} <p>sorry,no person here</p> {% endfor %}
if 標簽
{% if %}會對一個變量求值,如果它的值是“True”(存在、不為空、且不是boolean類型的false值),對應的內容塊會輸出。
{% if num > 100 or num < 0 %} <p>無效</p> {% elif num > 80 and num < 100 %} <p>優秀</p> {% else %} <p>湊活吧</p> {% endif %}
with
使用一個簡單地名字緩存一個復雜的變量,當你需要使用一個“昂貴的”方法(比如訪問數據庫)很多次的時候是非常有用的
例如:
{% with total=business.employees.count %} {{ total }} employee{{ total|pluralize }} {% endwith %}
{# 深度查詢 非常長得 時候 可以用with #}
{% with person_list.1.name as n %}
{{ n }}
{{ n }}
{% endwith %}
csrf_token
這個標簽用於跨站請求偽造保護
為了保留django 留給我們得 安全機制 django 得中間見
只要發 post 請求 ,{ % csrf_token %} 為了安全機制
{ % csrf_token %} 解決辦法
< input
type = ‘hidden‘
name = ‘csrfmiddlewaretoken‘
value = ‘OqNwoXIbFSTI3qxdtqKppQuZvlWebFgw9vSAkGXrGX4J2wo9t7OWDXvyxU4asBRE‘ / >
index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h4>for標簽</h4> {% for i in li %} <p>{{ i }}</p> {% endfor %} {% for i in info %} <p>{{ i }}</p> {% endfor %} {% for person in person_list %} <p>{{ person.name }}:{{ person.age }}</p> {% endfor %} {% for person in person_list %} <p>{{ forloop.counter }}.{{ person.name }}:{{ person.age }}</p> {% empty %} <p>列表為空</p> {% endfor %} <hr> <h4>if標簽</h4> {% if user %} {# <p><a href="">hi {{ user }}</a></p>#} {# <p><a href="">註銷</a></p>#} <p><a href="">hi {{ user }}</a>|<a href="">註銷</a></p> {% else %} <p><a href="">登錄</a></p> <p><a href="">註冊</a></p> {% endif %} <hr> <h4>with標簽</h4> {# 替換名稱#} {% with person_list.1.name as n %} {{ n }} {% endwith %} <hr>
四、模板 - 自定義標簽和過濾器
1、在settings中的INSTALLED_APPS配置當前app,不然django無法找到自定義的simple_tag.
2、在app中創建templatetags模塊(模塊名只能是templatetags)
3、創建任意 .py 文件,如:my_tag_filter.py
# -*- coding:utf-8 -*- from django import template register = template.Library() # 上面兩步是固定的!!! # 自定義過濾器 @register.filter def multi_filter(x,y): # 最多傳兩個參數 return x*y # 自定義標簽 @register.simple_tag def multi_tag(x,y,z): # 可以傳多個參數 return x*y*z
4、在使用自定義simple_tag和filter的html文件中導入之前創建的 my_tag_filter.py
{% load my_tag_filter %}
5、使用simple_tag和filter(如何調用)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h4>自定義過濾器,標簽</h4> {% load my_tag_filter %} {#把它load引入進來 把你寫的文件導入進來#}
<p>{{ i|multi_filter:10 }}</p> {# i*20 i就是那個x,y是20 ;調用的時候最多傳2個參數這就是multi_fliter的局限性#}
<p>{% multi_tag 7 7 7 %}</p> {# 自定義一個標簽,標簽的調用 ;自定義標簽沒有限制,雖然參數靈活了,但是不能放在if裏邊進行條件判斷,因為它需要加%#}
{% if i|multi_fliter:10 > 100 %} #判斷i*10是否大於100,(i=10) 但multi_tag就不能放在if判斷裏邊去了;這兩個各有優缺點。
<p>100</p> #是就顯示100
{% else %}
<p>{{ i }}</p> #否則就顯示i
{% endif %}
</body> </html>
五、模板 - 繼承(extends)
Django模版引擎中最強大也是最復雜的部分就是模版繼承了。模版繼承可以讓您創建一個基本的“骨架”模版,它包含您站點中的全部元素,並且可以定義能夠被子模版覆蓋的 blocks 。
通過從下面這個例子開始,可以容易的理解模版繼承:
Django - 模板層