1. 程式人生 > >Django(七)—— 模板層:變量、過濾器、標簽、自定義標簽和過濾器

Django(七)—— 模板層:變量、過濾器、標簽、自定義標簽和過濾器

繼續 我們 safe 字符串格式化 html標記 源文件 lur fad pri

模板層:變量、過濾器、標簽、自定義標簽和過濾器

將頁面的設計和Python的代碼分離開會更幹凈簡潔更容易維護。 我們可以使用 Django的 模板系統 (Template System)來實現這種模式

# django模板修改的視圖函數
def current_time(req):
    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)
# 頁面和Python代碼分離
def current_time(req)
    import datetime
    now=datetime.datetime.now()
    return render(req, ‘current_datetime.html‘, {‘current_date‘:str(now)[:19]})

一、模板層變量

1、語法

{{ 變量名 }}

2、使用

def test(request):
    name = ‘tom‘
    age=18
    ll=[1,2,3,4]
    dic={‘name‘:‘Jack‘,‘age‘:18}

class Person():
    def __init__(self,name,age):
        self.name=name
        self.age=age
    def get(self, request):
        pass
    def post(self, request):
        pass
lxx = Person(‘lxx‘,18)
wxx = Person(‘wxx‘,19)
person_list = [lxx,wxx]
person_dic = {‘lxx‘:lxx, ‘wxx‘:wxx}
(1)模板變量
<p>字符串:{{ name }}</p>   # 相當於print(name)
<p>數字:{{ age }}</p>   # 相當於print(age)
<p>列表:{{ ll }}</p>  # 相當於print(ll)
<p>元祖:{{ tu }}</p>  # 相當於print(tu)
<p>字典:{{ dic }}</p>   # 相當於print(dic)
{#只寫函數名:相當於函數名(),執行該函數#}
<p>函數:{{ test }}</p>     # 相當於print(test())
{#對象內存地址#}
<p>對象:{{ lxx }}</p>    # 相當於print(lxx)
<p>列表套對象:{{ person_list }}</p>
<p>字典套對象:{{ person_dic }}</p>
(2)模板深度查詢

統一都用句點符“ . ”

<p>列表第0個值:{{ ll.0 }}</p>
<p>列表第3個值:{{ ll.3 }}</p>
<p>字典取值:{{ dic.name }}</p>
<p>字典取列表值:{{ dic.ll }}</p>
{#再繼續取值,繼續點#}
<p>對象取數據屬性:{{ lxx.name }}</p>
<p>對象取綁定給對象的函數屬性:{{ lxx.get_name }}</p>
<p>對象取綁定給類的函數屬性:{{ lxx.cls_test }}</p>
<p>對象取靜態方法:{{ lxx.static_test }}</p>
<p>把對象列表中egon年齡取出來:{{ person_list.1.age }}</p>
{#拓展:不能調有參數的方法#}
<p>字符串的方法:{{ name.upper }}</p>

二、模板層之過濾器

1、語法

{{第一個參數 | 過濾器名字:第二個參數}}

2、常用過濾器

# 1.length,返回值的長度。它對字符串和列表都起作用
<p>統計字符串長度:{{ name|length }}</p>
<p>統計列表長度:{{ ll|length }}</p>
 
# 2.default,如果一個變量是false或者為空,使用給定的默認值。否則,使用變量的值
<p>過濾器之默認值:{{ ll2|default:‘沒有值‘ }}</p>
    
# 3.filesizeformat,將值格式化為一個 “人類可讀的” 文件尺寸 (例如 ‘13 KB‘, ‘4.1 MB‘, ‘102 bytes‘, 等等
<p>過濾器之filesizeformat--1:{{ 2013344|filesizeformat }}</p>
<p>過濾器之filesizeformat--2:{{ file_size|filesizeformat }}</p>
    
# 4.date,時間
<p>過濾器之不使用date:{{ ctim }}</p>
<p>過濾器之date:{{ ctim|date:‘Y-m-d‘ }}</p>

# 5.slice,切分
{#前閉後開區間#}
<p>過濾器之slice:{{ ll|slice:‘2:-1‘ }}</p>
{#支持步長#}
<p>過濾器之slice-字符串:{{ name|slice:‘0:3:3‘ }}</p>
{#三個起步#}
    
# 6.truncatechars,如果字符串字符多於指定的字符數量,那麽會被截斷。截斷的字符串將以可翻譯的省略號序列(“...”)結尾,省略號算3個字符數量
<p>過濾器之truncatechars:{{ ‘dafddfafgadfgaasdgadgfadaf‘|truncatechars:5 }}</p>
 
# 7.truncatewords,如果單詞多於指定的單詞數量,那麽會被截斷。截斷的字符串將以可翻譯的省略號序列(“...”)結尾,省略號算3個字符數量。省略號不算入指定的數量
<p>過濾器之truncatewords:{{ ‘我 dfaf ga dfgaas 你 dgf adaf‘|truncatewords:5 }}</p>
    
# 8.safe
# Django的模板中會對HTML標簽和JS等語法標簽進行自動轉義,原因顯而易見,這樣是為了安全。但是有的時候我們可能不希望這些HTML元素被轉義,比如我們做一個內容管理系統,後臺添加的文章中是經過修飾的,這些修飾可能是通過一個類似於FCKeditor編輯加註了HTML修飾符的文本,如果自動轉義的話顯示的就是保護HTML標簽的源文件。為了在Django中關閉HTML的自動轉義有兩種方式,如果是一個單獨的變量我們可以通過過濾器“|safe”的方式告訴Django這段代碼是安全的不必轉義
<p>過濾器之不用safe:{{ h1 }}</p>
<p>過濾器之用safe:{{ h1|safe }}</p>
<p>過濾器之不用safe:{{ script }}</p>
{#<p>過濾器之用safe:{{ script|safe }}</p>#}
    
# 9.add ,給value加上一個數值
<p>過濾器之用add:{{ 12|add:‘1‘ }}</p>
<p>過濾器之用add:{{ ‘egon‘|add:‘dsb‘ }}</p>

3、其他過濾器

過濾器 描述 示例
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轉義,比如將”<”轉換為”&lt”
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:’’ }} 返回 abc45
length 返回列表中元素的個數或字符串長度
length_is 檢查列表,字符串長度是否符合指定的值 {{ ‘hello’| length_is:’3’ }}
linebreaks


標簽包裹變量

{{ “Hi\n\nDavid”|linebreaks }} 返回

Hi

David

linebreaksbr
標簽代替換行符
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 }}{{ False | yesno }}{{ None | yesno }} ``返回 ``yes``no ``maybe

三、模板值標簽

1、for標簽

(1)基本用法

遍歷每一個元素:

{% for person in person_list %}
    <p>{{ person.name }}</p>
{% endfor %}

(2)forloop對象

{% for person in person_list %}
    <p>{{ forloop }}</p>
    <p>{{ forloop.parentloop }}</p>   # 本層循環的外層循環
    <p>{{ forloop.counter }}</p>    # 當前循環的索引,從0開始計
    <p>{{ forloop.counter0 }}</p>     # 當前循環的索引,從1開始計
    <p>{{ forloop.revcounter }}</p>   # 當前循環的倒序索引值(從1開始)
    <p>{{ forloop.revcounter0 }}</p>  # 當前循環的倒序索引值(從0開始)
    <p>{{ forloop.first }}</p>    # 當前循環是不是第一次循環
    <p>{{ forloop.last }}</p>   # 當前循環是不是最後一次循環
{% endfor %}

(3)for...empty

for 標簽帶有一個可選的{% empty %} 從句,以便在給出的循環對象是空的或者沒有被找到時

{% for person in person_list %}
    <p>{{ person.name }}</p>

{% empty %}
    <p>sorry,no person here</p>
{% endfor %}

2、if標簽

(1)基本語法

{% if %}

(2)使用

{% if forloop.first %}
    <p>第一個 </p>
{% elif forloop.last %}
    <p>最後一個 </p>
{% else %}
    <p>{{ foo }}</p>
{% endif %}

if語句支持 and 、or、==、>、<、!=、<=、>=、in、not in、is、is not判斷。

3、with標簽

(1)基本語法

{% with %}

(2)使用

{% with total=business.employees.count %}
    {{ total }} employee{{ total|pluralize }}
{% endwith %}

# 用於取別名
{% with dic.ll.2 as ttt %}
    {{ ttt }}
{% endwith %}

四、自定義標簽過濾器

1、自定義過濾器

自定義過濾器
1. 先app是不是已經在setting中註冊
2. 在app下創建一個templatetags(****名字不能變***)的文件夾(模塊)
3. 在模塊下創建一個py文件,名字隨意:mytag.py
4. # 第一步,導入template
   from django.template import Library
   # 第二步,定義一個叫register的變量=template.Library()
    register = Library()
5. 寫一個函數,用@register.filter(name=‘yyy‘)裝飾一下(可以指定別名)
    def str_add(str1, str2): #一定要有返回值
       # 業務邏輯
       return str1 + str2
6. 在模板裏:(新定定義的標簽,過濾器,都要重啟程序)
    {% load mytag %}
    {{‘lqz‘|str_add:‘nb‘}}
        

2、自定義標簽

自定義標簽:
1. 先app是不是已經在setting中註冊
2. 在app下創建一個templatetags(****名字不能變***)的文件夾(模塊)
3. 在模塊下創建一個py文件,名字隨意:mytag.py
4. # 第一步,導入template
   from django.template import Library
   # 第二步,定義一個叫register的變量=template.Library()
    register = Library()
5. 只是裝飾器不一樣
    @register.simple_tag()
    def add_nb(value):
        # 業務邏輯
        return value+‘nb‘
6. 在模板裏:(多個參數,以空格區分)
    {% load mytag %}
    {% add_nb ‘lqz‘%}

Django(七)—— 模板層:變量、過濾器、標簽、自定義標簽和過濾器