1 extends和block一起用
1.1 先看下extends的繼承效果
它們用於母版和子版的繼承,在子版html中,在第一行需要寫上要繼承的母版,{% extends '母版的相對路徑' %}這樣引入母版
母版base.html和子版hello.html的代碼,及瀏覽器中hello.html的樣式如圖:
1.2 block用於子版替換母版中被圈起來的部分
現在我們在hello.html中增加block替換base.html中的block msg中內容
在瀏覽器中的“abc123”被替換為“Hello World!”。
注意block后邊的名字要和母版base.html中block后邊的名字一致,例中為msg
2 include
include用戶公共模板的引入,當很多頁面(不是所有)中都需要某段html語言時,引入公共模板是個好方法,
在當前的html中的某個你需要引入公共模板的地方使用{% include '公共模板的相對路徑' %}引入。
通俗講include引入的就是一段通用代碼,減少復制粘貼
舉個例子,如果有這樣一段話幾個頁面都需要,可以在每個頁面引入aaa.html
將aaa.html引入bbb.html中,返回bbb.html在頁面中的顯示: