Django 筆記之三 Django 模板

在前面的幾節(jié)中我們都是用簡(jiǎn)單的 django.http.HttpResponse 來把內(nèi)容顯示到網(wǎng)頁上,本節(jié)將講解如何使用渲染模板的方法來顯示內(nèi)容。更多見:iii.run


模板

網(wǎng)站模板的設(shè)計(jì),一般的,我們做網(wǎng)站有一些通用的部分,比如 導(dǎo)航,底部,訪問統(tǒng)計(jì)代碼等等.
比如nav.html, bottom.html, #html

可以寫一個(gè) base.html 來包含這些通用文件(include)

<!DOCTYPE html>
<html>
<head>
    <title>{% block title %}默認(rèn)標(biāo)題{% endblock %} - 自強(qiáng)學(xué)堂</title>
</head>
<body>
 
{% include 'nav.html' %}
 
{% block content %}
<div>這里是默認(rèn)內(nèi)容,所有繼承自這個(gè)模板的,如果不覆蓋就顯示這里的默認(rèn)內(nèi)容。</div>
{% endblock %}
 
{% include 'bottom.html' %}
 
{% include '#html' %}
 
</body>
</html>

如果需要,寫足夠多的 block 以便繼承的模板可以重寫該部分,include 是包含其它文件的內(nèi)容,就是把一些網(wǎng)頁共用的部分拿出來,重復(fù)利用,改動(dòng)的時(shí)候也方便一些,還可以把廣告代碼放在一個(gè)單獨(dú)的html中,改動(dòng)也方便一些,在用到的地方include進(jìn)去。其它的頁面繼承自** base.html 就好了,繼承后的模板也可以在 block** 塊中** include **其它的模板文件。

比如我們的首頁 home.html,繼承或者說擴(kuò)展(extends)原來的 base.html,可以簡(jiǎn)單這樣寫,重寫部分代碼(默認(rèn)值的那一部分不用改)

{% extends 'base.html' %}
 
{% block title %}歡迎光臨首頁{% endblock %}
 
{% block content %}
{% include 'ad.html' %}
這里是首頁,歡迎光臨
{% endblock %}

注意:模板一般放在app下的templates中,Django會(huì)自動(dòng)去這個(gè)文件夾中找。但 假如我們每個(gè)app的templates中都有一個(gè) index.html,當(dāng)我們?cè)趘iews.py中使用的時(shí)候,直接寫一個(gè)** render(request, 'index.html'),Django 能不能找到當(dāng)前 app 的 templates 文件夾中的 index.html 文件夾呢?(答案是不一定能,有可能找錯(cuò)**)

Django 模板查找機(jī)制

Django 查找模板的過程是在每個(gè) app 的 templates 文件夾中找(而不只是當(dāng)前 app 中的代碼只在當(dāng)前的 app 的 templates 文件夾中找)。各個(gè) app 的 templates 形成一個(gè)文件夾列表,Django 遍歷這個(gè)列表,一個(gè)個(gè)文件夾進(jìn)行查找,當(dāng)在某一個(gè)文件夾找到的時(shí)候就停止,所有的都遍歷完了還找不到指定的模板的時(shí)候就是 Template Not Found (過程類似于Python找包)。這樣設(shè)計(jì)有利當(dāng)然也有弊,有利是的地方是一個(gè)app可以用另一個(gè)app的模板文件,弊是有可能會(huì)找錯(cuò)了。所以我們使用的時(shí)候在 templates 中建立一個(gè) app 同名的文件夾,這樣就好了。

這樣,使用的時(shí)候,模板就是 "blog/index.html" 和 "mmmwhy/index.html" 這樣有app作為名稱的一部分,就不會(huì)混淆。

Django 模板進(jìn)階

本節(jié)主要講 Django模板中的循環(huán),條件判斷,常用的標(biāo)簽,過濾器的使用。

顯示一個(gè)基本的字符串在網(wǎng)頁上

  • views.py
def home(request):
    string = u"我是一個(gè)小胖子"
    return render(request, 'home.html', {'string': string})

在視圖中我們傳遞了一個(gè)字符串名稱是 string 到模板 home.html,在模板中這樣使用它:

  • home.html
{{ string }}

基本的 for 循環(huán) 和 List內(nèi)容的顯示

  • views.py
def home(request):
    TutorialList = ["HTML", "CSS", "jQuery", "Python", "Django"]
    return render(request, 'home.html', {'TutorialList': TutorialList})
  • home.html
{% for i in TutorialList %}
{{ i }}
{% endfor %} #for 循環(huán)要有一個(gè)結(jié)束標(biāo)記

顯示字典中內(nèi)容:

  • views.py
def home(request):
    info_dict = {'site': u'肥羊', 'content': u'小姿勢(shì)'}
    return render(request, 'home.html', {'info_dict': info_dict})
  • home.html
站點(diǎn):{{ info_dict.site }} 內(nèi)容:{{ info_dict.content }}

或者可以遍歷字典內(nèi)容:

{% for key, value in info_dict.items %}
    {{ key }}: {{ value }}
{% endfor %}

在模板進(jìn)行 條件判斷和 for 循環(huán)的詳細(xì)操作:

  • views.py
def home(request):
    List = map(str, range(100))# 一個(gè)長(zhǎng)度為100的 List
    return render(request, 'home.html', {'List': List})
  • home.html
{% for item in List %}
    {{ item }}{% if not forloop.last %},{% endif %}
{% endfor %}

模板中 獲取當(dāng)前網(wǎng)址,當(dāng)前用戶等

  • 獲取當(dāng)前用戶
{% if request.user.is_authenticated %}
    {{ request.user.username }},您好!
{% else %}
    請(qǐng)登陸,這里放登陸鏈接
{% endif %}
  • 獲取當(dāng)前網(wǎng)址
{{ request.path }}
  • 獲取當(dāng)前 GET 參數(shù):
{{ request.GET.urlencode }}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容