template模板語言


模板渲染

通過views視圖函數對html頁面進行渲染

標簽{{ 變量 }}/標簽   {% 邏輯 %} -- 標簽

萬能的點

<h1>91李業網</h1>
<h2>{{ name }}</h2>
<h2>{{ d1.items }}</h2>
<h2>我是"{ {{ l1.1 }} }"</h2>#三個括號必須加空格
<h2>{{ num }}</h2>
<h2>{{ obj.p }}</h2>  #如果調用的方法需要顯性傳參,可以印象傳產,sorry用不了
注意點
可以嵌套點
可以自動執行函數
locals()函數會以字典類型返回當前位置的全部局部變量
return render(request,'home.html',locals())
字典類型的數據傳入home.html
 return render(request,'home.html',{'name':name,})#指定傳入html
可以直接拿來引用

過濾器

在模板渲染的基礎上進行過濾

注意傳值必須 :指定值

default**

如果一個變量是false或者為空,使用給定的默認值。 否則,使用變量的值。

{{ 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="hello world",還有其他可切片的數據類型

{{value(變量)|slice:"2:-1"}}

date

    格式化,如果 value=datetime.datetime.now(

{{ value(變量)|date:"Y-m-d H:i:s"}}

  關於時間日期的可用的參數(除了Y,m,d等等)還有很多,有興趣的可以去查查看看。

safe(識別成標簽)

    Django的模板中在進行模板渲染的時候會對HTML標簽和JS等語法標簽進行自動轉義,原因顯而易見,這樣是為了安全,django擔心這是用戶添加的數據,比如如果有人給你評論的時候寫了一段js代碼,這個評論一提交,js代碼就執行啦,這樣你是不是可以搞一些壞事兒了,寫個彈窗的死循環,那瀏覽器還能用嗎,是不是會一直彈窗啊,這叫做xss攻擊,所以瀏覽器不讓你這么搞,給你轉義了。但是有的時候我們可能不希望這些HTML元素被轉義,比如我們做一個內容管理系統,后台添加的文章中是經過修飾的,這些修飾可能是通過一個類似於FCKeditor編輯加注了HTML修飾符的文本,如果自動轉義的話顯示的就是保護HTML標簽的源文件。為了在Django中關閉HTML的自動轉義有兩種方式,如果是一個單獨的變量我們可以通過過濾器“|safe”的方式告訴Django這段代碼是安全的不必轉義。

    我們去network那個地方看看,瀏覽器看到的都是渲染之后的結果,通過network的response的那個部分可以看到,這個a標簽全部是特殊符號包裹起來的,並不是一個標簽,這都是django搞得事情。

    img

比如:

value = "點我" 和 value=""

{{ value(變量標簽)|safe}}

    很多網站,都會對你提交的內容進行過濾,一些敏感詞匯、特殊字符、標簽、黃賭毒詞匯等等,你一提交內容,人家就會檢測你提交的內容,如果包含這些詞匯,就不讓你提交,其實這也是解決xss攻擊的根本途徑,例如博客園:

    img

truncatechars

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

參數:截斷的字符數

{{ value|truncatechars:9}} 
#注意:最后那三個省略號也是9個字符里面的,也就是這個9截斷出來的是6個字符+3個省略號,有人會說,怎么展開啊,配合前端的點擊事件就行啦

truncatewords

在一定數量的字后截斷字符串,是截多少個單詞。

例如:‘hello girl hi baby yue ma’,

{{ value|truncatewords:3}}  
#上面例子得到的結果是 'hello girl h1...' 以空格為分界點

cut

移除value中所有的與給出的變量相同的字符串

{{ value|cut:' ' }}

如果value為'i love you',那么將輸出'iloveyou'.

join

使用字符串連接列表,{{ list|join:', ' }},就像Python的str.join(list)**

<h1>{{ name|join:"+"}}</h1>

timesince(了解)

將日期格式設為自該日期起的時間(例如,“4天,6小時”)。

采用一個可選參數,它是一個包含用作比較點的日期的變量(不帶參數,比較點為現在)。 例如,如果blog_date是表示2006年6月1日午夜的日期實例,並且comment_date是2006年6月1日08:00的日期實例,則以下將返回“8小時”:

{{ blog_date|timesince:comment_date }}

分鍾是所使用的最小單位,對於相對於比較點的未來的任何日期,將返回“0分鍾”。

timeuntil(了解)

似於timesince,除了它測量從現在開始直到給定日期或日期時間的時間。 例如,如果今天是2006年6月1日,而conference_date是保留2006年6月29日的日期實例,則{{ conference_date | timeuntil }}將返回“4周”。

使用可選參數,它是一個包含用作比較點的日期(而不是現在)的變量。 如果from_date包含2006年6月22日,則以下內容將返回“1周”:

{{ conference_date|timeuntil:from_date }}

標簽

for循環標簽

#循環列表等
{% for person in person_list %}
    <p>{{ person.name }}</p>  <!--凡是變量都要用兩個大括號括起來-->
{% endfor %}
#循環字典
{% for key,val in dic.items %}
    <p>{{ key }}:{{ val }}</p>
{% endfor %}
#循環字符串
{% for i in name %}
    <h2>{{ i }}</h2>
{% endfor %}
#empty
{% for person in person_list %}
    <p>{{ person.name }}</p>  <!--凡是變量都要用兩個大括號括起來-->
{% empty %}
	<p>沒有找到東西!</p>
{% endfor %}


forloop.counter            當前循環的索引值(從1開始),forloop是循環器,通過點來使用功能
forloop.counter0           當前循環的索引值(從0開始)
forloop.revcounter         當前循環的倒序索引值(從1開始)
forloop.revcounter0        當前循環的倒序索引值(從0開始)
forloop.first              當前循環是不是第一次循環(布爾值)
forloop.last               當前循環是不是最后一次循環(布爾值)
forloop.parentloop         本層循環的外層循環的對象,再通過上面的幾個屬性來顯示外層循環的計數等
示例:
	{% for i in d2 %}
        {% for k,v in d1.items %}

            <li>{{ forloop.counter }}-- {{ forloop.parentloop.counter }} === {{ k }} -- {{ v }}</li>

        {% endfor %}

    {% endfor %}

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判斷,注意條件兩邊都有空格。

with(起別名)

方法1
{% with total=business.employees.count %}  #注意等號兩邊不能有空格
    {{ total }} <!--只能在with語句體內用-->
{% endwith %}
方法2
{% with business.employees.count as total %}
    {{ total }}
{% endwith %}

render

locals 返回當前頁面的所有變量 以字典形式展示

模板語法

模板繼承

目的是:減少代碼的冗余

常用於左側菜單欄

把父類對應標簽直接拿過來使用

{% block content(變量可以隨便命名)%}

{{block.super}}#延續父類的變量

包裹什么就修改什么 

{% endblock %}

可以修改
繼承頁面{% extends 'base.html' %}
1.創建一個xx.html頁面作為模板,其他頁面來繼承他
2。在母版中定義block塊
{% block content %}<!--預留鈎子。供其他html頁面使用,自定義自己內容>
3 其他子頁面繼承寫法
{% extends 'base.html' %}必須放在頁面開頭 #相當於繼承子頁面的聲明
4 頁面中寫和母版中名字相同的block塊,從而來顯示自定義的內容
    {% block content %}  <!-- 預留的鈎子,共其他需要繼承它的html,自定義自己的內容 -->
        {{ block.super }}  #這是顯示繼承的母版中的content這個快中的內容
        這是xx1
    {% endblock %}

組件

插件比組件小

1 創建html頁面,里面寫上自己封裝的組件內容,xx.html
2 新的html頁面使用這個組件
	{% include 'xx.html' %}

組件 直接拿來使用相當於外部引入 但是不能直接修改

{% include 'xx.html' %}

自定義標簽和過濾器

注意傳值必須一一對應

自定義標簽和過濾器都必須創建一個文件夾在文件夾下面的py文件里面寫 def 函數

1 在應用下django文件夾下創建一個叫做templatetags的文件夾(名稱不能改),在里面創建一個py文件,例如xx.py

2 在xx.py文件中引用django提供的template類,寫法
	from django import template
	register = template.Library() #register變量名稱不能改    

定義過濾器

1 在應用下django文件夾下創建一個叫做templatetags的文件夾(名稱不能改),在里面創建一個py文件,例如xx.py

2 在xx.py文件中引用django提供的template類,寫法
	from django import template
	register = template.Library() #register變量名稱不能改 
3.@register.filter#自定義過濾器的聲明,裝上這個裝飾器解釋過濾器了   參數至多兩個
def xx(v1,v2):
 #{{name(外部傳參第一個值)|xx(過濾器名稱):第二個值}}
    return v1+"xx"#自定義過濾 返回值
#結果 v1xx
使用:
    {% load xx %}#開頭引用
    內容
    {{ name|xx:'oo' }}

自定義標簽

過程:
name是一個值 5是第二個值
#def huxtag(n1(第一個值),n2(第二個值))
前端:{% huxtag name 5 %} 
# 自定義標簽 沒有參數個數限制
后端:@register.simple_tag
def huxtag(n1,n2):  #馮強xx  '牛歡喜'
    '''
        :param n1:  變量的值 name前面的
        :param n2:  對應5傳的參數 如果不需要傳參,就不要添加這個參數
        :return:
        '''
    return n1+n2

自定義標簽的一種

執行過程:
1.通過urls的函數返回li.html
2.執行到{% res name %}開始執行res自定義標簽
3.把name值傳給result.html
4.最后把渲染過標簽返回給li.html(通過res函數處理過的數據)
#li.html寫法
'''
{% load xx %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
{% res name %}
</body>
</html>
'''
#result.html頁面代碼
'''
<body>
{% for i in li %}
    <div>{{ i }}</div>
{% endfor %}
</body>
'''
# inclusion_tag 返回html片段的標簽
@register.inclusion_tag('result.html')
def res(n1): #n1 : ['aa','bb','cc']

    return {'li':n1 }
使用:
    html頁面
    {% res a %}

模板渲染結束替換字符串

url別名和反向解析(別名)

別名寫法
url(r'^index2/', views.index,name='index'),
#name=別名
反向解析
通過reverse 解析出路徑
后端(py文件): 
    from django.urls import reverse
reverse('別名') 
例如:reverse('index') -- /index2/
html: 
    {% url '別名' %} -- 
例如:{% url 'index' %} -- /index2/

帶參數的反向解析

后端:
from django.urls import reverse
reverse('index',args=(10))--/index2/10
html:
帶參數的反向解析
{% url '別名' 參數1 參數二 %}
例如
{% url 'index' 10 %}--/index2/10
<a href='/index2/10'>hhh</a>

示例
html頁面a標簽寫法
<a href="{% url 'app01:index' 10 %}">hhh</a>

app01下面視圖函數(views.py)寫法
from django.shortcuts import render,HttpResponse,redirect
from django.urls import reverse

def ppt(request):
    return redirect(reverse('app01:index',args=(10)))
app01下面路徑(urls.py)寫法
from django.conf.urls import url,include
from django.contrib import admin
from app01 import views
urlpatterns = [
    url(r'^admin/', admin.site.urls),
  url(r'^index/(\d+)/',views.index,name="index",
    url(r'^home/',views.home,name="home"),
      ]

url命名空間

路由分發 include

路由分發就是把很多的路徑分給每個對應app下的頁面,便於統一管理

#注意include是模塊里面的方法要引用才能發揮作用
1 在每個app下創建urls.py文件,寫上自己app的路徑
2 在項目目錄下的urls.py文件中做一下路徑分發,看下面內容
 在主文件夾里面的urls分發   
    from django.conf.urls import url,include
    from django.contrib import admin

    urlpatterns = [
        # url(r'^admin/', admin.site.urls),
        #app01/home/直接跳轉到對應app01下面的urls
     url(r'^app01/',include('app01.urls')),
url(r'^app02/', include('app02.urls')),
    ]

命名空間namespace

為了避免url別名沖突 從而產生的一種規則

使用格式:
后端(py文件):reverse('命名空間名稱:別名') 
        -- reverse('app01:home') 
hmtl:{% url '命名空間名稱:別名' %}  
        -- {% url 'app01:home' %}

from django.conf.urls import url,include
from django.contrib import admin
django下面的文件夾urls.py寫法
urlpatterns = [
    # url(r'^admin/', admin.site.urls),
    url(r'^app01/', include('app01.urls',namespace='app01')),#app01/home/
    url(r'^app02/', include('app02.urls',namespace='app02')),
	
]
app01下面的urls.py 寫法
from django.conf.urls import url
from django.contrib import admin
from app01 import views
urlpatterns = [
    url(r'^admin/', admin.site.urls),
    url(r'^home2/', views.home,name="home"),
    url(r'^index/', views.index,name="index"),
    url(r'^ppt/', views.ppt,name="ppt1"),
]
'''
app01下views.py寫法
'''
from django.shortcuts import render,HttpResponse,redirect
from django.urls import reverse
#render的三個參數 是在html 之前就渲染好了 例如 {"name":name}
# 模板X HttpResponse("字符串") 返回一個字符串頁面
# Create your views here.

def home(request):
    return render(request,"home2.html")
def index(request):
    return render(request,"index.html")
def ppt(request):
    return redirect(reverse("app01:index"))


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM