在进行模板的构造时，不免有些模板的部分样式会相同，如果每一个模板都是重写代码的话，不仅在做的时候麻烦，而且在后期的维护上，也是相当的麻烦。所以我们可以将模板结构进行优化，优化可以通过：引入模板；模板继承两种方式来实现。

1.引入模板

在DTL模板中，使用include标签，将子模板进行引入，这种引入模板，子模板可以使用父模板中的变量。也就是说子模板中也就会被同化产生一个同父模板相同的变量，但是如果这个子模板同时又被其他的父模板引用的话，这个产生的变量还是存在的。以下举例说明：
在index()视图函数中传递一个变量，就可以在index.html中引用了，
from django.shortcuts import render

# 在index视图函数中，传递一个变量，

def index(request):

    context = {

        'username':'小蚂蚁'

    }

    return render(request,'index.html',context=context)

def company(request):

    return render(request,'company.html')

def school(request):

    return render(request,'school.html')
在index.html中进行引用：
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>首页</title>

</head>

<body>

    {% include 'header.html' %}

        <div class="content">

            <p>这是首页的中间部分哦</p>

            <p>{{ username }}</p>

        </div>

    {% include 'footer.html' %}

</body>

</html>
同时此时也可以在子模板header.html中进行引用变量username:
<header>

    <ul>

        <li><a href="{% url 'index' %}">首页</a></li>

        <li><a href="{% url 'company' %}">公司</a></li>

        <li><a href="{% url 'school' %}">校园</a></li>

        <li>{{ username }}</li>

    </ul>

</header>
在浏览器中查看结果：
由浏览器的输出信息，可以看出username并没有进行显示。这是因为在include标签中没有进行接收。

在company页面的header部分也不能够显示username

在index.html中,使用with 变量名=“xxx”的形式进行接收：
	{% include 'header.html' with username='小蚂蚁'%}

        <div class="content">

            <p>这是首页的中间部分哦</p>

            <p>{{ username }}</p>

        </div>

    {% include 'footer.html' %}
在浏览器中进行显示查看：

在company.html中使用with 变量名="xxx"的形式进行接收：
{% include 'header.html' with username='孤烟逐云' %}

        <div class="content">

            hello 这是贵公司的中间部分哦

        </div>

    {% include 'footer.html' %}
但是在浏览器中会显示：

为什么会出现错误呢？再来看一下views.py中的company()视图函数：
def company(request):

# 定义一个上下文，变量为username

    context = {

        'username':''

    }

    return render(request,'company.html',context=context)
在浏览器中进行查看：



此时就可以进行显示了。

2.模板继承

（1）如果在某个“block”中使用父模板的内容，那么就可以使用“{{ block.super }}”来继承。
（2）在定义“block”的时候，除了在“block”开始的地方定义这个“block” 的名字，比如{ % block content %}还可以在“block”结束的地方定义名字,比如{ % endblock content %}。这在大型魔板中尤其有用，能让你快速的看到这个“block” 包含在哪里。
（3）注意：extends标签必须放在模板的代码的最前面位置，并且子模板中的代码必须放在block中，否者将不会被渲染。
views.py中代码如下：
from django.shortcuts import render

def index01(request):

    return render(request,'index01.html')

def company(request):

    return render(request,'company.html')

def school(request):

    return render(request,'school.html')
父模板base.html中的代码如下：
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<header>

    <ul>

        <li><a href="{% url 'index' %}">首页</a></li>

        <li><a href="{% url 'company' %}">公司</a></li>

        <li><a href="{% url 'school' %}">校园</a></li>

    </ul>

</header>

<div class="content">

    {% block content %}

        这是父模板中的content的代码

    {% endblock %}

</div>

<footer>

    这是footer中的部分哦

</footer>

</body>

