零基礎(chǔ)入手Django(四)：模版標(biāo)簽和模版的繼承引用

2023-04-24 16:45 作者:IT小叮當(dāng) 0人讀過(guò) | 我要投稿

今天，小叮當(dāng)繼續(xù)為大家分享Django干貨。主要內(nèi)容有：端口占用問題的解決、常用標(biāo)簽、模版的繼承與引用。

一、端口占用問題的解決

如果我們?cè)谶\(yùn)行Django服務(wù)時(shí)，不小心啟動(dòng)了兩次服務(wù)，例如點(diǎn)了兩次運(yùn)行，那么第二次運(yùn)行就會(huì)出現(xiàn)”端口占用的問題“。（也有可能是端口被其他進(jìn)程所占用）

此時(shí)我們有兩種解決辦法：

（1）在pycharm中關(guān)閉一個(gè)啟動(dòng)的服務(wù)。

在pycharm的側(cè)邊欄點(diǎn)擊“紅叉"即可。

關(guān)閉后，重啟服務(wù)即可。

（2）使用xshell在ubuntu服務(wù)器中殺死進(jìn)程

使用命令查看當(dāng)前有哪些進(jìn)程

在xshell中運(yùn)行

根據(jù)虛擬環(huán)境找到與Django相關(guān)的進(jìn)程

使用命令”kill -9?進(jìn)程號(hào)“殺死進(jìn)程。例如，殺死進(jìn)程10145

在xhell中執(zhí)行后再次使用ps aux查看，發(fā)現(xiàn)進(jìn)程已被殺死

殺死進(jìn)程后，重啟服務(wù)即可。

另一個(gè)值得注意的現(xiàn)象是，在Django中，一個(gè)對(duì)象后加一個(gè)逗號(hào)，則會(huì)被認(rèn)為是一個(gè)元組。

例如當(dāng)視圖函數(shù)render后不小心加上一個(gè)逗號(hào)后，系統(tǒng)便會(huì)將其當(dāng)是一個(gè)元組，因?yàn)閞ender返回的是一個(gè)對(duì)象。

def static_test(request):
? ?return render(request,'movie/static_test.html'),

在瀏覽器中訪問,便會(huì)報(bào)錯(cuò)

二、常用標(biāo)簽

定義

標(biāo)簽在渲染的過(guò)程中提供任意的邏輯。

這個(gè)定義是刻意模糊的。例如，一個(gè)標(biāo)簽可以輸出內(nèi)容，作為控制結(jié)構(gòu)，例如“if”語(yǔ)句或“for”循環(huán)從數(shù)據(jù)庫(kù)中提取內(nèi)容，甚至可以訪問其他的模板標(biāo)簽。

2.語(yǔ)法

