Django(part14)--模板的继承
生活随笔
收集整理的這篇文章主要介紹了
Django(part14)--模板的继承
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
學習筆記，僅供參考，有錯必糾
模板
模板的繼承
模板繼承可以使父模板的內容重用，子模板直接繼承父模板的全部內容并可以覆蓋父模板中相應的塊(block).
- block標簽
- block標簽標識出哪些塊(block)在子模塊中是允許被修改的
- block標簽：在父模板中定義，在子模板中覆蓋
- 語法
父模板：
{% block block_name %} 此模板塊可以被子模板重新定義的同名塊覆蓋 {% endblock block_name %}子模板：
{% extends '父模板名.html' %} {% block block_name %} 重新定義的同名塊 {% endblock %}- 圖示
舉個例子
父模板(father_page1.html)
<!DOCTYPE html> <html><head><meta charset="utf-8"><title>首頁</title><style>/* 基礎樣式設置 */body,h1,h2,h3,h4,h5,h6,p,ul,ol{margin:0;padding:0;border:0;list-style:none;}/* 整體 */#container{width:1000px;margin:0 auto;}/* 頂部 */#top{width:1000px;height:100px;background:yellow;}/* 主體 */#main{display:flex;justify-content:space-between;}/* 主體左側 */#main #main-left{width:500px;height:500px;background:pink;}/* 主體右側 */#main #main-right{width:500px;height:500px;background:blue;}/* 底部 */#foot{width:1000px;height:100px;background:gray;}</style></head><body><!-- 整體 --><div id="container"><!-- 1.頂部 --><div id="top">我是頂部</div><!-- 2.中間主體部分 -->{% block myBlockName %}<div id="main"><h1>父模板的內容</h1><br><br><br><br><br><br><br></div>{% endblock myBlockName %}<!-- 3.底部 --><div id="foot">我是底部</div></div></body> </html>子模板(son_page1.html)
{% extends 'father_page1.html' %} {% block myBlockName %}<div id="main"><h2>Welcome to Anhui University of Finance and Economics</h2><br><br><br><br><br><br><br></div> {% endblock %}views.py
def father_page1(request):return render(request, "father_page1.html")def son_page1(request):return render(request, "son_page1.html")urls.py
urlpatterns = [path('admin/', admin.site.urls),re_path(r'father_page1/$', views.father_page1),re_path(r'son_page1/$', views.son_page1), ]向http://127.0.0.1:8000/father_page1/發起請求：
向http://127.0.0.1:8000/son_page1/發起請求：
總結
以上是生活随笔為你收集整理的Django(part14)--模板的继承的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Flash找你们制作漂亮的文字动画效果
- 下一篇： Django(part15)--页面跳转