Django框架模板用法入門教程
本文實(shí)例講述了Django框架模板用法。分享給大家供大家參考,具體如下:
Django 模板標(biāo)簽
if/else 標(biāo)簽
基本語法格式如下:
{% if condition %}
... display
{% endif %}
或者:
{% if condition1 %}
... display 1
{% elif condition2 %}
... display 2
{% else %}
... display 3
{% endif %}
根據(jù)條件判斷是否輸出。if/else 支持嵌套。
{% if %} 標(biāo)簽接受 and , or 或者 not 關(guān)鍵字來對多個(gè)變量做判斷 ,或者對變量取反( not ),例如:
{% if athlete_list and coach_list %}
athletes 和 coaches 變量都是可用的。
{% endif %}
for 標(biāo)簽
{% for %} 允許我們在一個(gè)序列上迭代。
與Python的 for 語句的情形類似,循環(huán)語法是 for X in Y ,Y是要迭代的序列而X是在每一個(gè)特定的循環(huán)中使用的變量名稱。
每一次循環(huán)中,模板系統(tǒng)會渲染在 {% for %} 和 {% endfor %} 之間的所有內(nèi)容。
例如,給定一個(gè)運(yùn)動員列表 athlete_list 變量,我們可以使用下面的代碼來顯示這個(gè)列表:
<ul>
{% for athlete in athlete_list %}
<li>{{ athlete.name }}</li>
{% endfor %}
</ul>
給標(biāo)簽增加一個(gè) reversed 使得該列表被反向迭代:
{% for athlete in athlete_list reversed %}
...
{% endfor %}
可以嵌套使用 {% for %} 標(biāo)簽:
{% for athlete in athlete_list %}
<h1>{{ athlete.name }}</h1>
<ul>
{% for sport in athlete.sports_played %}
<li>{{ sport }}</li>
{% endfor %}
</ul>
{% endfor %}
ifequal/ifnotequal 標(biāo)簽
{% ifequal %} 標(biāo)簽比較兩個(gè)值,當(dāng)他們相等時(shí),顯示在 {% ifequal %} 和 {% endifequal %} 之中所有的值。
下面的例子比較兩個(gè)模板變量 user 和 currentuser :
{% ifequal user currentuser %}
<h1>Welcome!</h1>
{% endifequal %}
和 {% if %} 類似, {% ifequal %} 支持可選的 {% else%} 標(biāo)簽:8
{% ifequal section 'sitenews' %}
<h1>Site News</h1>
{% else %}
<h1>No News Here</h1>
{% endifequal %}
注釋標(biāo)簽
Django 注釋使用 {# #}。
{# 這是一個(gè)注釋 #}
過濾器
模板過濾器可以在變量被顯示前修改它,過濾器使用管道字符,如下所示:
{{ name|lower }}
{{ name }} 變量被過濾器 lower 處理后,文檔大寫轉(zhuǎn)換文本為小寫。
過濾管道可以被* 套接* ,既是說,一個(gè)過濾器管道的輸出又可以作為下一個(gè)管道的輸入:
{{ my_list|first|upper }}
以上實(shí)例將第一個(gè)元素并將其轉(zhuǎn)化為大寫。
有些過濾器有參數(shù)。 過濾器的參數(shù)跟隨冒號之后并且總是以雙引號包含。 例如:
{{ bio|truncatewords:"30" }}
這個(gè)將顯示變量 bio 的前30個(gè)詞。
其他過濾器:
- addslashes : 添加反斜杠到任何反斜杠、單引號或者雙引號前面。
- date : 按指定的格式字符串參數(shù)格式化 date 或者 datetime 對象,實(shí)例:
{{ pub_date|date:"F j, Y" }}
- length : 返回變量的長度。
include 標(biāo)簽
{% include %} 標(biāo)簽允許在模板中包含其它的模板的內(nèi)容。
下面這個(gè)例子都包含了 nav.html 模板:
{% include "nav.html" %}
模板繼承
模板可以用繼承的方式來實(shí)現(xiàn)復(fù)用。
接下來我們先創(chuàng)建之前項(xiàng)目的 templates 目錄中添加 base.html 文件,代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥教程(runoob.com)</title>
</head>
<body>
<h1>Hello World!</h1>
<p>菜鳥教程 Django 測試。</p>
{% block mainbody %}
<p>original</p>
{% endblock %}
</body>
</html>
以上代碼中,名為 mainbody 的 block 標(biāo)簽是可以被繼承者們替換掉的部分。
所有的 {% block %} 標(biāo)簽告訴模板引擎,子模板可以重載這些部分。
hello.html 中繼承 base.html,并替換特定 block,hello.html 修改后的代碼如下:
{%extends "base.html" %}
{% block mainbody %}
<p>繼承了 base.html 文件</p>
{% endblock %}
第一行代碼說明 hello.html 繼承了 base.html 文件??梢钥吹?,這里相同名字的 block 標(biāo)簽用以替換 base.html 的相應(yīng) block。
希望本文所述對大家基于Django框架的Python程序設(shè)計(jì)有所幫助。
相關(guān)文章
python 在threading中如何處理主進(jìn)程和子線程的關(guān)系
這篇文章主要介紹了python 在threading中如何處理主進(jìn)程和子線程的關(guān)系,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-04-04
python神經(jīng)網(wǎng)絡(luò)Inception?ResnetV2模型復(fù)現(xiàn)詳解
這篇文章主要為大家介紹了python神經(jīng)網(wǎng)絡(luò)Inception?ResnetV2模型復(fù)現(xiàn)詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-05-05
pycharm中TensorFlow調(diào)試常見問題小結(jié)
本文主要介紹了在pycharm下調(diào)用tensorflow庫時(shí)會出現(xiàn)的問題,在本文做個(gè)小結(jié),也給自己留個(gè)筆記,感興趣的可以了解一下2021-06-06
python中opencv K均值聚類的實(shí)現(xiàn)示例
本文主要介紹了python中opencv K均值聚類的實(shí)現(xiàn)示例,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-06-06
一文帶你掌握Python?Seaborn數(shù)據(jù)可視化高級篇
這篇文章主要為大家詳細(xì)介紹了如何使用?Seaborn?創(chuàng)建復(fù)合圖形,如網(wǎng)格圖、因子圖和聚類熱圖等,文中示例代碼講解詳細(xì),感興趣的小伙伴可以學(xué)習(xí)一下2023-07-07
Python中的各個(gè)多線程模塊之間的區(qū)別解析
Python中涉及多線程的主要模塊包括threading、thread和concurrent.futures,現(xiàn)代Python編程推薦使用threading和concurrent.futures,以提供更高層次的抽象和可用性,感興趣的朋友跟隨小編一起看看吧2024-09-09