標(biāo)簽語(yǔ)法: 由%}和 {% 來(lái)定義的，例如：{%tag%} {%endtag%}

3.常用標(biāo)簽總結(jié)

 1if/elif/else：可以使用and/or/in/not/==/!=/<=/>=,來(lái)進(jìn)行判斷。
 2ifequal/ifnotequal
 3for...in...:和python中for...in...是一樣的用法。
 4forloop.counter:當(dāng)前迭代次數(shù)，下標(biāo)從1開始。1，2，3
 5forloop.counter0:當(dāng)前迭代次數(shù)，下標(biāo)從0形如。0，1，2
 6forloop.revcounter:跟forloop.counter一樣，下標(biāo)從大到小。3，2，1
 7forloop.revcounter0:跟forloop.counter0一樣，下標(biāo)從大到小。2，1，0
 8forloop.first:返回bool類型，如果是第一次迭代，返回true,否則返回false
 9forloop.last:返回bool類型，如果是最后一次迭代，返回true,否則返回false
10forloop.parentloop:如果發(fā)生多層for循環(huán)嵌套，那么這個(gè)變量返回的是上一層的for
11for...in...empty:如果沒有數(shù)據(jù)，跳轉(zhuǎn)到empty中。
12load:加載第三方標(biāo)簽。最常用的是｛%load?static%｝
13url:返回一個(gè)命名了的URL的絕對(duì)路徑。
14with:緩存變量。
15autoescape:開啟和關(guān)閉自動(dòng)轉(zhuǎn)義。

（1）環(huán)境準(zhǔn)備

①在templates文件夾下movie中新建"tag_test.html"文件

代碼如下：

<!DOCTYPE html>
<html lang="en">
<head>
? ?<meta charset="UTF-8">
? ?<title>模板標(biāo)簽</title>

</head>
<body>

</body>
</html>

②在movie下的views.py中新建視圖函數(shù)

def tag_test(request):
? ?return render(request,'movie/tag_test.html')

③在movie下的urls.py中配置路由

path('tag/',views.tag_test),

（2）if類的標(biāo)簽

模版定義為

<!DOCTYPE html>
<html lang="en">
<head>
? ?<meta charset="UTF-8">
? ?<title>模板標(biāo)簽</title>

</head>
<body>
{% if name == 'IT小叮當(dāng)' %}
? ?這是小叮當(dāng)測(cè)試的if模版標(biāo)簽 
{% elif name == "IT老叮當(dāng)" %}
? ?這是老叮當(dāng)測(cè)試的elif模版標(biāo)簽 
{% else %}
? ?這是其它叮當(dāng)測(cè)試的else模版標(biāo)簽 
{% endif %}

{% ifequal name 'ifequal_test' %}
這是小叮當(dāng)測(cè)試的ifequal模板標(biāo)簽
{% endifequal %}

</body>
</html>

①當(dāng)視圖函數(shù)中沒有name變量時(shí)

def tag_test(request):
? ?return render(request,'movie/tag_test.html')

在瀏覽器中查看

②當(dāng)視圖函數(shù)中傳入name變量，值為“IT小叮當(dāng)”時(shí)

def tag_test(request):
? ?return render(request,'movie/tag_test.html',
? ? ? ? ? ? ? ? ?context={'name':'IT小叮當(dāng)'})

在瀏覽器中查看

③當(dāng)視圖函數(shù)中傳入name變量，值為“IT老叮當(dāng)”時(shí)

def tag_test(request):
? ?return render(request,'movie/tag_test.html',
? ? ? ? ? ? ? ? ?context={'name':'IT老叮當(dāng)'})

在瀏覽器中查看

④當(dāng)視圖函數(shù)中傳入name變量，值為“ifequal”時(shí)

def tag_test(request):
? ?return render(request,'movie/tag_test.html',
? ? ? ? ? ? ? ? ?context={'name':'ifequal_test'})

在瀏覽器中查看

可以看到 ifequal的作用等價(jià)于“if ==”,由于傳入的name變量值為‘ifequal_test’既不是“IT小叮當(dāng)”也不是“IT老叮當(dāng)”，所以else模板標(biāo)簽觸發(fā)，由于值為“ifequal_test”符合ifequal的條件，所以ifequal模板標(biāo)簽觸發(fā)。

（3）for類標(biāo)簽

通過(guò)視圖函數(shù)向模板傳入列表參數(shù)

#定義列表
lis=['a','b','c','d','e','f','g']
def tag_test(request):
? ?return render(request,'movie/tag_test.html',
? ? ? ? ? ? ? ? ?context={'list':lis})

模板定義

<!DOCTYPE html>
<html lang="en">
<head>
? ?<meta charset="UTF-8">
? ?<title>模板標(biāo)簽</title>

</head>
<body>
列表為：{{ list }} 
for模板標(biāo)簽測(cè)試： 
{% for i in list %}
? ?<li>{{ i }}</li>
{% endfor %}
 
 
forloop類模板標(biāo)簽測(cè)試： 
{% for i in list %}
? ?{% if forloop.first %}
? ? ? 這是用forloopf.first取到的列表第一個(gè)值:{{ i }} 
? ?{% elif forloop.counter0 == 1 %}
? ? ? ?這是用forloop.counter0取到的二個(gè)值：{{ i }} 
? ?{% elif forloop.counter == 3 %}
? ? ? ?這是用forloop.counter取到的三個(gè)值：{{ i }} 
? ?{% elif forloop.revcounter == 1%}
? ? ? ?這是用forloop.revcounter取到的倒數(shù)第一個(gè)值：{{ i }} 
? ?{% elif forloop.revcounter0 == 1%}
? ? ? ?這是用forloop.revcounter0取到的倒數(shù)第二個(gè)值：{{ i }} 
? ?{% else %}
? ? ? ?這是else取到的值{{ i }} 
? ?{% endif %}
{% endfor %}

</body>
</html>

瀏覽器中查看

其中counter0表示取下標(biāo)從0開始，counter表示取下標(biāo)從1開始。revcounter0表示倒序取下標(biāo)從大到小，末位為0，revcounter表示倒序取下標(biāo)，末位為1

（4）循環(huán)嵌套常用的模板標(biāo)簽

對(duì)forloop.first、forloop.last、forloop.parentloop的測(cè)試

①forloop.parentloop可以用來(lái)獲取父層循環(huán)（外層循環(huán)）的次數(shù)

模板定義如下，使用forloop.parentloop來(lái)根據(jù)外層循環(huán)的第二次循環(huán)進(jìn)行元素的拼接。

<!DOCTYPE html>
<html lang="en">
<head>
? ?<meta charset="UTF-8">
? ?<title>模板標(biāo)簽</title>

</head>
<body>

我是list列表：{{ list }} 
我是tuple元組：{{ tuple }} 
{% for i in list %}
? ?{% for j in tuple %}
? ? ? ?{% if forloop.parentloop.counter0 == 1 %}
? ? ? ? {{ i }}{{ j }} 
? ? ? ?{% else %}
? ? ? ? ?我是在循環(huán)中的小叮當(dāng) 
? ? ? ?{% endif %}
? ?{% endfor %}
{% endfor %}

</body>
</html>

視圖函數(shù)

lis=['a','b','c','d','e','f','g']
lii=['m','n']
tu=('x','y','z')
def tag_test(request):
? ?return render(request,'movie/tag_test.html',
? ? ? ? ? ? ? ? ?context={'list':lii,
? ? ? ? ? ? ? ? ? ? ? ? ? 'tuple':tu,})

在瀏覽器中查看

②forloop.first和forloop.last

模板定義

我是list列表：{{ list }} 
我是tuple元組：{{ tuple }} 
{% for i in list %}
? ?我是{{ i }} 第一次迭代：{{ forloop.first }} ?最后一次迭代：{{ forloop.last}} 
{% endfor %}

瀏覽器中查看

③for in empty

視圖函數(shù)

empty_list=[]
def tag_test(request):
? ?return render(request,'movie/tag_test.html',
? ? ? ? ? ? ? ? ?context={
? ? ? ? ? ? ? ? ? ? ? ? ? 'empty_list':empty_list})

模板定義

我是空列表：{{ empty_list }} 
{% for i in empty_list %}
? 列表非空才執(zhí)行我{{ i }} 
? ?{% empty %}
? ?列表為空時(shí)執(zhí)行我，我是IT小叮當(dāng)
{% endfor %}

瀏覽器查看

（5）url標(biāo)簽

我們?cè)趍ovie下urls.py中，為index路徑加入?yún)?shù)<age>，并起名字為“movie_index”

