搜文章
推荐 原创 视频 Java开发 iOS开发 前端开发 JavaScript开发 Android开发 PHP开发 数据库 开发工具 Python开发 Kotlin开发 Ruby开发 .NET开发 服务器运维 开放平台 架构师 大数据 云计算 人工智能 开发语言 其它开发
Lambda在线 > 海洋的渔夫 > 29. Django 2.1.7 模板继承

29. Django 2.1.7 模板继承

海洋的渔夫 2020-10-14

参考文献

  • https://docs.djangoproject.com/zh-hans/2.1/topics/templates/

模板继承

模板继承和类的继承含义是一样的,主要是为了提高代码重用,减轻开发人员的工作量。

典型应用:网站的头部、尾部信息。

父模板

如果发现在多个模板中某些内容相同,那就应该把这段内容定义到父模板中。

标签block:用于在父模板中预留区域,留给子模板填充差异性的内容,名字不能相同。为了更好的可读性,建议给endblock标签写上名字,这个名字与对应的block名字相同。父模板中也可以使用上下文中传递过来的数据。

{% block 名称 %}
预留区域,可以编写默认内容,也可以没有默认内容
{% endblock 名称 %}

子模板

标签extends:继承,写在子模板文件的第一行。

{% extends "父模板路径"%}

子模版不用填充父模版中的所有预留区域,如果子模版没有填充,则使用父模版定义的默认值。

填充父模板中指定名称的预留区域。

{% block 名称 %}
实际填充内容
{{ block.super }}用于获取父模板中block的内容
{% endblock 名称 %}

示例

1)打开assetinfo/views.py文件,创建视图temp_inherit。

def temp_inherit(request):
context={'title':'模板继承','list':ServerInfo.objects.all()}
return render(request,'assetinfo/temp_inherit.html',context)

2)打开assetinfo/urls.py文件,配置url。

urlpatterns = [
# ex:/assetinfo/temp_inherit
path('temp_inherit', views.temp_inherit),
]

3)在templates下创建父模板inherit_base.html,编写基本不变的内容以及默认值。

同时设置可能存在内容变化的区域block。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h2>这是头部 Header部分</h2>
<hr>
{%block qu1%}
这是区域一,有默认值
{%endblock qu1%}
<hr>
{%block qu2%}
{%endblock qu2%}
<hr>
<h2>这是尾部 Fooster部分</h2>
</body>
</html>

4)在templates/booktest下创建子模版temp_inherit.html,在继承了父模板之后,修改区域2的html内容。

{%extends 'assetinfo/inherit_base.html'%}
{%block qu2%}
<ul>
{%for item in list%}
<li>{{item.server_hostname}}</li>
{%endfor%}
</ul>
{%endblock qu2%}

5)运行服务器,在浏览器中输入如下网址。

http://127.0.0.1:8000/assetinfo/temp_inherit

6)浏览效果如下图。


版权声明:本站内容全部来自于腾讯微信公众号,属第三方自助推荐收录。《29. Django 2.1.7 模板继承》的版权归原作者「海洋的渔夫」所有,文章言论观点不代表Lambda在线的观点, Lambda在线不承担任何法律责任。如需删除可联系QQ:516101458

文章来源: 阅读原文

相关阅读

关注海洋的渔夫微信公众号

海洋的渔夫微信公众号:DevOpsFreshMan

海洋的渔夫

手机扫描上方二维码即可关注海洋的渔夫微信公众号

海洋的渔夫最新文章

精品公众号随机推荐

上一篇 >>

专栏|MySQL