前言
打開一個網站時候，點導航欄切換到不一樣的頁面，發現導航部分是不變的，只是頁面的主體內容變了，因而就能夠寫個母模板，其它的子頁面繼承母模板就能夠了。javascript
母模板
能夠在母模板中添加多個塊標籤，每一個塊標籤取不一樣的名稱，以下格式，context是塊標籤名稱html
{% block content %} {% endblock content %}java
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>母模板</title> </head> <body> <section> <h1>頂部導航</h1> <p>python自動化-上海-悠悠</p> <hr> </section> <!--這是一段註釋。block是一個塊標籤， content是標籤名稱--> {% block content %} {% endblock content %} <p>---------自動化教程---------</p> <!--這是一段註釋。block是一個塊標籤, ad是標籤名稱--> {% block ad %} {% endblock ad %} <section> <br><br><br><br><hr> <h1>底部導航</h1> <p>底部一些友情連接啊，網站導航，版權啊</p> </section> </body> </html>
也能夠給塊標籤添加默認值，如：python
<!--這是一段註釋。block是一個塊標籤, 能夠給默認值--> {% block defaut %} <p>若是子頁面中，沒填充此block內容，這裏的就是默認內容</p> {% endblock defaut %}
子頁面
extends繼承母模板的頁面內容，填充 block塊標籤內容，指定對應的名稱就能夠了。不是全部的block都須要填充，若是母模板中blcok有默認內容，子模板不填充的話，就顯示默認的內容。django
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>子頁面</title> </head> <body> <!--這是一段註釋。extends繼承basepage.html頁面--> {% extends "basepage.html" %} {% block content %} <p>這裏是content塊的填充內容</p> {% endblock content %} {% block ad %} <ul>自動化內容</ul> {% for i in ads %} <li>{{i}}</li> {% endfor %} {% endblock ad %} </body> </html>
views與urls
上面子模板裏面有給for循環，參數是ads，在views視圖函數裏面添加context 參數
hello/views.py視圖函數瀏覽器
from django.shortcuts import render from django.http import HttpResponse, Http404 # Create your views here. def sonpage(request): context = {"ads": ["selenium", "appium", "requests"] } return render(request, 'sonpage.html', context)
urls.py添加訪問路徑markdown
from django.conf.urls import url from django.urls import re_path, path from hello import views urlpatterns = [ path("sonpage/", views.sonpage), ]
打開瀏覽器輸入地址：http://127.0.0.1:8000/sonpage/ 就能訪問到頁面了
app
備註：子模板也能夠結合使用上一篇提到的include語法：函數
{% include 'end.html' %}post