path('index/<age>',views.index,name='movie_index'),

在movie下，對(duì)應(yīng)的視圖函數(shù)中，在request后，加入?yún)?shù)age表示接收。

def index(request,age):
? ?return render(request,'movie/index.html',
? ? ? ? ? ? ? ? ?context={'strname':'我是字符串',#傳遞字符串
? ? ? ? ? ? ? ? ? ? ? ? ? 'hello':hello,#傳遞自定義函數(shù)
? ? ? ? ? ? ? ? ? ? ? ? ? 'xdd_say':xdd_info.say,#傳遞類方法
? ? ? ? ? ? ? ? ? ? ? ? ? 'xdd':xdd_info,#傳遞類對(duì)象
? ? ? ? ? ? ? ? ? ? ? ? ? 'list':li,#傳遞列表
? ? ? ? ? ? ? ? ? ? ? ? ? 'dict':di,#傳遞字典
? ? ? ? ? ? ? ? ? ? ? ? ? 'test':mytest,
? ? ? ? ? ? ? ? ? ? ? ? ? 'xdd666':None,
? ? ? ? ? ? ? ? ? ? ? ? ? 'num1':18,
? ? ? ? ? ? ? ? ? ? ? ? ? 'num2':2,
? ? ? ? ? ? ? ? ? ? ? ? ? 'html':'<h1>THIS IS IN HTML!</h1>',
? ? ? ? ? ? ? ? ? ? ? ? ? 'float':3.1415,
? ? ? ? ? ? ? ? ? ? ? ? ? 'now':datetime.datetime.now
? ? ? ? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ?)

在對(duì)應(yīng)?tag_test的視圖函數(shù)中傳入age參數(shù)666

def tag_test(request):
? ?return render(request,'movie/tag_test.html',
? ? ? ? ? ? ? ? ?context={'list':lii,
? ? ? ? ? ? ? ? ? ? ? ? ? 'tuple':tu,
? ? ? ? ? ? ? ? ? ? ? ? ? 'empty_list':empty_list,
? ? ? ? ? ? ? ? ? ? ? ? ? 'age':666})

定義tag_test模版

頁(yè)面跳轉(zhuǎn),我是路徑方法<a href="/movie/index/18">movie主頁(yè)</a> 
頁(yè)面跳轉(zhuǎn)，我是url標(biāo)簽方法<a href="{% url 'movie_index' age %}">movie主頁(yè)</a>

在瀏覽器中查看

點(diǎn)擊路徑方法

點(diǎn)擊模板標(biāo)簽方法，可見url標(biāo)簽，空格加參即可。

（6）with標(biāo)簽

我們用with標(biāo)簽可以給變量重命名，變量在with到endwith內(nèi)均有效。

模板定義

{% with list as l %}

{{ l }}

? ?

{% endwith %}

瀏覽器查看

(7)autoescape開啟、關(guān)閉自動(dòng)轉(zhuǎn)義

在視圖函數(shù)中傳入html變量

def tag_test(request):
? ?return render(request,'movie/tag_test.html',
? ? ? ? ? ? ? ? ?context={
? ? ? ? ? ? ? ? ? ? ? ? ? 'html':'<h1> THIS IS IN HTML!</h1>'
? ? ? ? ? ? ? ? ? ? ? ? ? })

模版中定義

原始：{{ html }} 
過(guò)濾器實(shí)現(xiàn)html標(biāo)簽效果：{{ html|safe }} 
模板標(biāo)簽實(shí)現(xiàn)html標(biāo)簽效果：
{% autoescape off %}
{{ html }}
? ?
{% endautoescape %}

瀏覽器中查看

小結(jié)：

①過(guò)濾器實(shí)現(xiàn)html標(biāo)簽效果時(shí)，只針對(duì)某個(gè)特定的變量起作用。

②模版標(biāo)簽autoescape實(shí)現(xiàn)html標(biāo)簽效果時(shí)，對(duì)其所包含的區(qū)域都起作用。

（8）注釋標(biāo)簽comment

類似于with,注釋標(biāo)簽{%comment%}到{%endcomment%}之間的內(nèi)容均會(huì)被注釋。

未寫完{%comment%}代碼還是亮的

寫完后，全部變暗，成了注釋語(yǔ)句。

加上{%endcomment%}，作用域之外的代碼重新變亮。

類似于python代碼中用于注釋的“三引號(hào)”。

三、模版的繼承與引用

Django模版引擎中最強(qiáng)大也是最復(fù)雜的部分就是“模版繼承”。模版繼承可以讓你創(chuàng)建一個(gè)基本的“骨架”模版，它包含站點(diǎn)中的全部元素，并且可以定義能夠被子模版覆蓋的 blocks 。

我們以“豆瓣網(wǎng)”為例，簡(jiǎn)單說(shuō)明一下繼承的效果。我們比較“豆瓣電影”和“豆瓣讀書”。

這是豆瓣電影：

這是豆瓣讀書：

我們會(huì)發(fā)現(xiàn)，兩個(gè)網(wǎng)址的首部和尾部竟然是一樣的?。?！

這便是模板的繼承和引用的效果了。

1.模板繼承 extends

（1）在templates下的movie中新建base.html模板和base_test.html模板。

base模板代碼如下：

<!DOCTYPE html>
<html lang="en">
<head>
? ?<meta charset="UTF-8">
? ?<title>base頁(yè)面</title>
</head>
<body>
我是頭部小叮當(dāng)6666666666666666
 
我是中間小叮當(dāng)
 
我是底部小叮當(dāng)9999999999999999
</body>
</html>

base_test模板代碼如下：

{% extends 'movie/base.html' %}

movie下views.py中定義視圖函數(shù)

def base_test(request):
? ?return render(request,'movie/base_test.html')

movie下urls.py中配置路由

path('btest/',views.base_test),

瀏覽器中查看

可見base_test模板完全繼承引用了base模板！

2.block更改繼承

當(dāng)我們需要更改繼承的模板，寫入自己的內(nèi)容時(shí)，就需要用到blcok了。

（1）假設(shè)我們要修改“中間小叮當(dāng)”，先在base模板中用block鎖定相應(yīng)內(nèi)容，并起名為“content”

代碼為

{% block content%}
我是中間小叮當(dāng)
{% endblock %}

（2）在base_test模板中引入block和對(duì)應(yīng)的名字，在作用域內(nèi)重寫想要更改的內(nèi)容。

代碼如下：

{% extends 'movie/base.html' %}
{% block content %}
我是base_test中的小叮當(dāng)！
{% endblock %}

在瀏覽器中查看

（3）以同樣的方法更改為base_test更換title

在base模板中用block鎖定相應(yīng)內(nèi)容，并起名為“title”

在base_test模板中用block中重命名為“base_test頁(yè)面”

瀏覽器中查看

（4）當(dāng)我們想要重寫內(nèi)容，并且保留原來(lái)內(nèi)容時(shí)，以模板變量的形式使用block.super即可

我們?cè)赽ase_test模板名字為“content”的block中引用block.super

