Django,django docs
学习笔记,仅供参考,有错必纠
模板
模板的继承
模板继承可以使父模板的内容重用,子模板直接继承父模板的全部内容并可以覆盖父模板中相应的块(块)。
街区标签街区标签标识出哪些块(区块)在子模块中是允许被修改的街区标签:在父模板中定义,在子模板中覆盖
语法父模板:
{% block block_name %}
此模板块可以被子模板重新定义的同名块覆盖
{% endblock block_name %}子模板:
{% extends 父模板名. html“%”
{% block block_name %}
重新定义的同名块
{% endblock %}
图示
举个例子
父模板(father_page1.html)
!声明文档类型
超文本标记语言
头
meta charset=utf-8
标题首页/标题
风格
/* 基础样式设置*/
主体、h1、h2、h3、h4、h5、h6、p、ul、ol{
边距:0;
填充:0;
边框:0;
列表样式:无;
}
/* 整体*/
#容器{
宽度:1000像素
边距:0自动;
}
/* 顶部*/
#top{
宽度:1000像素
高度:100像素
背景:黄色;
}
/* 主体*/
#main{
显示器:flex
justify-content:space-between;
}
/* 主体左侧*/
#main #main-left{
宽度:500像素
高度:500像素
背景:粉色;
}
/* 主体右侧*/
#main #main-right{
宽度:500像素
高度:500像素
背景:蓝色;
}
/* 底部*/
#英尺{
宽度:1000像素
高度:100像素
背景:灰色;
}
/风格
/头
身体
!-整体-
div id=容器
!- 1.顶部-
div id=top
我是顶部
/div
!- 2.中间主体部分-
{% block myBlockName %}
div id=main
氕父模板的内容/h1
英国铁路公司
英国铁路公司
英国铁路公司
英国铁路公司
英国铁路公司
英国铁路公司
英国铁路公司
/div
{% endblock myBlockName %}
!- 3.底部-
div id=foot
我是底部
/div
/div
/body
/html子模板(son_page1.html)
{% extends father_page1.html %}
{% block myBlockName %}
div id=main
氘欢迎来到安徽财经大学/h2
英国铁路公司
英国铁路公司
英国铁路公司
英国铁路公司
英国铁路公司
英国铁路公司
英国铁路公司
/div
{% endblock %}views.py
def father_page1(请求):
返回渲染(请求, father_page1.html )
def son_page1(请求):
返回render(request, son _ page 1 . html )URL . py
urlpatterns=[
路径( admin/,admin.site.urls),
re_path(rfather_page1/$ ,views.father_page1),
re_path(rson_page1/$ ,views.son_page1),
]向http://127 .0 .0 .1:8000/父亲_第1页/发起请求:
向http://127.0.0.1:8000/son_page1/发起请求:
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。