C#使用表示式樹(LambdaExpression)動態更新類的屬性值
Django---模版層
一 模版簡介
你可能已經注意到我們在例子檢視中返回文字的方式有點特別。 也就是說,HTML被直接硬編碼在 Python程式碼之中。
def current_datetime(request): now = datetime.datetime.now() html = "<html><body>It is now %s.</body></html>" % now return HttpResponse(html)
儘管這種技術便於解釋檢視是如何工作的,但直接將HTML硬編碼到你的視圖裡卻並不是一個好主意。 讓我們來看一下為什麼:
-
對頁面設計進行的任何改變都必須對 Python 程式碼進行相應的修改。 站點設計的修改往往比底層 Python 程式碼的修改要頻繁得多,因此如果可以在不進行 Python 程式碼修改的情況下變更設計,那將會方便得多。
-
Python 程式碼編寫和 HTML 設計是兩項不同的工作,大多數專業的網站開發環境都將他們分配給不同的人員(甚至不同部門)來完成。 設計者和HTML/CSS的編碼人員不應該被要求去編輯Python的程式碼來完成他們的工作。
-
程式設計師編寫 Python程式碼和設計人員製作模板兩項工作同時進行的效率是最高的,遠勝於讓一個人等待另一個人完成對某個既包含 Python又包含 HTML 的檔案的編輯工作。
基於這些原因,將頁面的設計和Python的程式碼分離開會更乾淨簡潔更容易維護。 我們可以使用 Django的模板系統(Template System)來實現這種模式,這就是本章要具體討論的問題
python的模板:HTML程式碼+模板語法
def current_time(req): # ================================原始的檢視函式 # import datetime # now=datetime.datetime.now() # html="<html><body>現在時刻:<h1>%s.</h1></body></html>" %now # ================================django模板修改的檢視函式 # from django.template import Template,Context # now=datetime.datetime.now() # t=Template('<html><body>現在時刻是:<h1>{{current_date}}</h1></body></html>') # #t=get_template('current_datetime.html') # c=Context({'current_date':str(now)}) # html=t.render(c) # # return HttpResponse(html) #另一種寫法(推薦) import datetime now=datetime.datetime.now() return render(req, 'current_datetime.html', {'current_date':str(now)[:19]})
模版語法重點:
變數:{{ 變數名 }}
1 深度查詢 用句點符
2 過濾器
標籤:{{% % }}
二 模版語法之變數
在 Django 模板中遍歷複雜資料結構的關鍵是句點字元,語法:{{變數名}}
views.py
def template_test(request): name = 'lqz' li = ['lqz', 1, '18'] dic = {'name': 'lqz', 'age': 18} ll2 = [ {'name': 'lqz', 'age': 18}, {'name': 'lqz2', 'age': 19}, {'name': 'egon', 'age': 20}, {'name': 'kevin', 'age': 23} ] ll3=[] class Person: def __init__(self, name): self.name = name def test(self): print('test函式') return 11 @classmethod def test_classmethod(cls): print('類方法') return '類方法' @staticmethod def static_method(): print('靜態方法') return '靜態方法' lqz = Person('lqz') egon = Person('egon') person_list = [lqz, egon] bo = True te = test() import datetime now=datetime.datetime.now() link1='<a href="https://www.baidu.com">點我<a>' from django.utils import safestring link=safestring.mark_safe(link1) # html特殊符號對照表(http://tool.chinaz.com/Tools/htmlchar.aspx) # 這樣傳到前臺不會變成特殊字元,因為django給處理了 dot='♠' # return render(request, 'template_index.html', {'name':name,'person_list':person_list}) return render(request, 'template_index.html', locals())
html
<p>{{ name }}</p> <p>{{ li }}</p> <p>{{ dic }}</p> <p>{{ lqz }}</p> <p>{{ person_list }}</p> <p>{{ bo }}</p> <p>{{ te }}</p> <hr> <h3>深度查詢句點符</h3> <p>{{ li.1 }}</p> <p>{{ dic.name }}</p> <p>{{ lqz.test }}</p> <p>{{ lqz.name }}</p> <p>{{ person_list.0 }}</p> <p>{{ person_list.1.name }}</p> <hr> <h3>過濾器</h3> {#注意:冒號後面不能加空格#} <p>{{ now | date:"Y-m-d H:i:s" }}</p> {#如果變數為空,設定預設值,空資料,None,變數不存在,都適用#} <p>{{ name |default:'資料為空' }}</p> {#計算長度,只有一個引數#} <p>{{ person_list |length }}</p> {#計算檔案大小#} <p>{{ 1024 |filesizeformat }}</p> {#字串切片,前閉後開,前面取到,後面取不到#} <p>{{ 'hello world lqz' |slice:"2:-1" }}</p> <p>{{ 'hello world lqz' |slice:"2:5" }}</p> {#截斷字元,至少三個起步,因為會有三個省略號(傳負數,1,2,3都是三個省略號)#} <p>{{ '劉清政 world lqz' |truncatechars:"4" }}</p> {#截斷文字,以空格做區分,這個不算省略號#} <p>{{ '劉清政 是 大帥比 謝謝' |truncatewords:"1" }}</p> <p>{{ link1 }}</p> <p>{{ link1|safe }}</p> <p>{{ link }}</p> <p>♠</p> <p>{{ dot }}</p> {#add 可以加負數,傳數字字串都可以#} <p>{{ "10"|add:"-2" }}</p> <p>{{ li.1|add:"-2" }}</p> <p>{{ li.1|add:2 }}</p> <p>{{ li.1|add:"2" }}</p> <p>{{ li.1|add:"-2e" }}</p> {#upper#} <p>{{ name|upper }}</p> <p>{{ 'LQZ'|lower }}</p> <hr> <h3>模版語法之標籤</h3> {#for 迴圈 迴圈列表,迴圈字典,迴圈列表物件#} <ui> {% for foo in dic %} {{ foo }} {% endfor %} {#也可以混用html標籤#} {% for foo in li %} <ul>foo</ul> {% endfor %} </ui> {#表格#} <table border="1"> {% for foo in ll2 %} <tr> <td>{{ foo.name }}</td> <td>{{ foo.age }}</td> </tr> {% endfor %} </table> <table border="1"> {#'parentloop': {}, 'counter0': 0, 'counter': 1, 'revcounter': 4, 'revcounter0': 3, 'first': True, 'last': False}#} {% for foo in ll2 %} <tr> <td>{{ forloop.counter }}</td> <td>{{ foo.name }}</td> <td>{{ foo.age }}</td> </tr> {% endfor %} </table> {% for foo in ll5 %} <p>foo.name</p> {% empty %} <p>空的</p> {% endfor %} <hr> <h3>if判斷</h3> {% if name %} <a href="">hi {{ name }}</a> <a href="">登出</a> {% else %} <a href="">請登入</a> <a href="">註冊</a> {% endif %} {#還有elif#} <hr> <h3>with</h3> {% with ll2.0.name as n %} {{ n }} {% endwith %} {{ n }} {% load my_tag_filter %} {{ 3|multi_filter:3 }} {#傳參必須用空格區分#} {% multi_tag 3 9 10 %} {#可以跟if連用#} {% if 3|multi_filter:3 > 9 %} <p>大於</p> {% else %} <p>小於</p> {% endif %}
注意:句點符也可以用來引用物件的方法(無引數方法):
<h4>字典:{{ dic.name.upper }}<
/
h4>
三 模版之過濾器
語法:
{{obj|filter__name:param}} 變數名字|過濾器名稱:變數
default
如果一個變數是false或者為空,使用給定的預設值。否則,使用變數的值。例如:
1 |
{{ value|default: "nothing" }}
|
length
返回值的長度。它對字串和列表都起作用。例如:
1 |
{{ value|length }}
|
如果 value 是 ['a', 'b', 'c', 'd'],那麼輸出是 4。
filesizeformat
將值格式化為一個 “人類可讀的” 檔案尺寸 (例如'13 KB'
,'4.1 MB'
,'102 bytes'
, 等等)。例如:
1 |
{{ value|filesizeformat }}
|
如果value
是 123456789,輸出將會是117.7 MB
。
date
如果 value=datetime.datetime.now()
1 |
{{ value|date: "Y-m-d" }}
|
slice
如果value="hello world"
1 |
{{ value| slice : "2:-1" }}
|
truncatechars
如果字串字元多於指定的字元數量,那麼會被截斷。截斷的字串將以可翻譯的省略號序列(“...”)結尾。
引數:要截斷的字元數
例如:
1 |
{{ value|truncatechars: 9 }}
|
safe
Django的模板中會對HTML標籤和JS等語法標籤進行自動轉義,原因顯而易見,這樣是為了安全。但是有的時候我們可能不希望這些HTML元素被轉義,比如我們做一個內容管理系統,後臺新增的文章中是經過修飾的,這些修飾可能是通過一個類似於FCKeditor編輯加註了HTML修飾符的文字,如果自動轉義的話顯示的就是保護HTML標籤的原始檔。為了在Django中關閉HTML的自動轉義有兩種方式,如果是一個單獨的變數我們可以通過過濾器“|safe”的方式告訴Django這段程式碼是安全的不必轉義。比如:
1 |
value = "<a href=" ">點選</a>"
|
1 |
{{ value|safe}}
|
其它過濾器(瞭解)
過濾器 | 描述 | 示例 |
upper | 以大寫方式輸出 | {{ user.name | upper }} |
add | 給value加上一個數值 | {{ user.age | add:”5” }} |
addslashes | 單引號加上轉義號 | |
capfirst | 第一個字母大寫 | {{ ‘good’| capfirst }} 返回”Good” |
center | 輸出指定長度的字串,把變數居中 | {{ “abcd”| center:”50” }} |
cut | 刪除指定字串 | {{ “You are not a Englishman” | cut:”not” }} |
date | 格式化日期 | |
default | 如果值不存在,則使用預設值代替 | {{ value | default:”(N/A)” }} |
default_if_none | 如果值為None, 則使用預設值代替 | |
dictsort | 按某欄位排序,變數必須是一個dictionary | {% for moment in moments | dictsort:”id” %} |
dictsortreversed | 按某欄位倒序排序,變數必須是dictionary | |
divisibleby | 判斷是否可以被數字整除 |
{{ 224 | divisibleby:2 }} 返回 True |
escape | 按HTML轉義,比如將”<”轉換為”<” | |
filesizeformat | 增加數字的可讀性,轉換結果為13KB,89MB,3Bytes等 |
{{ 1024 | filesizeformat }} 返回 1.0KB |
first | 返回列表的第1個元素,變數必須是一個列表 | |
floatformat | 轉換為指定精度的小數,預設保留1位小數 | {{ 3.1415926 | floatformat:3 }} 返回 3.142 四捨五入 |
get_digit | 從個位數開始擷取指定位置的數字 | {{ 123456 | get_digit:’1’}} |
join | 用指定分隔符連線列表 | {{ [‘abc’,’45’] | join:’*’ }} 返回 abc*45 |
length | 返回列表中元素的個數或字串長度 | |
length_is | 檢查列表,字串長度是否符合指定的值 | {{ ‘hello’| length_is:’3’ }} |
linebreaks | 用<p>或<br>標籤包裹變數 | {{ “Hi\n\nDavid”|linebreaks }} 返回<p>Hi</p><p>David</p> |
linebreaksbr | 用<br/>標籤代替換行符 | |
linenumbers | 為變數中的每一行加上行號 | |
ljust | 輸出指定長度的字串,變數左對齊 | {{‘ab’|ljust:5}}返回 ‘ab ’ |
lower | 字串變小寫 | |
make_list | 將字串轉換為列表 | |
pluralize | 根據數字確定是否輸出英文複數符號 | |
random | 返回列表的隨機一項 | |
removetags | 刪除字串中指定的HTML標記 | {{value | removetags: “h1 h2”}} |
rjust | 輸出指定長度的字串,變數右對齊 | |
slice | 切片操作, 返回列表 | {{[3,9,1] | slice:’:2’}} 返回 [3,9]{{ 'asdikfjhihgie' | slice:':5' }} 返回 ‘asdik’ |
slugify | 在字串中留下減號和下劃線,其它符號刪除,空格用減號替換 |
{{ '5-2=3and5 2=3' | slugify }} 返回 5-23and5-23 |
stringformat | 字串格式化,語法同python | |
time | 返回日期的時間部分 | |
timesince | 以“到現在為止過了多長時間”顯示時間變數 | 結果可能為 45days, 3 hours |
timeuntil | 以“從現在開始到時間變數”還有多長時間顯示時間變數 | |
title | 每個單詞首字母大寫 | |
truncatewords | 將字串轉換為省略表達方式 |
{{ 'This is a pen' | truncatewords:2 }}返回 This is ... |
truncatewords_html | 同上,但保留其中的HTML標籤 |
{{ '<p>This is a pen</p>' | truncatewords:2 }}返回 <p>This is ...</p> |
urlencode | 將字串中的特殊字元轉換為url兼容表達方式 | {{ ‘http://www.aaa.com/foo?a=b&b=c’ | urlencode}} |
urlize | 將變數字串中的url由純文字變為連結 | |
wordcount | 返回變數字串中的單詞數 | |
yesno | 將布林變數轉換為字串yes, no 或maybe |
{{ True | yesno }} 返回 yes no maybe |
四 模版之標籤
標籤看起來像是這樣的:{% tag %}
。標籤比變數更加複雜:一些在輸出中建立文字,一些通過迴圈或邏輯來控制流程,一些載入其後的變數將使用到的額外資訊到模版中。一些標籤需要開始和結束標籤 (例如{% tag %} ...
標籤 內容 ... {% endtag %})。
for標籤
遍歷每一個元素:
{% for person in person_list %} <p>{{ person.name }}</p> {% endfor %}
可以利用{%forobjinlistreversed%}反向完成迴圈。
遍歷一個字典:
{% for key,val in dic.items %} <p>{{ key }}:{{ val }}</p> {% endfor %}
注:迴圈序號可以通過{{forloop}}顯示
forloop.counter The current iteration of the loop (1-indexed) 當前迴圈的索引值(從1開始)
forloop.counter0 The current iteration of the loop (0-indexed) 當前迴圈的索引值(從0開始)
forloop.revcounter The number of iterations from the end of the loop (1-indexed) 當前迴圈的倒序索引值(從1開始)
forloop.revcounter0 The number of iterations from the end of the loop (0-indexed) 當前迴圈的倒序索引值(從0開始)
forloop.first True if this is the first time through the loop 當前迴圈是不是第一次迴圈(布林值)
forloop.last True if this is the last time through the loop 當前迴圈是不是最後一次迴圈(布林值)
forloop.parentloop 本層迴圈的外層迴圈
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 %}
if語句支援 and 、or、==、>、<、!=、<=、>=、in、not in、is、is not判斷。
with
使用一個簡單地名字快取一個複雜的變數,當你需要使用一個“昂貴的”方法(比如訪問資料庫)很多次的時候是非常有用的
例如:
{% with total=business.employees.count %} {{ total }} employee{{ total|pluralize }} {% endwith %}
不要寫成as
csrf_token
{% csrf_token%}
這個標籤用於跨站請求偽造保護
五 自定義標籤和過濾器
1、在settings中的INSTALLED_APPS配置當前app,不然django無法找到自定義的simple_tag.
2、在app中建立templatetags模組(模組名只能是templatetags)
3、建立任意 .py 檔案,如:my_tags.py
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
from django import template
from django.utils.safestring import mark_safe
register = template.Library() #register的名字是固定的,不可改變
@register . filter
def filter_multi(v1,v2):
return v1 * v2
<br>
@register .simple_tag
def simple_tag_multi(v1,v2):
return v1 * v2
<br>
@register .simple_tag
def my_input( id ,arg):
result = "<input type='text' id='%s' class='%s' />" % ( id ,arg,)
return mark_safe(result)
|
4、在使用自定義simple_tag和filter的html檔案中匯入之前建立的 my_tags.py
1 |
{ % load my_tags % }
|
5、使用simple_tag和filter(如何呼叫)
1 2 3 4 5 6 7 8 9 10 |
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - .html
{ % load xxx % }
# num=12
{{ num|filter_multi: 2 }} #24
{{ num|filter_multi: "[22,333,4444]" }}
{ % simple_tag_multi 2 5 % } 引數不限,但不能放在 if for 語句中
{ % simple_tag_multi num 5 % }
|
注意:filter可以用在if等語句後,simple_tag不可以
{% if num|filter_multi:30 > 100 %} {{ num|filter_multi:30 }} {% endif %}
六 模版匯入入和繼承
模版匯入:
語法:{% include '模版名稱' %}
如:{% include 'adv.html' %}
adv.html base.html order.html模版繼承
Django模版引擎中最強大也是最複雜的部分就是模版繼承了。模版繼承可以讓您建立一個基本的“骨架”模版,它包含您站點中的全部元素,並且可以定義能夠被子模版覆蓋的blocks。
通過從下面這個例子開始,可以容易的理解模版繼承:
<!DOCTYPE html> <html lang="en"> <head> <link rel="stylesheet" href="style.css"/> <title>{% block title %}My amazing site{% endblock %}</title> </head> <body> <div id="sidebar"> {% block sidebar %} <ul> <li><a href="/">Home</a></li> <li><a href="/blog/">Blog</a></li> </ul> {% endblock %} </div> <div id="content"> {% block content %}{% endblock %} </div> </body> </html>
這個模版,我們把它叫作base.html
, 它定義了一個可以用於兩列排版頁面的簡單HTML骨架。“子模版”的工作是用它們的內容填充空的blocks。
在這個例子中,block
標籤定義了三個可以被子模版內容填充的block。block
告訴模版引擎: 子模版可能會覆蓋掉模版中的這些位置。
子模版可能看起來是這樣的:
{% extends "base.html" %} {% block title %}My amazing blog{% endblock %} {% block content %} {% for entry in blog_entries %} <h2>{{ entry.title }}</h2> <p>{{ entry.body }}</p> {% endfor %} {% endblock %}
extends
標籤是這裡的關鍵。它告訴模版引擎,這個模版“繼承”了另一個模版。當模版系統處理這個模版時,首先,它將定位父模版——在此例中,就是“base.html”。
那時,模版引擎將注意到base.html
中的三個block
標籤,並用子模版中的內容來替換這些block。根據blog_entries
的值,輸出可能看起來是這樣的:
<!DOCTYPE html> <html lang="en"> <head> <link rel="stylesheet" href="style.css" /> <title>My amazing blog</title> </head> <body> <div id="sidebar"> <ul> <li><a href="/">Home</a></li> <li><a href="/blog/">Blog</a></li> </ul> </div> <div id="content"> <h2>Entry one</h2> <p>This is my first entry.</p> <h2>Entry two</h2> <p>This is my second entry.</p> </div> </body> </html>
請注意,子模版並沒有定義sidebar
block,所以系統使用了父模版中的值。父模版的{% block %}
標籤中的內容總是被用作備選內容(fallback)。
這種方式使程式碼得到最大程度的複用,並且使得新增內容到共享的內容區域更加簡單,例如,部分範圍內的導航。
這裡是使用繼承的一些提示:
-
如果你在模版中使用
{% extends %}
標籤,它必須是模版中的第一個標籤。其他的任何情況下,模版繼承都將無法工作。 -
在base模版中設定越多的
{% block %}
標籤越好。請記住,子模版不必定義全部父模版中的blocks,所以,你可以在大多數blocks中填充合理的預設內容,然後,只定義你需要的那一個。多一點鉤子總比少一點好。 -
如果你發現你自己在大量的模版中複製內容,那可能意味著你應該把內容移動到父模版中的一個
{% block %}
中。 -
If you need to get the content of the block from the parent template, the
{{ block.super }}
variable will do the trick. This is useful if you want to add to the contents of a parent block instead of completely overriding it. Data inserted using{{ block.super }}
will not be automatically escaped (see thenext section), since it was already escaped, if necessary, in the parent template. -
為了更好的可讀性,你也可以給你的
{% endblock %}
標籤一個名字。例如:1 2 3 {
%
block content
%
}
...
{
%
endblock content
%
}
在大型模版中,這個方法幫你清楚的看到哪一個
{% block %}
標籤被關閉了。 - 不能在一個模版中定義多個相同名字的
block
標籤。
七 靜態檔案相關
{% load static %} <img src="{% static "images/hi.jpg" %}" alt="Hi!" />
引用JS檔案時使用:
{% load static %} <script src="{% static "mytest.js" %}"></script>
某個檔案多處被用到可以存為一個變數
{% load static %} {% static "images/hi.jpg" as myphoto %} <img src="{{ myphoto }}"></img>
使用get_static_prefix
{% load static %} <img src="{% get_static_prefix %}images/hi.jpg" alt="Hi!" />
或者
{% load static %} {% get_static_prefix as STATIC_PREFIX %} <img src="{{ STATIC_PREFIX }}images/hi.jpg" alt="Hi!" /> <img src="{{ STATIC_PREFIX }}images/hi2.jpg" alt="Hello!" />
inclusion_tag
多用於返回html程式碼片段
示例:
templatetags/my_inclusion.py
from django import template register = template.Library() @register.inclusion_tag('result.html') def show_results(n): n = 1 if n < 1 else int(n) data = ["第{}項".format(i) for i in range(1, n+1)] return {"data": data}
templates/snippets/result.html
<ul> {% for choice in data %} <li>{{ choice }}</li> {% endfor %} </ul>
templates/index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="x-ua-compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>inclusion_tag test</title> </head> <body> {% load inclusion_tag_test %} {% show_results 10 %} </body> </html>