39.Python模板结构优化-引入模板include标签、模板继承使用详解
在进行模板的构造时，不免有些模板的部分样式会相同，如果每一个模板都是重写代码的话，不仅在做的时候麻烦，而且在后期的维护上，也是相当的麻烦。所以我们可以将模板结构进行优化，优化可以通过：引入模板；模板继承两种方式来实现。
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标签、模板继承使用详解的更多相关文章
- （转）python中调用R语言通过rpy2 进行交互安装配置详解
python中调用R语言通过rpy2 进行交互安装配置详解(R_USER.R_HOME配置) 2018年11月08日 10:00:11 luqin_ 阅读数:753 python中调用R语言通过r ...
- python通过socket实现多个连接并实现ssh功能详解
python通过socket实现多个连接并实现ssh功能详解 一.前言 上一篇中我们已经知道了客户端通过socket来连接服务端,进行了一次数据传输,那如何实现客户端多次发生数据?而服务端接受多个客户 ...
- Python 自动化测试全攻略：五种自动化测试模型实战详解
随着移动互联网的发展,软件研发模型逐步完善,软件交付质量越来越受到软件公司的重视,软件测试技术特别是自动化测试技术开始在软件系统研发过程中发挥着越来越重要的作用. 与传统的手工测试技术相比,自动化测试 ...
- Python基础之 urllib模块urlopen()与urlretrieve()的使用方法详解。
Python urllib模块urlopen()与urlretrieve()的使用方法详解 1.urlopen()方法urllib.urlopen(url[, data[, proxies]]) ...
- 如何用Python来处理数据表的长宽转换（图文详解）
不多说,直接上干货! 很多地方都需用到这个知识点,比如Tableau里. 通常可以采取如python 和 r来作为数据处理的前期. Tableau学习系列之Tableau如何通过数据透视表方式读取 ...
- 小白学python之整型,布尔值,十进制二进制转换和字符串详解for循环!
整型与字符串转化 十进制转二进制. python2,存在int 整型和long(长整型),在python3里就是int/获取的是浮点数 小数 print(bin(15)) 这样可以通过代码来计算十进制 ...
- 第15.41节、PyQt(Python+Qt)入门学习：输入部件QComboBox组合框功能详解
专栏:Python基础教程目录 专栏:使用PyQt开发图形界面Python应用 专栏:PyQt入门学习 老猿Python博文目录 一.概述 Designer中输入工具部件中的Combo Box组合框与 ...
- 第15.29节 PyQt(Python+Qt)入门学习：containers容器类部件QScrollArea滚动区域详解
老猿Python博文目录 专栏:使用PyQt开发图形界面Python应用 老猿Python博客地址 一.概述 Scroll Area提供了一个呈现在其他部件上的可滚动区域视图,滚动区域用于显示框架内的 ...
- Django模板结构优化{% include %}和{% extend %}标签
https://blog.csdn.net/xujin0/article/details/83420633
随机推荐
- python接口自动化测试 - 数据驱动DDT模块的简单使用
DDT简单介绍 名称:Data-Driven Tests,数据驱动测试 作用:由外部数据集合来驱动测试用例的执行 核心的思想:数据和测试代码分离 应用场景:一组外部数据来执行相同的操作 优点:当测试数 ...
- python笔记04
数据类型(二) 今日内容 1.列表 2.元组 内容回顾和补充 1.计算机基础 ①硬件:cpu,内存,硬盘,主板,网卡 ②操作系统:linux,centos, Ubuntu,redhat windows ...
- VS Code 1.42 发布！2020 年首个大更新
近日(北京时间 2020 年 2 月 7 日),微软发布了 Visual Studio Code 1.42 版本,这也是 2020 年 VS Code 首次大更新.让我们来看看有哪些主要的更新. 支持 ...
- MP3播放-基于MCI-API接口
今天整理到音频播放的部分,本来就想抽取一个简单的接口方便以后可能会用到,然而不知不觉就把常用的功能都给一起封装好了,核心其实就是调用MCI的API接口,具体的功能就是变换不同的MCI指令来实现. == ...
- content-type常见类型辨析(以ajax与springmvc前后端交互为例)
博客搬家: content-type常见类型辨析(以ajax与springmvc前后端交互为例) 在http报文的首部中,有一个字段Content-type,表示请求体(entity body)中的数 ...
- 牛客练习赛25 A 因数个数和(数论分块)
题意: q次询问,每次给一个x,问1到x的因数个数的和. 1<=q<=10 ,1<= x<=10^9 1s 思路: 对1~n中的每个数i,i作为i,2i,3i,...的约数,一 ...
- 利用视频解析网站免费观看各大平台VIP电影
需求: 观看VIP电影.VIP电视 准备: 1.视频解析网站 2.VIP电影URL 教程开始: 1.百度搜索[视频解析],会索引出大量的视频解析网站,随便选择一个网站. 2.找到想观看的VIP视频,复 ...
- Redis5.x五种数据类型常见命令
关注公众号:CoderBuff,回复"redis"获取<Redis5.x入门教程>完整版PDF. <Redis5.x入门教程>目录 第一章 · 准备工作 第 ...
- [Effective Java 读书笔记] 第三章类和接口 第二十三-- ？？条
第二十三条 请不要再新代码中使用原生态类型 1 使用原生态类型,就失去了泛型在安全性和表述性方面的所有优势,所以新代码中不要使用原生态类型 2 List<String>可以传递给List作 ...
- Hapi+MySql项目实战环境初始化（一）
因为项目要求特殊的原因,公司要求使用Nodejs+HApi(纯英文的API)+Mysql构建新的项目.网上找了一堆资料,看了半天一脸懵逼.结论就是:版本的差异,资料国内几乎都是旧的17年前的了.根据资 ...