前言

打开一个网站时候，点导航栏切换到不同的页面，发现导航部分是不变的，只是页面的主体内容变了，于是就可以写个母模板，其它的子页面继承母模板就可以了。

母模板

可以在母模板中添加多个块标签，每个块标签取不同的名称，如下格式，content是块标签名称

{% block content %} {% endblock content %}

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>母模板</title>

</head>

<body>

<section>

    <h1>顶部导航</h1>

    <p>python自动化-上海-悠悠</p>

    <hr>

</section>

<!--这是一段注释。block是一个块标签， content是标签名称-->

{% block content %} {% endblock content %}

<p>---------自动化教程---------</p>

<!--这是一段注释。block是一个块标签, ad是标签名称-->

{% block ad %} {% endblock ad %}

<section>

    <br><br><br><br><hr>

    <h1>底部导航</h1>

    <p>底部一些友情链接啊，网站导航，版权啊</p>

</section>

</body>

</html>

也可以给块标签添加默认值，如：

<!--这是一段注释。block是一个块标签, 可以给默认值-->

{% block defaut %}

<p>如果子页面中，没填充此block内容，这里的就是默认内容</p>

{% endblock defaut %}

子页面

extends继承母模板的页面内容，填充 block块标签内容，指定对应的名称就可以了。不是所有的block都需要填充，如果母模板中blcok有默认内容，子模板不填充的话，就显示默认的内容。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>子页面</title>

</head>

<body>

<!--这是一段注释。extends继承basepage.html页面-->

{% extends "basepage.html" %}

{% block content %}

    <p>这里是content块的填充内容</p>

{% endblock content %}

{% block ad %}

<ul>自动化内容</ul>

    {% for i in ads %}

    <li>{{i}}</li>

     {% endfor %}

{% endblock ad %}

</body>

</html>

views与urls

上面子模板里面有给for循环，参数是ads，在views视图函数里面添加context 参数

hello/views.py视图函数

from django.shortcuts import render

from django.http import HttpResponse, Http404

# Create your views here.

def sonpage(request):

    context = {"ads": ["selenium", "appium", "requests"]

               }

    return render(request, 'sonpage.html', context)

urls.py添加访问路径

from django.conf.urls import url

from django.urls import re_path, path

from hello import views

urlpatterns = [

    path("sonpage/", views.sonpage),

]

打开浏览器输入地址：http://127.0.0.1:8000/sonpage/ 就能访问到页面了

备注：子模板也可以结合使用上一篇提到的include语法：

{% include 'end.html' %}

django交流QQ群：779429633

