模板继承
●模板继承可以减少页面内容的重复定义，实现页面内容的重用
●典型应用：网站的头部、尾部是一样的，这些内容可以定义在父模板中，子模板不需要重复定义
●block标签：在父模板中预留区域，在子模板中填充
●extends继承：继承，写在模板文件的第一行
●定义父模板 .html
{ %block block_name%}
这里可以定义默认值
如果不定义默认值，则表示空字符串
{ %endblock%}
●定义子模板index.html
{ % extends \" .html\" %}
●在子模板中使用block填充预留区域
{ %block block_name%}
实际填充内容
{ %endblock%}
说明
●如果在模版中使用extends标签，它必须是模版中的第一个标签
●不能在一个模版中定义多个相同名字的block标签
●子模版不必定义全部父模版中的blocks，如果子模版没有定义block，则使用了父模版中的默认值
●如果发现在模板中大量的复制内容，那就应该把内容移动到父模板中
●使用可以获取父模板中block的内容
●为了更好的可读性，可以给endblock标签一个名字
{ % block block_name %}
区域内容
{ % endblock block_name %}
三层继承结构
●三层继承结构使代码得到最大程度的复用，并且使得添加内容更加简单
●如下图为常见的电商页面
![\"在这里插入图片描述\"](\"/images/csdn/1545136252v015S451736252.png\")
1.创建根级模板
● 名称为“ .html”
●存放整个站点共用的内容
<!DOCTYPE html>
<html>
<head>
< >{%block %}{%endblock%} 水果超市</ >
</head>
<body>
top--{{logo}}
<hr/>
{%block left%}{%endblock%}
{%block content%}{%endblock%}
<hr/>
bottom
</body>
</html>
2.创建分支模版
●继承自 .html
●名为“ _*.html”
●定义特定分支共用的内容
●定义 _goods.html
{%extends \'temtest/ .html\'%}
{%block %}商品{%endblock%}
{%block left%}
<h1>goods left</h1>
{%endblock%}
●定义 _user.html
{%extends \'temtest/ .html\'%}
{%block %}用户中心{%endblock%}
{%block left%}
<font color=\'blue\'>user left</font>
{%endblock%}
●定义index.html，继承自 .html，不需要写left块
{%extends \'temtest/ .html\'%}
{%block content%}
首页内容
{%endblock content%}
3.为具体页面创建模板，继承自分支模板
●定义商品列表页goodslist.html
{%extends ‘temtest/ _goods.html’%}
{%block content%}
商品正文列表
{%endblock content%}
●定义用户密码页userpwd.html
{%extends \'temtest/ _user.html\'%}
{%block content%}
用户密码修改
{%endblock content%
}
4.视图调用具体页面，并传递模板中需要的数据
●首页视图index
logo=\'welcome to itcast\'
def index(request):
return render(request, \'temtest/index.html\', {\'logo\': logo})
●商品列表视图goodslist
def goodslist(request):
return render(request, \'temtest/goodslist.html\', {\'logo\': logo})
●用户密码视图userpwd
def userpwd(request):
return render(request, \'temtest/userpwd.html\', {\'logo\': logo})
5.配置url
from django.conf.urls import url
from . import views
urlpatterns = [
url(r\'^$\', views.index, name=\'index\'),
url(r\'^list/$\', views.goodslist, name=\'list\'),
url(r\'^pwd/$\', views.userpwd, name=\'pwd\'),
]
继续阅读与本文标签相同的文章
-
韩国公布500亿美元计划 大力发展电动和自动驾驶汽车
2026-05-18栏目： 教程
-
原来这样做可以提高自媒体短视频的播放量？
2026-05-18栏目： 教程
-
用了3年以上的iPhone手机，应该这样清理手机缓存，很实用
2026-05-18栏目： 教程
-
一文弄懂，锁的基本概念到Redis分布式锁实现
2026-05-18栏目： 教程
-
阿里云混合云备份如何还原虚拟机备份？
2026-05-18栏目： 教程