母板和继承

母版

  1. html页面，提取多个页面的公共部分

  2. 定义多个block块，需要让子页面进行填充

<head>

   {% block page-css %}

  {% endblock %}

</head>

<body>

​

<h1>这是母板的标题</h1>

​

{% block page-main %} # 设置block块，可以在模板中进行个性化设置

{% endblock %}

​

<h1>母板底部内容</h1>

{% block page-js %}

​

{% endblock %}

</body>

继承

  1. 在模板的左上方写上{% extends '母板文件名' %}

  2. 重写block块 ，写在block内部

  3. 块block

     {% extends 'home.html'%}
    
 {% block page-main %}
    
  <p>《叽叽喳喳的世界》</p>
    
  <p>作者：叽叽喳喳</p>
    
 {% endblock %}　　

注意

  1. {% extends 'base.html' %} 带上引号 不带的话会当做变量

  2. {% extends 'base.html' %} 上面不要写其他内容

  3. 要显示的内容写在block块中

  4. 母板定义多个block 用于定义 css 或者 js

组件

可以将常用的页面内容如导航条，页尾信息等不会已经写完不会经常更改的组件保存在单独的文件中，然后在需要使用的地方按如下语法导入即可。

 {% include '组件模板' %}

静态文件相关

静态文件引入
 引用CSS

 {% load static %}

 <link rel="stylesheet" href="{% static 'css/dashboard.css' %}">

 ​

 引用JS

 {% load static %}

 <script src="{% static "mytest.js" %}"></script>

 ​

 引用图片

 {% load static %}

 <img src="{% static "images/hi.jpg" %}" alt="Hi!" />

 ​

 某个文件多处被用到可以存为一个变量

 {% load static %}

 {% static "images/hi.jpg" as myphoto %}

 <img src="{{ myphoto }}"></img>
使用get_static_prefix
# 方式一

 {% load static %}

 <img src="{% get_static_prefix %}images/hi.jpg" alt="Hi!" />

 ​

 # 方式二

 {% load static %}

 {% get_static_prefix as STATIC_PREFIX %}

 ​

 <img src="{{ STATIC_PREFIX }}images/hi.jpg" alt="Hi!" />

 <img src="{{ STATIC_PREFIX }}images/hi2.jpg" alt="Hello!" />
自定义simpletag

和自定义filter类似，只不过接收更灵活的参数。

定义注册simple_tag

 @register.simple_tag(name="plus")  # 可以省略(name="plus")

 def plus(a, b, c):

    return f"{a} + {b} + {c}"

使用自定义simple_tag

 {% load tag %}  #(load 文件名)即可

 ​

 {% plus "1" "2" "abc" %}

【与filter的区别】

  • filter是过滤器，simple_tag是标签

  • filter最多传入两个参数

inclusion_tag

多用于返回html代码片段

templatetags/my_inclusion.py设计功能

 from django import template

 ​

 register = template.Library()

 ​

 @register.inclusion_tag('page.html')  # 结合的是page.html模板

 def page(num):

    return {'num':range(1,num+1)}   # 返回必须是一个字典

templates/page.html进行组件设计

# page模板中存放的是一个分页组件

 ​

 <nav aria-label="Page navigation">

  <ul class="pagination">

    <li>

      <a href="#" aria-label="Previous">

        <span aria-hidden="true">«</span>

      </a>

    </li>

    {% for i in num %}

          <li>

              <a href="#">{{ i }}</a>

          </li>

      {% endfor %}

 ​

    <li>

      <a href="#" aria-label="Next">

        <span aria-hidden="true">»</span>

      </a>

    </li>

  </ul>

 </nav>

templates/jjzz.html中进行调用

 <body>

 ​

 {% load my_inclusion %}

 {% page 5 %}

 ​

 </body>

 </html>