代碼為：

{% block content %}
我是base_test中的小叮當(dāng)！
? ?{{ block.super }}
{% endblock %}

在瀏覽器中查看

3.模板引用 include

(1)templates下movie中新建include_test模板

代碼如下

我是include_test中的小叮當(dāng)。
 
 
今天周五了，你們開不開心

（2）在base_test中使用include引用

代碼如下

{% extends 'movie/base.html' %}
{% block content %}
我是base_test中的小叮當(dāng)！ 
? ?{{ block.super }} 
?{% include 'movie/include_test.html' %}
{% endblock %}
{% block title %}
base_test頁(yè)面
{% endblock %}

瀏覽器中查看

小結(jié)

模板繼承使用extends標(biāo)簽實(shí)現(xiàn)。通過(guò)使用block來(lái)給子模板開放接口。

1、extends必須是模板中的第一個(gè)出現(xiàn)的標(biāo)簽。

2、子模板中的所有內(nèi)容，必須出現(xiàn)在父模板定義好的block中，否則django將不會(huì)渲染。

3、如果出現(xiàn)重復(fù)代碼，就應(yīng)該考慮使用模板。

4、盡可能多的定義block，方便子模板實(shí)現(xiàn)更細(xì)的需求。

5、如果在某個(gè)block中，要使用父模板的內(nèi)容，使用block.super獲取。

標(biāo)簽：

最美情侣中文字幕电影,在线麻豆精品传媒,在线网站高清黄,久久黄色视频

零基礎(chǔ)入手Django(四)：模版標(biāo)簽和模版的繼承引用

零基礎(chǔ)入手Django(四)：模版標(biāo)簽和模版的繼承引用的評(píng)論 (共條)

你可能也喜歡這些文章

最新發(fā)布的文章

最美情侣中文字幕电影,在线麻豆精品传媒,在线网站高清黄,久久黄色视频

零基礎(chǔ)入手Django(四)：模版標(biāo)簽和模版的繼承引用

本文作者的其他文章

零基礎(chǔ)入手Django(四)：模版標(biāo)簽和模版的繼承引用的評(píng)論 (共 條)

你可能也喜歡這些文章

最新發(fā)布的文章

零基礎(chǔ)入手Django(四)：模版標(biāo)簽和模版的繼承引用的評(píng)論 (共條)