Django(4)--模板的繼承
阿新 • • 發佈：2018-11-08
首先父模板
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="/static/css/index.css"> {# 如果子模板沒有重寫這個title塊,就是用這個預設值:如果子模板重寫了這個title塊.就是用子模板重寫的值 #} {% block title %} <title>這是nav模板</title> {% endblock %} </head> <body> <h1>公共的導航條</h1> <span>HTML</span> <span>css</span> <span>js</span> {# 以上標籤都是公共部分的內容,所有頁面都要使用 #} {# 在繼承的時候,會將當前檔案nav.html中的所有便籤都繼承過去 #} {# 如果子模板需要在當前這個頁面的基礎上,新增一些自己頁面的內容,使用Django模板標籤block(程式碼塊),需要給這個塊起一個名稱 #} {% block connect %} <h1>這裡插入內容</h1> {% endblock %} </body> </html>
子模板
首先表明繼承的模板是哪一個
{% extends 'nav.html' %}
然後通過block程式碼塊插入內容
#title
{% block title %}
<title>首頁</title>
{% endblock %}
#content
{% block connect %}
<h1 class="h">index的首頁內容</h1>
{% endblock %}
Django如何在html中引用靜態檔案?
- 在專案根目錄下或者APP下,新建一個static資料夾(固定);將所有的靜態資原始檔放進去
- 如果static放在了根目錄下,需要在settings.py中,配置搜尋路徑:如果是在APP下建立的,不用配置
- 在html檔案中,引入靜態資源