Django模板系统-母板和继承的更多相关文章

  1. Django 模板系统

    Django模板系统 常用语法 {{}} 变量相关 {%%} 逻辑相关 变量 格式 {{ 变量名 }} 命名规则 包括任何字母数字以及下划线 ("_")的组合 变量名称中不能有空格 ...

  2. Python学习（二十八）—— Django模板系统

    转载自http://www.cnblogs.com/liwenzhou/p/7931828.html Django模板系统 官方文档 一.常用语法 只需要记两种特殊符号: {{  }}和 {% %} ...

  3. django模板系统基础

    模板系统基础Django模板是一个string文本,它用来分离一个文档的展现和数据 模板定义了placeholder和表示多种逻辑的tags来规定文档如何展现 通常模板用来输出HTML,但是Djang ...

  4. Django模板系统(非常详细)（后台数据如何展示在前台）

    前面的章节我们看到如何在视图中返回HTML,但是HTML是硬编码在Python代码中的这会导致几个问题:1,显然,任何页面的改动会牵扯到Python代码的改动网站的设计改动会比Python代码改动更频 ...

  5. python MVC、MTV 框架介绍 Django 模板系统常用语法

    Django 框架简介一.MVC框架和MTV框架1.MVC 全名Model View Controller,是软件工程中的一种软件架构模式,把软件系统分为三个基本部分.优势: 耦合性低 重用性高 生命 ...

  6. （转）Django学习之 第四章：Django模板系统

    前面的章节我们看到如何在视图中返回HTML,但是HTML是硬编码在Python代码中的 这会导致几个问题: 1.显然,任何页面的改动会牵扯到Python代码的改动 网站的设计改动会比Python代码改 ...

  7. python终极篇 ---django 模板系统

                                                模板系统                                                . MV ...

  8. Django模板系统：Template

    一.模板常用语法 1.1 变量 符号:{{ }} 表示变量,在模板渲染的时候替换成值 使用方式:{{ 变量名 }}:变量名由字母数字和下划线组成 点(.)在模板语言中有特殊的含义,用来获取对象的相应属 ...

  9. Django模板系统

    创建模板对象Template类在django.template模板中 // 用django-admin.py startproject 命令创建一个项目目录django-admin.py startp ...

随机推荐

  1. IPC 进程间通信方式——信号量

    信号量 本质上是共享资源的数目,用来控制对共享资源的访问. 用于进程间的互斥和同步 每种共享资源对应一个信号量,为了便于大量共享资源的操作引入了信号量集,可对多对信号量一次性操作.对信号量集中所有的操 ...

  2. RobotFramework 截取中文中的数字比较时长

    先看下需求,这个报表中有个时长,需要对昨日和前日的时长进行比较,我们获取到的元素是例如“9分43秒”这样的格式 1.首先要讲中文中的分和秒分别提取出来 提取python代码如下: import res ...

  3. pyspark中的dataframe的观察操作

    来自于:http://www.bubuko.com/infodetail-2802814.html 1.读取: sparkDF = spark.read.csv(path) sparkDF = spa ...

  4. CSS3选择器:nth-child和:nth-of-type的差异

    p:nth-child(2)表示这个元素要是p标签,且是第二个子元素,是两个必须满足的条件. <section> <div>我是一个普通的div标签</div> & ...

  5. Reborn & Recover

    高考总算是结束了 而我们的旅程却还在继续 现在姑且是个ACMer(暂定) 而我已经将近一年没写代码了 接下来是全新的开始 全新的学校 全新的未来 总之从现在开始 试着努力看看吧!

  6. webpack4(4.41.2) 打包出现 TypeError this.getResolve is not a function

    报错问题: webpack 打包出现 TypeError: this.getResolve is not a function 环境: nodejs 12.13.0 npm 6.12.0 webpac ...

  7. BZOJ 4221 [JOI2012春季合宿]Kangaroo (DP)

    题目链接 https://www.lydsy.com/JudgeOnline/problem.php?id=4221 题解 orz WYC 爆切神仙DP 首先将所有袋鼠按大小排序.考虑从前往后DP, ...

  8. shell编程-定时任务（备份数据库）

    计划任务定时备份,删除等操作: #crontab -e #注意 会区分用户 默认在root用户登录用的是root权限用户的计划任务, 如果想在postgres备份 应使用postgres用户权限, 设 ...

  9. Alpha冲刺（3/6）

    队名:new game 组长博客:戳 作业博客:戳 组员情况 鲍子涵(队长) 燃尽图 过去两天完成了哪些任务 才两天,也就是实现一些功能而已 复习 接下来的计划 实现更多的功能 为下周的比赛准备 还剩 ...

  10. 浏览器是如何处理页面元素的Download？

    首先,浏览器对于script的下载是避免并行进行的.HTTP/1.1协议中规定浏览器和同一host之间只建立最多两个连接,也就是说允许的最 大并行度为2(当然,对IE和Firefox来说,你都可以通过 ...