Django範本語言相關內容

來源:互聯網
上載者:User

標籤:lock   原因   模板   img   技術   uil   desc   ota   nav   

Django模板系統

官方文檔

常用文法

只需要記兩種特殊符號:

{{  }}和 {% %}

變數相關的用{{}},邏輯相關的用{%%}。

變數

{{ 變數名 }}

變數名由字母數字和底線組成。

點(.)在範本語言中有特殊的含義,用來擷取對象的相應屬性值。

幾個例子:

view中代碼:

def template_test(request):    l = [11, 22, 33]    d = {"name": "alex"}    class Person(object):        def __init__(self, name, age):            self.name = name            self.age = age        def dream(self):            return "{} is dream...".format(self.name)    Alex = Person(name="Alex", age=34)    Egon = Person(name="Egon", age=9000)    Eva_J = Person(name="Eva_J", age=18)    person_list = [Alex, Egon, Eva_J]    return render(request, "template_test.html", {"l": l, "d": d, "person_list": person_list})

模板中支援的寫法:

{# 取l中的第一個參數 #}{{ l.0 }}{# 取字典中key的值 #}{{ d.name }}{# 取對象的name屬性 #}{{ person_list.0.name }}{# .操作只能調用不帶參數的方法 #}{{ person_list.0.dream }}
Filters

文法: {{ value|filter_name:參數 }}

default

{{ value|default: "nothing"}}

如果value值沒傳的話就顯示nothing

length

{{ value|length }}

‘|‘左右沒有空格沒有空格沒有空格

返回value的長度,如 value=[‘a‘, ‘b‘, ‘c‘, ‘d‘]的話,就顯示4.

filesizeformat

將值格式化為一個 “人類可讀的” 檔案尺寸 (例如 ‘13 KB‘‘4.1 MB‘‘102 bytes‘, 等等)。例如:

{{ value|filesizeformat }}

如果 value 是 123456789,輸出將會是 117.7 MB。

slice

切片

{{value|slice:"2:-1"}}

date

格式化

{{ value|date:"Y-m-d H:i:s"}}

safe

Django的模板中會對HTML標籤和JS等文法標籤進行自動轉義,原因顯而易見,這樣是為了安全。但是有的時候我們可能不希望這些HTML元素被轉義,比如我們做一個內容管理系統,後台添加的文章中是經過修飾的,這些修飾可能是通過一個類似於FCKeditor編輯加註了HTML修飾符的文本,如果自動轉義的話顯示的就是保護HTML標籤的源檔案。為了在Django中關閉HTML的自動轉義有兩種方式,如果是一個單獨的變數我們可以通過過濾器“|safe”的方式告訴Django這段代碼是安全的不必轉義。

比如:

value = "<a href=‘#‘>點我</a>"

{{ value|safe}}
truncatechars

如果字串字元多於指定的字元數量,那麼會被截斷。截斷的字串將以可翻譯的省略符號序列(“...”)結尾。

參數:截斷的字元數

{{ value|truncatechars:9}}
自訂filter

自訂過濾器只是帶有一個或兩個參數的Python函數:

  • 變數(輸入)的值 - -不一定是一個字串
  • 參數的值 - 這可以有一個預設值,或完全省略

例如,在過濾器{{var | foo:“bar”}}中,過濾器foo將傳遞變數var和參數“bar”

 

自訂filter代碼檔案擺放位置:

app01/    __init__.py    models.py    templatetags/  # 在app01下面建立一個package package        __init__.py        app01_filters.py  # 建一個存放自訂filter的檔案    views.py

編寫自訂filter

from django import templateregister = template.Library()@register.filter(name="cut")def cut(value, arg):    return value.replace(arg, "")@register.filter(name="addSB")def add_sb(value):    return "{} SB".format(value)

使用自訂filter

{# 先匯入我們自訂filter那個檔案 #}{% load app01_filters %}{# 使用我們自訂的filter #}{{ somevariable|cut:"0" }}{{ d.name|addSB }}
Tags

for

<ul>{% for user in user_list %}    <li>{{ user.name }}</li>{% endfor %}</ul>

for迴圈可用的一些參數:

 

Variable Description
forloop.counter 當前迴圈的索引值(從1開始)
forloop.counter0 當前迴圈的索引值(從0開始)
forloop.revcounter 當前迴圈的倒序索引值(從1開始)
forloop.revcounter0 當前迴圈的倒序索引值(從0開始)
forloop.first 當前迴圈是不是第一次迴圈(布爾值)
forloop.last 當前迴圈是不是最後一次迴圈(布爾值)
forloop.parentloop 本層迴圈的外層迴圈

for ... empty

<ul>{% for user in user_list %}    <li>{{ user.name }}</li>{% empty %}    <li>空空如也</li>{% endfor %}</ul>

if,elif和else

{% if user_list %}  使用者人數:{{ user_list|length }}{% elif black_list %}  黑名單數:{{ black_list|length }}{% else %}  沒有使用者{% endif %}

當然也可以只有if和else

{% if user_list|length > 5 %}  七座豪華SUV{% else %}    黃包車{% endif %}

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

with

定義一個中間變數

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

這個標籤用於跨站請求偽造保護。

在頁面的form表單裡面寫上{% csrf_token %}

注釋
{# ... #}
注意事項

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})

如上,我們在使用render方法渲染一個頁面的時候,傳的字典d有一個key是items並且還有預設的 d.items() 方法,此時在範本語言中:

{{ data.items }}

預設會取d的items key的值。

母板
<!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>Title</title>  {% block page-css %}    {% endblock %}</head><body><h1>這是母板的標題</h1>{% block page-main %}{% endblock %}<h1>母板底部內容</h1>{% block page-js %}{% endblock %}</body></html>

注意:我們通常會在母板中定義頁面專用的CSS塊和JS塊,方便子頁面替換。

繼承母板

在子頁面中在頁面最上方使用下面的文法來繼承母板。

{% extends ‘layouts.html‘ %}
塊(block)

通過在母板中使用{% block  xxx %}來定義"塊"。

在子頁面中通過定義母板中的block名來對應替換母板中相應的內容。

{% block page-main %}  <p>世情薄</p>  <p>人情惡</p>  <p>雨送黃昏花易落</p>{% endblock %}
組件

可以將常用的頁面內容如導航條,頁尾資訊等組件儲存在單獨的檔案中,然後在需要使用的地方按如下文法匯入即可。

{% include ‘navbar.html‘ %}
靜態檔案相關
{% 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!" />
 自訂simpletag

和自訂filter類似,只不過接收更靈活的參數。

定義註冊simple tag

@register.simple_tag(name="plus")def plus(a, b, c):    return "{} + {} + {}".format(a, b, c)

使用自訂simple tag

{% load app01_demo %}{# simple tag #}{% plus "1" "2" "abc" %}
inclusion_tag

多用於返回html程式碼片段

樣本:

templatetags/my_inclusion.py

from django import templateregister = 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>

Django範本語言相關內容

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.