前言

当我们打开一个网站的时候，在打开不同的页面时候，会发现每个页面的顶部、底部内容都差不多，这样就可以把这些公共的部分，单独抽出来。

类似于python里面的函数，把公共部分写成函数，然后调用就行了，这样就能实现代码的复用。django里面也有类似的功能，用include可以实现。

公共内容

如下图所示，网站的每个页面都有顶部导航，body正文，底部导航这三块内容

hello/templates/base.html内容

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<section>

    <h1>顶部导航</h1>

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

    <hr>

</section>

<section>

    <h1>body正文</h1>

    <p>正文内容</p>

</section>

<section>

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

    <h1>底部导航</h1>

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

</section>

</body>

</html>

一般头部和底部是不变的，变的只是body里面内容，这样把头部和底部单独抽出来

hello/templates/top.html单独拿出来

<section>

    <h1>顶部导航</h1>

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

    <hr>

</section>

hello/templates/end.html单独拿出来

<section>

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

    <h1>底部导航</h1>

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

</section>

include语法

hello/templates/page1.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

{% include 'top.html' %}

<section>

    <h1>body正文</h1>

    <p>正文内容</p>

</section>

{% include 'end.html' %}

</body>

</html>

hello/views.py视图函数

from django.shortcuts import render

# Create your views here.

def page1(request):

    return render(request, 'page1.html')

urls.py添加访问路径

from django.conf.urls import url

from django.urls import re_path, path

from hello import views

urlpatterns = [

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

]

浏览器访问地址http://127.0.0.1:8000/page1/就能看的效果了

带参数

公共部分top.html和end.html里面也可以传变量，如

<section>

    <h1>顶部导航</h1>

    <p>python自动化-{{name}}</p>

    <hr>

</section>

对应视图函数

def page1(request):

    context = {"name": "yoyo"}

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

django交流QQ群：779429633

python测试开发django-6.模板中include使用的更多相关文章

  1. Python后台开发Django（ 模板 与 值匹配 ）

    模板文件(templates) 在setting.py中,设置模板存放位置 在APP中view的使用 from django.shortcuts import render #导入 def homex ...

  2. python测试开发django-67.templates模板变量取值

    前言 django 的模板里面变量取值是通过句点语法来取值,就是一个点(.)符号.取值的对象也可以是字符串,int类型,list列表,字典键值对,也可以是一个类的实例对象. views视图 比如我在 ...

  3. python测试开发django-2.templates模板与html页

    前言 Django 中的视图的概念是一类具有相同功能和模板的网页的集合.通俗一点来说,就是你平常打开浏览器,看到浏览器窗口展示出来的页面内容,那就是视图.前面一章通过浏览器访问http://127.0 ...

  4. python测试开发django-69.templates模板过滤器filter

    前言 templates 模板里面过滤器 filter 的作用是对变量的出来,比如小写转大写,替换一些特殊字符,对列表取值,排序等操作. 内置的过滤器有很多,本篇拿几个常用的过滤器做案例讲解下相关的功 ...

  5. python测试开发django-68.templates模板标签{% for %}

    前言 有些标签类似这样: {% tag %} ,需要开始和结束标签 例如:{% tag %} ...标签 内容 ... {% endtag %},一般用于循环列表对象输出内容. for 标签 {% f ...

  6. python测试开发django-40.模型(model)中choices使用

    前言 之前一直在想页面上如果一个字段只有固定的几个选项,类似select下拉框这种,如果在表里面设置一个外键的话,是不是有点傻了,这样为了几个选项弄一张表不值得. 后来看到Django模型中的字段有个 ...

  7. python测试开发django-56.模板渲染markdown语法+代码高亮

    前言 上一篇已经实现在xadmin后台编辑markdown语法的文档,编辑完成之后发布博客,在前端html能把markdown语法显示出来. 主要思路是先从数据库把markdown的代码读出来,导入m ...

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

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

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

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

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

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

随机推荐

  1. 数据图表插件echarts（二）

    前言 上一篇文章简单介绍了一下百度公司前端部门写的一个js插件echarts,这是一款很强大的图表插件,里面的地图控件也是很强大的,支持离线的使用,并且数据也是离线的,使用很方便.下面我就简单介绍一下 ...

  2. MyEclipse 10、9、8 添加jadClipse反编译插件

    jad是一个使用比较广泛的Java反编译软件,jadClipse是jad在eclipse下的插件,如何将jadclipse加入到MyEclipse10.X,9.X,8.X当中: http://nchc ...

  3. console在ie下不兼容的问题（console在ie9下阻碍页面的加载，打开页面一片空白）

    在页面中加入以下代码: window.console = window.console || (function() { var c = {}; c.log = c.warn = c.debug = ...

  4. strings.xml显示html格式

    需求:合同协议,其中指定内容为红色 效果图: 实现如下: <string name="learn_ticket_agreement" formatted="fals ...

  5. ZOJ 4010 Neighboring Characters（ZOJ Monthly, March 2018 Problem G，字符串匹配）

    题目链接  ZOJ Monthly, March 2018 Problem G 题意  给定一个字符串.现在求一个下标范围$[0, n - 1]$的$01$序列$f$.$f[x] = 1$表示存在一种 ...

  6. 洛谷P2671 求和 [数论]

    题目传送门 求和 格式难调,题面就不放了. 分析: $ZYYS$的一道题. 很显然是大力推公式.我们分析一下题目,实际上限制条件就是:下标同奇偶且颜色相同的数,那么我们先拿这个公式$(x+z)*(nu ...

  7. CodeForces - 725D Contest Balloons 贪心

              D. Contest Balloons          time limit per test 3 seconds         memory limit per test 2 ...

  8. Android IntentService

    IntentService简要分析 IntentService 继承自 android.app.Service.内部实现极其简单. 首先在 onCreate()中去开启了一个 HandlerThrea ...

  9. 出现报错: module build failed error couldn't find preset es2015 relative to directory

    当用webpack 进行 build 的时候, 会出现如上标题的错误, 解决方式是在 上级 或者 上上级目录,删除 .babelrc 文件

  10. sql分组排序取top

    写法1: use anypay; select tr.* from (select task_code, max(created_at) as cal from task_log group by t ...