为了在Django模板配置中减少代码的冗余，需使用模板继承

1. 语法

{% block classinfo %}

{% endblock}

2. 步骤

（1）创建一个base.html把需要显示的页面内容写在里面

（2）在title部分写个盒子，以后谁来扩展就在这里面添加相应的内容，即完成title.html

<title>

    {% block title %}

    {% endblock %}

</title>

（3）创建一个title.html,让title.html继承base.html

{%extends "base.html"%} #必须放在首行

　　继续添加内容：

{%block title%}blog titles{%endblock%}

（4）也可以分别在base.html或title.html中写好多盒子，方法同上

{%load staticfiles%}

<!DOCTYPE html>

<html lang="zh-cn">

    <head>

        <meta http-equiv="X-UA_compatible" content="IE=Edge">

        <meta charset="utf-8">

        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title>

            {%block title%}

            {%endblock%}

        </title>

        <link rel="stylesheet" href="{% static 'css/bootstrap.css'%}">

    </head>

    <body>

        {%include 'header.html'%}

        <div class="container">

            {%block content%}

            {%endblock%}

        </div>

        {%include 'footer.html'%}

        {% block javascritp%}{%endblock%}

    </body>

</html>

注意：盒子里面可以又默认的内容，如果又默认的时候你不扩展就走默认的，如果你扩展了，就替换了，如果要实现不替换直接在后面追加的话，可以使用{% block.super%}方法
{% block menu %}
　　{{ block.super }}
　　<p>！！！</p>       #先继承父类的，后插入数据
{% endblock %}

3. 总结

（1）模板继承围绕两点：继承和扩展，有什么继承什么，扩展的是盒子

（2）模板中设置的盒子越多越好，因为这样你想扩展的时候就扩展，不想扩展的时候就不扩展了

（3）为了更好的可读性，你也可以给你的{% endblock %}标签一个名字，例如：

{% block content %}

...

{% endblock content %}　

（4）不能在一个模板中使用多个相同名字的block标签

Django之模板继承的更多相关文章

  1. Django框架----模板继承和静态文件配置

    母板 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8& ...

  2. Django学习:模板继承和配置静态文件

    一.模板继承 目的是:减少代码的冗余 语法: {% block classinfo %} {% endblock %} 具体步骤: 1.创建一个base.html文件,2.把要显示的页面的内容写在这里 ...

  3. Django【第4篇】：Django之模板继承

    jango框架之模板继承和静态文件配置 一.模板继承 目的是:减少代码的冗余 语法: {% block classinfo %} {% endblock %} 具体步骤: 1.创建一个base.htm ...

  4. django之模板继承以和模板导入

    1,模板继承 一,模板继承 1.在template下面新建一个master.html的文件,当做母版. 2. 母版里需要被替代的部分,以block开始,以endblock结尾 {% block con ...

  5. Django框架(六) Django之模板继承

    模版导入和继承 模版导入 一个页面只能继承一个模板,如何解决了?如何使用多个模板,或者引入其他页面 <% include "a.html" %> 可以引用多次 模板,i ...

  6. django，模板继承常用标签和规则

    一.定义基础模板 在html内容中定义多个block块,block由子模板引用同名block块,来决定是否替换这些部分{% block title %}一些内容,这里可不填{% endblock %} ...

  7. Django的模板继承

    来看一个例子 我们有一个订单的页面和购物车的页面,比如下面的截图,我的购物车的页面和订单的页面只有圆圈中的截图的内容不一样 所以我们的订单的html页面和购物车的html业务的html几乎都是一致的 ...

  8. django 前端模板继承显示model中使用choices的字段

    比如model中的一个class Need class Need(models.Model): """ 任务 """ party_a=mod ...

  9. django html模板继承 {%block 标记名｝ ｛%endblock%｝

    对于url文件 url(r'^tp1/', views.tp1) 对于views文件,跳转到tp1.html 同时将list列表传到前端 def tp1(request): list = [1, 2, ...

随机推荐

  1. angularJS 中的传参

    今天总结一下 angularJS 传参的 3种方式:(配合 ui-router) 现在有两个页面,page1.html 和 page2.html, 现由 page1.html 向 page2.html ...

  2. js keyCode（键盘键码）

    摘自:http://blog.csdn.net/dyllove98/article/details/8728657 * 网上收集的KeyCode值方便大家查找: keycode 8 = BackSpa ...

  3. 使用Socket&反射&Java流操作进行方法的远程调用(模拟RPC远程调用)

    写在前面 阅读本文首先得具备基本的Socket.反射.Java流操作的基本API使用知识:否则本文你可能看不懂... 服务端的端口监听 进行远程调用,那就必须得有客户端和服务端.服务端负责提供服务,客 ...

  4. 王译潇20162314 实验报告三plus结对编程四则运算第一阶段

    北京电子科技学院BESTI实验报告 课程:程序设计与数据结构 班级: 1623 姓名: 王译潇 学号:20162314 指导教师:娄佳鹏老师.王志强老师 实验日期:2017年5月12号 实验密级: 非 ...

  5. vue切换路由模式{hash/history}

    vue中常用的路由模式 hash(#):默认路由模式 histroy(/)切换路由模式 切换路由模式 export default new Router({ // 路由模式:hash(默认),hist ...

  6. SpringBoot Bean作用域

    Bean在一般容器中都存在以下2种作用域: singleton 默认值,IoC容器只存在单例 prototype 每当从IoC容器中取出一个Bean,则创建一个新的Bean 在Web容器中存在4种作用 ...

  7. cnetos升级内核玩docker

    最近在学习docker容器.在阿里云上的服务器内核版本比较低.所以,需要先升级. 查看内核命令:uname -r 升级内核,网上也有很多种方式.一般都是下载内核包,然后自己编译.不过这种方式需要注意的 ...

  8. All Classic Bluetooth profile for iPhone

    iPhone BC profiles Profile Decription HFP1.6 1.通知客户端有电话拨入:2.免提功能:3.音频的输入输出机制. PBAP 1.下载通讯录:2.查找通讯录:3 ...

  9. Ubuntu 16 安装redis客户端

    https://snapcraft.io/redis-desktop-manager sudo snap install redis-desktop-manager 很好用! 支持模糊过滤,两边加星号 ...

  10. scala学习手记28 - Execute Around模式

    我们访问资源需要关注对资源的锁定.对资源的申请和释放,还有考虑可能遇到的各种异常.这些事项本身与代码的逻辑操作无关,但我们不能遗漏.也就是说进入方法时获取资源,退出方法时释放资源.这种处理就进入了Ex ...