Django模版引擎中最强大也是最复杂的部分就是模版继承了。模版继承可以让您创建一个基本的“骨架”模版，它包含您站点中的全部元素，并且可以定义能够被子模版覆盖的 block。

模板继承：

1.    新建muban.html模板文件，在形影需要替换的不同位置加上不同名称的block标签

{% block content %}

模板内容

{% endblock %}或者{% endblock content %}

2.    在新的html文件开头写：

{% extends "muban.html" %}

3.    接下来重写模板中的block标签内容：

注意：每个block标签不能同名，可以有多个（一般css/js/内容都可以有）

{% block content %}

……

{% endblock %}或者{% endblock content %}

4.    要想继承保留模板block中的内容，在重写时加上

{{ block.super }}

模板继承演示：

　　muban.html　　

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <style>

         * {margin: 0; padding: 0; }

         .c1, .nav {margin: 0 auto; width: 1200px; background-color: #d6d6d6; color: white; }

         .fixed:after {content: "";display: block; clear: both; }

         .navleft {float: left; }

 .navright {float: right; }

         ul, li {list-style: none; display: inline; }

         .contentleft {float: left; width: 300px; background-color: red; height: 100px; }

         .contentright {float: left; width: 900px; height: 100px;            background-color: green; }

         .c2 {margin: auto auto; text-align: center;vertical-align: middle; }

     </style>

     <title>模板继承测试</title>

 </head>

 <body>

 <div class="c1">

     <div class="nav fixed">

         <div class="navleft ">

             <ul>

                 <li>古诗</li>

                 <li>绝句</li>

                 <li>诗经</li>

             </ul>

         </div>

         <div class="navright">

             <ul>

                 <li>登录</li>

                 <li>注册</li>

             </ul>

         </div>

     </div>

     <div class="content fixed">

         <div class="contentleft">

             <div class="c2">

                 <a href="http://127.0.0.1:8888/muban/">简介</a><br>

                 <a href="http://127.0.0.1:8888/muban_1/">古诗1</a><br>

                 <a href="http://127.0.0.1:8888/muban_2/">古诗2</a></div>

         </div>

         <div class="contentright">

             <div class="c2">

                 {% block content %}

                     模板内容---简介

                 {% endblock %}

             </div>

         </div>

     </div>

 </div>

 </body>

 </html>

　　muban_1.thml

 {% extends "muban.html" %}

 {% block content %}

     <h2>You never fail just when you give up!</h2>

 {% endblock %}

　　muban_2.thml

 {% extends "muban.html" %}

 {% block content %}

     {{ block.super }}<!--继承保留模板对应标签的内容-->

     <h2>Do whatever you want and smile veryday!</h2>

 {% endblock %}

views.py

 def muban(request):

     return render(request,"muban.html")

 def muban_1(request):

     return render(request,"muban_1.html")

 def muban_2(request):

     return render(request,"muban_2.html")

　　渲染效果

　　

　　

　　

Django模板之模板继承（extends/block）的更多相关文章

  1. Django---MTV和MVC的了解,Django的模版语言变量和逻辑,常见的模板语言过滤器,自定义过滤器,CSRF了解,Django的母版(继承extends,块block,组件include,静态文件的加载load static),自定义simple_tag和inclusion_tag

    Django---MTV和MVC的了解,Django的模版语言变量和逻辑,常见的模板语言过滤器,自定义过滤器,CSRF了解,Django的母版(继承extends,块block,组件include,静 ...

  2. django学习-8.django模板继承（block和extends）

    1.前言 django模板继承的作用:模板可以用继承的方式来实现复用,减少冗余内容. 一般来说,一个网站里一般存在多个网页的头部和尾部内容都是一致的,我们就可以通过模板继承来实现复用. 父模板用于放置 ...

  3. django基础 -- 4. 模板语言 过滤器 模板继承 FBV 和CBV 装饰器 组件

    一.语法 两种特殊符号(语法): {{ }}和 {% %} 变量相关的用{{}},逻辑相关的用{%%}. 二.变量 1. 可直接用  {{ 变量名 }} (可调用字符串, 数字 ,列表,字典,对象等) ...

  4. Django项目中模板标签及模板的继承与引用【网站中快速布置广告】

    Django项目中模板标签及模板的继承与引用 常见模板标签 {% static %} {% for x in range(x) %}{% endfor %} 循环的序号{% forloop %} 循环 ...

  5. Django——4 模板标签 模板的继承与引用

    Django 模板标签 常用标签 模板的继承与引用 模板标签 标签在渲染的过程中提供任意的逻辑 标签语法: 由%}和 {% 来定义的,例如:{%tag%} {%endtag%} 这个定义是刻意模糊的. ...

  6. Django入门--模板标签、继承与引用

    一.模板标签 Django模板引擎提供的可以在模板中进行的各种逻辑操作,是函数调用的一种特殊形式,如循环.判断等功能,期语法规则为: {% tag %} content {% tag 参数1 参数2 ...

  7. Django学习手册 - 模板继承与导入

    核心: PS:一个页面只能继承一个模板. 前置: 配置url. 配置views 关键字: 1. {% extends "index模板.html" %} 声明继承于哪个模板 ,关联 ...

  8. Django进阶Template篇002 - 模板包含和继承

    包含 {% include %} 允许在模板中包含其他模板的内容. {% include "foo/bar.html" %} {% include template_name %} ...

  9. Django day07 (一) 模板的导入 母板的继承 静态文件配置

    一:模板的导入 -写一个模板 {% include '模板的名字' %} 二:母板的继承 -写一个母版(可以留多个盒子) {% block 名字 %} / {% endblock %} 三:静态文件配 ...

  10. python Django教程 之模板渲染、循环、条件判断、常用的标签、过滤器

    python3.5 manage.py runserver python Django教程 之模板渲染.循环.条件判断.常用的标签.过滤器 一.Django模板渲染模板 1. 创建一个 zqxt_tm ...

随机推荐

  1. zabbix 微信告警机制

    微信告警首先得注册一个企业微信,然后才能实现微信告警.自行百度 微信: 添加一个用户到上面创建的部门里面 创建完成记住 AgentID  和 Secret 下一步:记住企业 ID 1)编辑zabbix ...

  2. 美国在线CEO：雅虎被Verizon收购或导致裁员

    北京时间9月13日消息,据外媒报道,AOL首席执行官蒂姆·阿姆斯特朗(Tim Armstrong)称,雅虎.AOL和Verizon整合业务,将导致"部分工作岗位的变化". 阿姆斯特 ...

  3. Nginx访问日志.Nginx日志切割

    11月27日任务 12.10 Nginx访问日志12.11 Nginx日志切割12.12 静态文件不记录日志和过期时间 1.Nginx访问日志 示例一: 日志格式 vim /usr/local/ngi ...

  4. 概率dp部分题目

    记录一些比较水不值得单独写一篇blog的概率dp题目 bzoj3036 绿豆蛙的归宿 Description 随着新版百度空间的下线,Blog宠物绿豆蛙完成了它的使命,去寻找它新的归宿. 给出一个有向 ...

  5. python-unittest环境下单独运行一个用例的方法

    在unittest单元测试的框架下,想要调出如图所示的绿三角 需要有两个步骤: 1.确定在工具栏中时在unittest模式下运行的,如果为普通模式的话可以通过下三角下拉修改运行环境: 2.在代码中im ...

  6. 虚拟机上图片服务器搭建(FastDFS+nginx)

    文件服务器 0.提前建好需要的文件夹(/home/fastdfs) /home/fastdfs/tracker /home/fastdfs/storage /home/fastdfs/storage/ ...

  7. V - Can you answer these queries? HDU - 4027 线段树 暴力

    V - Can you answer these queries? HDU - 4027 这个题目开始没什么思路,因为不知道要怎么去区间更新这个开根号. 然后稍微看了一下题解,因为每一个数开根号最多开 ...

  8. dp 20190617

    A. Alternative Thinking 这个标的是dp,但是我感觉就只能算思维题,不是特别难, 你仔细想想就知道,你先求出01这样子满足条件的个数,如果要进行改变,最多只可以增加两个,也可以增 ...

  9. php报错:strip_tags() expects parameter 1 to be string, array given

    囧....... 这个表示参数需要字符串,而你传入了数组,所以出错了~ 检查下函数或者方法是否正确,还有参数

  10. 王颖奇 201771010129 《面向对象程序设计（java）》第二周学习总结

    <面向对象程序设计(java)>第二周学习总结 王颖奇 201771010129 第一部分:实验目的与要求 ①理论部分目的与要求 (1)基本知识(2)数据类型(3)变量(4)运算符(5)类 ...