</html>
在子模板index01.html中实现继承：
{# extends导入父模板必须是在代码的最上方 #}

{% extends 'base.html' %}

{% block content %}

{#  在子模板中实现自己的中间部分代码  #}

    <p>这是子模板中的代码</p>

{#  使用以下语句就可以引用父模板中的代码  #}

    <p>{{ block.super }}</p>

{% endblock %}
在urls.py中做一层这样的映射：
from front import views as fviews

urlpatterns = [

    path('index01/', fviews.index01, name = 'index01'),

]
在浏览器中查看127.0.0.1:8000/index01/视图：

同样使用这种方式也可以实现模板结构的优化

39.Python模板结构优化-引入模板include标签、模板继承使用详解的更多相关文章

  1. （转）python中调用R语言通过rpy2 进行交互安装配置详解

    python中调用R语言通过rpy2 进行交互安装配置详解(R_USER.R_HOME配置) 2018年11月08日 10:00:11 luqin_ 阅读数:753   python中调用R语言通过r ...

  2. python通过socket实现多个连接并实现ssh功能详解

    python通过socket实现多个连接并实现ssh功能详解 一.前言 上一篇中我们已经知道了客户端通过socket来连接服务端,进行了一次数据传输,那如何实现客户端多次发生数据?而服务端接受多个客户 ...

  3. Python 自动化测试全攻略：五种自动化测试模型实战详解

    随着移动互联网的发展,软件研发模型逐步完善,软件交付质量越来越受到软件公司的重视,软件测试技术特别是自动化测试技术开始在软件系统研发过程中发挥着越来越重要的作用. 与传统的手工测试技术相比,自动化测试 ...

  4. Python基础之 urllib模块urlopen()与urlretrieve()的使用方法详解。

    Python urllib模块urlopen()与urlretrieve()的使用方法详解   1.urlopen()方法urllib.urlopen(url[, data[, proxies]]) ...

  5. 如何用Python来处理数据表的长宽转换（图文详解）

    不多说,直接上干货! 很多地方都需用到这个知识点,比如Tableau里.   通常可以采取如python 和 r来作为数据处理的前期. Tableau学习系列之Tableau如何通过数据透视表方式读取 ...

  6. 小白学python之整型,布尔值,十进制二进制转换和字符串详解for循环!

    整型与字符串转化 十进制转二进制. python2,存在int 整型和long(长整型),在python3里就是int/获取的是浮点数 小数 print(bin(15)) 这样可以通过代码来计算十进制 ...

  7. 第15.41节、PyQt(Python+Qt)入门学习：输入部件QComboBox组合框功能详解

    专栏:Python基础教程目录 专栏:使用PyQt开发图形界面Python应用 专栏:PyQt入门学习 老猿Python博文目录 一.概述 Designer中输入工具部件中的Combo Box组合框与 ...

  8. 第15.29节 PyQt(Python+Qt)入门学习：containers容器类部件QScrollArea滚动区域详解

    老猿Python博文目录 专栏:使用PyQt开发图形界面Python应用 老猿Python博客地址 一.概述 Scroll Area提供了一个呈现在其他部件上的可滚动区域视图,滚动区域用于显示框架内的 ...

  9. Django模板结构优化{% include %}和{% extend %}标签

    https://blog.csdn.net/xujin0/article/details/83420633

随机推荐

  1. OpenResty学习指南（一）

    我的博客: https://www.luozhiyun.com/archives/217 想要学好 OpenResty,你必须理解下面 8 个重点: 同步非阻塞的编程模式: 不同阶段的作用: LuaJ ...

  2. WSL初始配置+图形界面

    安装WSL 换源 参考另一篇文章https://www.cnblogs.com/bosslv/p/11006680.html 修改$PATH,默认会把windows的PATH也加入WSL中,不需要的话 ...

  3. MVVM的理解和Vue的生命周期

    一.对于MVVM的理解? MVVM 是 Model-View-ViewModel 的缩写.Model代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑.View 代表UI 组件,它负责将数 ...

  4. 云原生 - Istio可观察性之监控(四)

    作者:justmine 头条号:大数据与云原生 微信公众号:大数据与云原生 创作不易,在满足创作共用版权协议的基础上可以转载,但请以超链接形式注明出处. 为了方便阅读,微信公众号已按分类排版,后续的文 ...

  5. 秒秒钟破解eval加密

    前言  准确的说eval处理过的代码应该叫做压缩代码,不过效果上算是加密过了一样!很多小伙伴不想直接让别人看到自己的js代码往往就会采取这样的处理措施.不过,其实这样的方法只能防御那些小白.对于真正的 ...

  6. mysql 5.7中 count(0) count(*) count(主键) count(非空字段)效率比较

    mysql count(0) count(*) count(主键) count(非空字段) 效率比较 写代码的时候经理在背后说了一句count(0)的效率高于count(*) ,索性全部测试了一下 结 ...

  7. esp跟ebp跟踪记录

    发现文字描述还是太没有快感.上几幅图,来说明这个调试过程更好.此文对于深刻理解ebp,esp是具有长远意义的 可以看到,初始情况下,ebp此时值为0012FEDC,也就是栈帧的地址,而栈顶地址esp值 ...

  8. 时序数据库 Apache-IoTDB 源码解析之文件索引块（五）

    上一章聊到 TsFile 的文件组成,以及数据块的详细介绍.详情请见: 时序数据库 Apache-IoTDB 源码解析之文件数据块(四) 打一波广告,欢迎大家访问IoTDB 仓库,求一波 Star. ...

  9. Python学习框架（持续更新）

    1.数据类型 整型:整数,1.2.3...这种 浮点型:简单理解就是小数,1.23.3.141572653等等 字符型:“这是字符”,简单说就是我们说的话,都可以作为字符 布尔值:只有2种,true. ...

  10. Kafka系列3：深入理解Kafka消费者

    上面两篇聊了Kafka概况和Kafka生产者,包含了Kafka的基本概念.设计原理.设计核心以及生产者的核心原理.本篇单独聊聊Kafka的消费者,包括如下内容: 消费者和消费者组 如何创建消费者 如何 ...