python测试开发django-7.django模板继承（block和extends）的更多相关文章

  1. python测试开发django-15.查询结果转json(serializers)

    前言 django查询数据库返回的是可迭代的queryset序列,如果不太习惯这种数据的话,可以用serializers方法转成json数据,更直观 返回json数据,需要用到JsonResponse ...

  2. python测试开发django-rest-framework-63.基于函数的视图(@api_view())

    前言 上一篇讲了基于类的视图,在REST framework中,你也可以使用常规的基于函数的视图.它提供了一组简单的装饰器,用来包装你的视图函数, 以确保视图函数会收到Request(而不是Djang ...

  3. python测试开发django-36.一对一(OneToOneField)关系查询

    前言 前面一篇在xadmin后台一个页面显示2个关联表(OneToOneField)的字段,使用inlines内联显示.本篇继续学习一对一(OneToOneField)关系的查询. 上一篇list_d ...

  4. python测试开发django-16.JsonResponse返回中文编码问题

    前言 django查询到的结果,用JsonResponse返回在页面上显示类似于\u4e2d\u6587 ,注意这个不叫乱码,这个是unicode编码,python3默认返回的编码 遇到问题 接着前面 ...

  5. 2019第一期《python测试开发》课程，10月13号开学

    2019第一期<python测试开发>课程,10月13号开学! 主讲老师:上海-悠悠 上课方式:QQ群视频在线教学,方便交流 本期上课时间:10月13号-12月8号,每周六.周日晚上20: ...

  6. 《Python测试开发技术栈—巴哥职场进化记》—前言

    写在前面 今年从4月份开始写一本讲Python测试开发技术栈的书,主要有两个目的,第一是将自己掌握的一些内容分享给大家,第二是希望自己能系统的梳理和学习Python相关的技术栈.当时我本来打算以故事体 ...

  7. python测试开发django-197.django-celery-beat 定时任务

    前言 django-celery-beat 可以支持定时任务,把定时任务写到数据库. 接着前面这篇写python测试开发django-196.python3.8+django2+celery5.2.7 ...

  8. python测试开发django-71.自定义标签tag

    前言 django的模板里面有很多标签可以快速实现一些功能,比如{% url url_name%} 可以快捷的导入一个本地url地址. 上一篇我们可以自定义一些过滤器https://www.cnblo ...

  9. Python测试开发-创建模态框及保存数据

    Python测试开发-创建模态框及保存数据 原创: fin  测试开发社区  前天 什么是模态框? 模态框是指的在覆盖在父窗体上的子窗体.可用来做交互,我们经常会看到模态框用来登录.确定等等,到底是怎 ...

  10. python测试开发django-41.crispy-forms设计标签式导航菜单（TabHolder）

    前言 xadmin的详情页面主要是用form_layout布局,学会了完全可以不用写html代码,也能做出很好看的页面. xadmin的html页面是用的Bootstrap3框架设计的,layout布 ...

随机推荐

  1. gif处理

    UleadGIFAnimator-v5.05破解版 网盘地址:https://pan.baidu.com/s/1bpf6iVP 2017-02-19  10:39:58

  2. java对象与xml相互转换工具类

    public class XmlHelper { /** * Object转XML * * @param object * @return * @throws Exception */ public ...

  3. EFK收集Kubernetes应用日志

    本节内容: EFK介绍 安装配置EFK 配置efk-rbac.yaml文件 配置 es-controller.yaml 配置 es-service.yaml 配置 fluentd-es-ds.yaml ...

  4. 一步一步学习IdentityServer4 (6) Connect-OpenId Cookies SignIn SignOut 那些事

    先来看下下面的配置: JwtSecurityTokenHandler.DefaultInboundClaimTypeMap.Clear(); services.AddAuthentication( o ...

  5. 旁门左道通过JS与纯CSS实现显示隐藏层

    想必大家在开发前端页面时,肯定少不了显示隐藏层这一技术点.那么我简单粗暴地总结了以下两个小demo. 要实现该截图的功能:鼠标移动到我的好友这个选项卡时,灰色的隐藏层就会出现.

  6. Asp.net Vnext 实现IView

    概述 Iview定义很简单,就是根据View上下文和TextWriter对象实现对View的呈现. 实现 实现IViewEngine public class TestViewEngine : IVi ...

  7. 【58沈剑架构系列】为什么说要搞定微服务架构，先搞定RPC框架？

    第一章聊了[“为什么要进行服务化,服务化究竟解决什么问题”] 第二章聊了[“微服务的服务粒度选型”] 今天开始聊一些微服务的实践,第一块,RPC框架的原理及实践,为什么说要搞定微服务架构,先搞定RPC ...

  8. SQL中format()函数对应的格式

    http://www.cnbeta.com/articles/tech/632057.htm

  9. Jmeter和LR上传文件和下载

    Jmeter和LR上传文件和下载 背景: 在某个申请业务中,需要上传附件文件,然后才能提交该申请 遇到的问题: 1,  在使用Jmeter或者LR进行录制时,无法录制到上传文件的请求,只能通过Fidd ...

  10. Bootstrap入门六：表单

    表单主要包含表单域.输入框.下拉框.单选框.多选框和按钮等控件. 1.基本实例 单独的表单控件会被自动赋予一些全局样式.所有设置了 .form-control 类的 <input>.< ...