django模板語(yǔ)法學(xué)習(xí)之include示例詳解
前言
在很多網(wǎng)站中，基本上的都會(huì)有一個(gè)開頭和一個(gè)結(jié)尾，在每一個(gè)網(wǎng)頁(yè)中都會(huì)顯示。相對(duì)于這種的來(lái)說(shuō)，在Django中，最好的方法就是使用include的標(biāo)簽，在每一個(gè)模板中都加入這個(gè)開頭和結(jié)尾的標(biāo)簽。
include標(biāo)簽使用
假如我們有以下模板index.html，代碼為：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div>網(wǎng)頁(yè)公共頭部部分</div> <h2> 網(wǎng)頁(yè)body部分 </h2> <div>網(wǎng)頁(yè)公共底部部分</div> </body> </html>
做過(guò)web開發(fā)的童鞋知道大部分網(wǎng)頁(yè)的公共頭部，公共底部部分代碼每個(gè)頁(yè)面都一樣，那么就應(yīng)該將其單獨(dú)拿出做為一個(gè)html， 這樣修改這部分代碼時(shí)候，不需要每個(gè)頁(yè)面都修改， 所以在django中我們可以這么做：
top.html
<div>網(wǎng)頁(yè)公共頭部部分</div>
bottom.html
<div>網(wǎng)頁(yè)公共底部部分</div>
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
{% include 'top.html' %}
<h2> 網(wǎng)頁(yè)body部分 </h2>
{% include 'bottom.html' %}
</body>
</html>
我們可以使用django模板引擎的Include語(yǔ)法，來(lái)將單獨(dú)的頁(yè)面包含到當(dāng)前模板頁(yè)面中。有同學(xué)有疑問(wèn)，那我們通過(guò)視圖傳遞給模板的上下文，在被包含的模板中可以使用嗎？可以直接使用。
假如我們有如下視圖：
def index(request):
return render(request, 'index.html', {'a': 100, 'b': 200})
該django的視圖函數(shù)，傳遞給模板并渲染模板。
top.html修改如下：
<div>網(wǎng)頁(yè)公共頭部部分：{{ a }}</div>
這么使用是沒有問(wèn)題的。
我這里有這樣的一個(gè)問(wèn)題，假如所有的頁(yè)面都使用共同的頭部top.html， 可能針對(duì)1.html 2.html 3.html所使用的頭部有些樣式不一樣,所需top.html:
<div classs='acss'>網(wǎng)頁(yè)公共頭部部分</div>
但是對(duì)于5.html， 6.html使用的頭部樣式為：
<div class='bcss'>網(wǎng)頁(yè)公共頭部部分</div>
很顯然，如果直接通過(guò)include方式包含公共頭部，會(huì)導(dǎo)致一些頁(yè)面顯示問(wèn)題。既然部分參數(shù)不一樣，include允許我們傳遞參數(shù)給被include的模板，我們可以使用with語(yǔ)法，那么問(wèn)題解決如下：
{{ % include 'top.html' with mycss='acss' % }}
top.html可修改如下：
<div class='{{mycss}}'>網(wǎng)頁(yè)公共頭部部分</div>
被包含模板中部分參數(shù)，由我們include的時(shí)候動(dòng)態(tài)指定，那么top.html就不會(huì)因?yàn)榧?xì)微差別而編寫多份代碼了。
總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，如果有疑問(wèn)大家可以留言交流，謝謝大家對(duì)腳本之家的支持。
相關(guān)文章
pandas使用apply多列生成一列數(shù)據(jù)的實(shí)例
今天小編就為大家分享一篇pandas使用apply多列生成一列數(shù)據(jù)的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-11-11
Keras 切換后端方式(Theano和TensorFlow)
這篇文章主要介紹了Keras 切換后端方式(Theano和TensorFlow)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-06-06
Python Django 命名空間模式的實(shí)現(xiàn)
這篇文章主要介紹了Python Django 命名空間模式的實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-08-08
今天小編就為大家分享一篇python之MSE、MAE、RMSE的使用，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-02-02
在Python中,我們可以應(yīng)用回溯法解決各種問(wèn)題,如八皇后問(wèn)題、子集問(wèn)題等,本文就來(lái)介紹一下Python回溯法(Backtracking)的具體使用,感興趣的可以了解一下2023-12-12
這篇文章主要介紹了scrapy框架中的items文件夾的用法詳解,在Scrapy框架中,items文件夾是用來(lái)存放定義數(shù)據(jù)模型的Item類的地方,Item類描述了要從網(wǎng)頁(yè)中提取的數(shù)據(jù)的結(jié)構(gòu)和字段,通過(guò)使用Item類,我們可以更方便地組織和處理爬取到的數(shù)據(jù),需要的朋友可以參考下2023-10-10
jupyter-lab設(shè)置自啟動(dòng)及遠(yuǎn)程連接開發(fā)環(huán)境
本文主要介紹了jupyter-lab設(shè)置自啟動(dòng)及遠(yuǎn)程連接開發(fā)環(huán)境，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-02-02
這篇文章主要為大家介紹了SpringBoot整合VUE?EasyExcel實(shí)現(xiàn)數(shù)據(jù)導(dǎo)入導(dǎo)出，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-05-05
本文主要介紹了python抓取某城市全部道路名稱信息，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-02-02
Anaconda+VSCode配置tensorflow開發(fā)環(huán)境的教程詳解
Anaconda是一個(gè)開源的python發(fā)行版本，是現(xiàn)在比較流行的python數(shù)據(jù)科學(xué)平臺(tái)，可以對(duì)python的科學(xué)包做到有效管理。這篇文章主要介紹了Anaconda+VSCode配置tensorflow開發(fā)環(huán)境,需要的朋友可以參考下2020-03-03