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

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. Mavn 项目 引入第三方jar包 导致ClassNotFoundException

    案例 我有一个Maven构建的项目,项目模块之间有依赖关系,我需要用到一个本地的jar包,而该jar包不能通过配置pom.xml文件从远程仓库自动下载,于是我直接导入该jar包到其中一个项目,不通过p ...

  2. 【大白话系列】MySQL 学习总结 之 初步了解 MySQL 的架构设计

    一.MySQL还是个黑盒子 我们都知道,只要我们系统引入了 MySQL 驱动和连接池,就能从数据库连接池获取一个数据库连接,然后就可以执行增删改查的操作了. 可是我们并不知道 MySQL 里面是怎么执 ...

  3. Flink 1.10 正式发布！——与Blink集成完成，集成Hive，K8S

    Apache Flink社区宣布Flink 1.10.0正式发布! 本次Release版本修复1.2K个问题,对Flink作业的整体性能和稳定性做了重大改进,同时增加了对K8S,Python的支持. ...

  4. 【WPF学习】第三十九章 理解形状

    在WPF用户界面中,绘制2D图形内容的最简单方法是使用形状(shape)——专门用于表示简单的直线.椭圆.矩形以及多变形的一些类.从技术角度看,形状就是所谓的绘图图元(primitive).可组合这些 ...

  5. C语言笔记--传递结构指针以及值传递，址传递

    #include <stdio.h> #include <windows.h> #include <mmsystem.h> #include <string. ...

  6. WeChall_Training: ASCII (Training, Encoding)

    In a computer, you can only work with numbers.In this challenge you have to decode the following mes ...

  7. 51nod 1133 不重叠的线段 (贪心，序列上的区间问题)

    题意: 最多能选几条不重叠的线段 思路: 按R从小到大排序,维护一个最大的右端点 右端点最小的那个线段是必选的,可以贪心地证明 代码: #include<iostream> #includ ...

  8. POJ 1751 Highways(最小生成树Prim普里姆，输出边)

    题目链接:点击打开链接 Description The island nation of Flatopia is perfectly flat. Unfortunately, Flatopia has ...

  9. How to do if sqlserver table identity column exceed limited ?

    script: select a.TABLE_NAME,a.COLUMN_NAME,a.DATA_TYPE, (CASE a.DATA_TYPE when 'int' then 'limited be ...

  10. Go语言实现：【剑指offer】旋转数组的最小数字

    该题目来源于牛客网<剑指offer>专题. 把一个数组最开始的若干个元素搬到数组的末尾,我们称之为数组的旋转. 输入一个非递减排序的数组的一个旋转,输出旋转数组的最小元素. 例如数组{3, ...