模板渲染
通過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搞得事情。
比如:
value = "點我" 和 value=""
{{ value(變量標簽)|safe}}
很多網站,都會對你提交的內容進行過濾,一些敏感詞匯、特殊字符、標簽、黃賭毒詞匯等等,你一提交內容,人家就會檢測你提交的內容,如果包含這些詞匯,就不讓你提交,其實這也是解決xss攻擊的根本途徑,例如博客園:
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"))