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

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. Word文档分节设置页码

    在一篇论文中需要将摘要和目录作为一部分设置罗马数字页码,正文部分设置阿拉伯数字页码. 大致效果如下图所示: 这里面用到了分节符,步骤如下: 1 :点击开始菜单栏下 显示/隐藏编辑标记 2:点击插入菜单 ...

  2. TensorFlow 编程基础

    1.TensorFlow 安装:https://www.cnblogs.com/pam-sh/p/12239387.html https://www.cnblogs.com/pam-sh/p/1224 ...

  3. 20190728三人开黑517codingACM模拟赛

    三人组队开黑ACM膜你赛 果然我最蔡 我就写了ACF所以就写这些吧awa Problem A 人话:给你一个w×h的矩形蛋糕,然后告诉你两个蜡烛的坐标,两个蜡烛都在网格点上且不在蛋糕边缘,问如何切一刀 ...

  4. windows 安裝 gcc 編譯器 - MinGW

    MinGW 介紹 MinGW 全稱 Minimalist GNU For Windows,是個精簡的Windows平台C/C++.ADA及Fortran編譯器,相比Cygwin而言,體積要小很多,使用 ...

  5. virtualenv 指定 python 解释器的版本

    使用如下命令为 ubuntu 系统安装 virtualenv sudo apt-get install python-virtualenv 当我们使用 virtualenv 命令创建虚拟环境时,默认使 ...

  6. 1 使用MySQL

    1.1 连接 主机名(localhost) 端口(3306) 一个合法的用户名 用户口令 1.2 选择数据库 USE crashcourse 1.3 了解数据库和表 SHOW databases; s ...

  7. Markdown编写接口文档模版

    接口名称 1) 请求地址 https://apis.cnblogs.com/user/info?a=xx&b=xx 2) 调用方式:HTTP GET 3) 接口描述: 接口描述详情 4) 请求 ...

  8. shell脚本 inotify + rsync 同步脚本

    1.这是很简单的一个 文件监控+触发同步脚本 监控一台服务器下的一个文件夹,发生改变则向另一个个文件夹进行同步. 具体的inotify命令  rsync命令  可以看linux分类下的介绍 inoti ...

  9. 小记centos7.5下yum安装cobbler遇到的问题

    问题1:执行cobbler sync同步命令报错,提示dhcpd服务错误和Python源码错误 [root@server ~]# cobbler sync #<===执行cobbler同步的时候 ...

  10. 蓝桥杯ALGO-1,区间k大数查询

    #include<stdio.h> int devide(long a[], int low, int high) { long key = a[high]; while (low< ...