Django模板系统-母板和继承

母板和继承

母版

html页面，提取多个页面的公共部分
定义多个block块，需要让子页面进行填充

<head>

   {% block page-css %}

  {% endblock %}

</head>

<body>



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



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

{% endblock %}



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

{% block page-js %}



{% endblock %}

</body>

继承

在模板的左上方写上{% extends '母板文件名' %}
重写block块，写在block内部

块block

 {% extends 'home.html'%}

 {% block page-main %}

  <p>《叽叽喳喳的世界》</p>

  <p>作者：叽叽喳喳</p>

 {% endblock %}

注意

{% extends 'base.html' %} 带上引号不带的话会当做变量
{% extends 'base.html' %} 上面不要写其他内容
要显示的内容写在block块中
母板定义多个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模板系统-母板和继承的更多相关文章

Django 模板系统
Django模板系统常用语法 {{}} 变量相关 {%%} 逻辑相关变量格式 {{ 变量名 }} 命名规则包括任何字母数字以及下划线 ("_")的组合变量名称中不能有空格 ...
Python学习（二十八）—— Django模板系统
转载自http://www.cnblogs.com/liwenzhou/p/7931828.html Django模板系统官方文档一.常用语法只需要记两种特殊符号: {{ }}和 {% %} ...
django模板系统基础
模板系统基础Django模板是一个string文本,它用来分离一个文档的展现和数据模板定义了placeholder和表示多种逻辑的tags来规定文档如何展现通常模板用来输出HTML,但是Djang ...
Django模板系统(非常详细)（后台数据如何展示在前台）
前面的章节我们看到如何在视图中返回HTML,但是HTML是硬编码在Python代码中的这会导致几个问题:1,显然,任何页面的改动会牵扯到Python代码的改动网站的设计改动会比Python代码改动更频 ...
python MVC、MTV 框架介绍 Django 模板系统常用语法
Django 框架简介一.MVC框架和MTV框架1.MVC 全名Model View Controller,是软件工程中的一种软件架构模式,把软件系统分为三个基本部分.优势: 耦合性低重用性高生命 ...
（转）Django学习之第四章：Django模板系统
前面的章节我们看到如何在视图中返回HTML,但是HTML是硬编码在Python代码中的这会导致几个问题: 1.显然,任何页面的改动会牵扯到Python代码的改动网站的设计改动会比Python代码改 ...
python终极篇 ---django 模板系统
模板系统 . MV ...
Django模板系统：Template
一.模板常用语法 1.1 变量符号:{{ }} 表示变量,在模板渲染的时候替换成值使用方式:{{ 变量名 }}:变量名由字母数字和下划线组成点(.)在模板语言中有特殊的含义,用来获取对象的相应属 ...
Django模板系统
创建模板对象Template类在django.template模板中 // 用django-admin.py startproject 命令创建一个项目目录django-admin.py startp ...

随机推荐

【agc004d】Teleporter
题目大意一棵树,改变一些边的父亲,使得深度不超过k. 解题思路我一开始就想到了贪心,结果莫名其妙的把这种方法给否决了, 然后考虑优化树形dp,然后优化失败⊙﹏⊙ 贪心思路很简单,也很好感受出来,从 ...
实用——pojo （实体类）常用函数
1,转义方法 @JsonProperty("n")
B/S上传超大文件解决方案
4GB以上超大文件上传和断点续传服务器的实现随着视频网站和大数据应用的普及,特别是高清视频和4K视频应用的到来,超大文件上传已经成为了日常的基础应用需求. 但是在很多情况下,平台运营方并没有大文件上 ...
java批量下载
最近做了一些有关批量压缩下载的功能,网上也找了一些资源,但都不是太全面,所以自己整理一份,已备不时之需. 直接上代码: // 获取项目路径 private static String WEBC ...
typedef简化
/*** mystrcat: ***/ #include<stdio.h> #include<string.h> char *mystrcat(char *s1,char *s ...
Centos 7自定义屏幕分辨率
$ xrandrScreen 0: minimum 1 x 1, current 1680 x 900, maximum 8192 x 8192Virtual1 connected primary 1 ...
【一起学源码-微服务】Nexflix Eureka 源码二：EurekaServer启动之配置文件加载以及面向接口的配置项读取
前言上篇文章已经介绍了为何要读netflix eureka源码了,这里就不再概述,下面开始正式源码解读的内容. 如若转载请标明来源:一枝花算不算浪漫代码总览还记得上文中,我们通过web.xm ...
[笔记]共享内存(shm)
一.特点共享内存允许多个不同的进程可以访问同一块内存.相较于其他IPC形式,具有速度快,效率高的特点,共享内存的存在降低了在大规模数据处理过程中内存的消耗. 二.创建共享内存 1.头文件 #incl ...
ai笔记
8 Linux 文件类型
Linux 系统中的文件是没有扩展名的. 1.通过 ls -l 文件名,看第一个字符判断文件类型: - 普通文件(文本文件.二进制文件.压缩文件.电影.图片等) d 目录文件 b 设备文件(块设 ...