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