django模板渲染

模板渲染，模板指的就是html文件，渲染指的就是字符串替换，将模板中的特殊符号替换成相关数据

基本语法

      {{ 变量 }}

      {% 逻辑 %}

变量使用

示例

      Views.py文件

      def home(request):

            class A:

                  def __init__(self):

                        self.username = '小白'

                  #如果方法需要再模板中使用，那么不能有其他参数

                  def xx(self):

                        return '小白xx'

            info = {

                  'name' = '小黑'

                  'hobby' = ['保健','足疗','洗头']，

                  'num' = 100,

                  'd1' : {'xx':'oo'},

                  'l1': [11,22,{'ss':'kk'}],

                  'a' : A(),

      }

      return render(request,'home.html,info')

      home.html内容如下

      重点：万能的据点号。通过点可以进行数据的索引取值，属性取值，取方法等等

      <body>

      <h2>{{ name }}</h2>

      <ul>

            {% for i in hobby %}

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

            {% endfor %}

      </ul>

      <hr>

      {{ num }}

      <p>

            {{ l1.2.ss }}

      </p>

      <p>

            {{ d1.xx }}

      </p>

      <p>

            {{ a.username }}

      </p>

      <p>

            {{ a.xx }} #调用方法时不能加括号，意味着不能传参，也就是后面定义的方法也不能有参数。

      </p>

      </body>

      urls.py内容

      url(r'^home/',views.home)

过滤器

在django的模板语言中，通过使用过滤器来改变变量的显示。

      过滤器的语法：{{ value|filter_name:参数 }}

      使用过滤器的注意事项

      1.过滤器支持'链式'操作。即一个过滤器的输出作为另一个过滤器的输入。

      {{ sss|过滤器1:30|过滤器2... }}

      2.过滤器可以接受参数，例如:{{ sss|truncatewords:30 }},这将显示sss的前30个单词

      3.'|'左右没有空格

内置过滤器

常用的内置过滤器示例
default

      如果一个变量是False或者为空，使用给定的默认值。否则使用变量的值

      {{ value|default:'nothing' }} #default后面的默认值记得加引号

      如果value没有传值或者值为空或者False的话就显示nothing

length

      返回值的长度，作用于字符串和列表,字典等。

      {{ value|length }}

      返回value的长度，如value=['a','b','c','d']的话，就显示4

filesizeformat

      将值格式化为一个'人类可读的'文件尺寸(例如'13kb','4.1MB','102bytes'等等) 例如：

      {{ value|filesizeformat }}

      如果value是123456789，将输出时117.7MB。

slice

      切片，如果value='hello world'，还有其他可切片的数据类型

      {{ value|slice:'2:-1' }}  # llo worl

date

      格式化，如果value=datetime.datetime.now(),如果不想显示为UTC时间，将django的settings.py配置文件中的TIME_ZONE这一项修改一下，修改为TIME_ZONE = 'Asia/Shanghai'

      比如，后台返回的数据为{'value':datetime.datetime.now()}

      对上面的数据进行格式化：{{ value|date:'Y-m-d H:i:s' }} #2020-07-14 20:31:41

safe

      xxs攻击，全称跨站脚本攻击 Django的模板中在进行模板渲染的时候会对HTML标签和JS语法标签进行自动转义，原因显而易见，这样为了安全，django担心这是用户添加的数据，比如如果有人给你评论的时候写了一段js代码，这个评论已提交，js代码就执行了，这样你是不是可以搞一些事情，写个自动弹框的死循环，那浏览器还能用吗，是不是会一直弹窗，这叫做xss攻击，所以浏览器不让你这么搞，给你转义了，但是有的时候我们可能不希望这些HTML元素被转义，比如我们做一个内容管理系统，后台添加的文章是经过修饰的，这些修饰可能是通过一个类似于FCKeditor编辑加注了HTML修饰符的文本，如果自动转义的话就显示的就是保护HTML标签的源文件。在Django中关闭HTML的自动转义有两种方式，如果是一个单独的变量我们可以通过过滤器|safe的方式告诉Django这段代码是安全的不必转义。

      {'a_tag':'<a href="">百度</a>'}

      渲染

      {{ a_tag|safe }} #意思是这个标签是安全的，不让它转义,就显示正常标签

truncatechars

      如果字符串字符多于指定的字符数量，那么会被截断。截断的字符串将以可翻译的省略号序列('...')结尾。

      参数：截断的字符串

      {{ value|truncatechars:9 }} #注意：最后那三个省略号也是9个字符里面的，也就是这个9截断出来的是6个字符加3个省略号。这边要注意下，过滤的长度不能跟你后台数据的字符串长度一致，这样会不显示省略号。只能比你后台数据字符串长度要少。

truncatewords

      在一定数量的字后截断字符串，是截多少个单词。

      列如: 'hello girl hi baby yue ma'

      {{ value|truncatewords:3 }}#上面得到的结果是 'hello girl hi ...'

      移除value中所有的与给出的变量相同字符串

      列子: 'k':' woshi nide baby  '

      {{ value|cut:' ' }} #移除所有空格 #woshinidebaby

join

      使用字符串连接列表,{{ list|join:',' }}，就像python中的str.join(list)

      'hobby':['洗澡','烫头','推背']

      {{ hobby|join:'+' }}

注意：模板渲染在浏览器渲染之前，模板渲染就是字符串替换，替换完成之后，将替换完的整体文件字符串返回给浏览器，浏览器再进行浏览器渲染，展示页面效果

      #循环列表

      <ul>

            {% for i in hobby %}

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

            {% empty %} #当hobby为空或者后台没有给这个数据，那么会显示empty下面的内容

                  <h2>抱歉,没有查询到相关数据<h2/>

            {% endfor %}

      </ul>

示例循环字典

      <ul>

            {% for i in d %} #循环键

            {% for i in d.values %} #循环值

            {% for k,v in d.items %} #循环键跟值

                  <li>{{ k }}--{{ v }}</li>

            {% endfor %}

      </ul>

循环计数

      <ul>

      {% for in in l1 %}

            #{{ forloop }}

            {% for h in hobby %}

                  <li>{{forloop.parentloop.count }}--{{ forloop.revcounter0 }}--{{ h }}--{{ forloop.last }}</li>

            {% endfor %}

      {% endfor %}

      </ul>

forloop的解释

      注：循环序号可以通过{{ forloop }}显示，必须在循环内部用

forloop.counter  当前循环的索引值(从1开始),forloop是循环器,通过点来使用功能

forloop.counter0 当前循环的索引值(从0开始)

forloop.revcounter 当前循环的倒序索引值(从1开始)

forloop.revcounter0 当前循环的倒序索引值(从0开始)

forloop.first   当前循环是不是第一次循环(布尔值)

forloop.last    当前循环是不是最后一次循环(布尔值)

forloop.parentloop 本层循环的外层循环的需，再通过上面的几个属性来显示外层循环的计数等

反向循环 reversed

      'hobby':['a','b','c']

      {% for i in hobby reversed %}

            <li>{{ i }}</li> # c,b,a

      {% endfor %}

if标签

{% if %}会对一个变量求值，如果它的值是'True'(存在，不为空,且不是boolean类型的false值)，对应的内容块会输出

      {% if num > 100 or num < 0 %} #之间必须隔开不能写一起

            <p>无效</p> #不满足这个标签不会生成这个标签

      {% elif num > 80 and num < 100 %}

            <p>优秀</p>

      {% else %}

            <p>凑活吧</p>

      {% endif %}

      当然也可以只有if和else

      {% if user_list|length > 5 %}  #结合过滤器一起使用

           <p>牛逼克拉斯</p>

       {% else %}

            <p>小米加步枪</p>

      {% endif %}

      if语句支持and，or，==，>,<,!=,<=,>=,in,not in,is,is not判断，注意条件两边都有空格。

with标签

使用一个简单的名字缓存一个复杂的变量，多用于给一个复杂的变量起别名，当你需要使用一个'昂贵的'方法(比如访问数据库)很多次的时候是非常有用的

      列如：

      注意等号左右不要加空格

      {% with total=business.employees.count %}

            {{ total }}  #只能在with语句体内用，在体外需要使用别名

      {% endwith %}

      或

      {% with business.employees.count as total %}

            {{ total }}

      {% endwith %}

使用标签的注意事项

1.Django的模板语言不支持连续判断，即不支持以下写法

      {% if a > b > c %}

            ...

      {% endif %}

2.Django的模板语言中属性的优先级大于方法(了解) 注意起名字的时候不要跟方法同名

      def items(request):

            d = {"a":1,"b":2,"c":3,"items":'100'}

            return render(request,'xx.html',{'data':d})

      如上，我们在使用render方法渲染一个页面的时候，传的字典d有一个key是items并且还有默认的d.items()方法，此时在模板语言中：

            {{ date.items }}

            默认会取d的items key的值

自定义标签和过滤器

自定义过滤器

      注意：在settings中的INSTALLED_APPS配置当前app，不然django无法找到自定义的simple_tag.

      1.在app中创建templatetags文件夹(文件夹只能是templatetags)

      2.在templatetags文件夹中创建任意.py文件：如：mytag.py

      3.在mytag.py文件中写上如下内容

      from django import template  #先导入这个包

      register = template.Library()  #制作注册器，名字必须叫register

      #过滤器最多两个参数

      @register.filter  #注册过滤器，需要两个参数的

      def add(v1,v2):  #v1表示管道符前面的，v2表示冒号后面的参数

            print(v1,v2) #100 50

            return v1+v2

      @register.filter  #注册过滤器，需要一个参数的

      def xxx(v1):  #v1表示管道符前面的

            print(v1)

            return 'xxx'

      @register.simple_tag

      def atag(v1,v2,v3):  #没有参数个数限制,多个参数

            print(v1,v2,v3)

            return v1+v2+v3

4.使用，在html文件中写上如下内容

      {% load mytag %} #首先通过load来加载一个mytag文件，不一定放在文件的开头，但是一定要放在使用过滤器的前面先进行引用

      {{ num|add:50}} #对应2个参数，使用过滤器,和django内置过滤器用法一样，这里生成的是add函数的返回值，#num对应v1，50对应v2

      {{ num|xxx }} #对应1个参数

      {% atag a b c %}#这个对应没有参数个数限制的，必须是{%%}来包裹使用,显示标签名然后空格写参数，参数之间也是空格分隔的

模板继承

将一些页面公共的部分，可以抽离出来单独做成一个html页面，使用这些公用部分的其他html文件，只需要继承一下它就可以了，具体使用流程如下：
1.创建公用模板，比如内容如下

      body{

            padding:0;

            margin:0;

      }

      {% block css %}

      .nav{

            height:60px;

            background-color:green;

      }

      {% endblock %}

      .nav a{

            color:white;

            text-decoration:none;

      }

      .left-menu{

            width:30%;

            background-color:rgba(0,0,0,0.5);

            float:left;

      }

      .menu .menu-title{

            text-align:center;

      }

      .main{

            float:right;

            width:65%;

            height:300px;

            border:1px solid red;

      }

      <div class='nav'>

            <a href='/xx1/'>首页</a>

            <a href='/person/'>个人中心</a>

            <a href='detail/'>详情页</a>

      </div>

      <div class='left-menu'>

            <div class='menu'>

                  <div class='menu-title'>菜单1</div>

                  <div class='menu-body'>

                        <div class='item'>局部按摩</div>

                        <div class='item'>全身按摩</div>

                        <div class='item'>足底按摩</div>

                        <div class='item'>头部按摩</div>

                  </div>

                  <div class='menu-title'>菜单2</div>

                  <div class='menu-body'>

                        <div class='item'>盲人按摩</div>

                        <div class='item'>推背</div>

                        <div class='item'>刮痧</div>

                        <div class='item'>精油，火罐</div>

                  </div>

            </div>

      </div>

      <div class='main'>

            {% block content %}

                  公共页面

            {% endblock %}

2.将来如果说继承公用模板的html文件中需要修改公用模板中的一些内容，那么需要再公用模板中预留一些钩子，钩子的写法如下

      {% block content %} #block 后面的块名称随便起

            公共页面

      {% endblock %}

      #也可以这样写 {% endblock content %} #endblock指定名称

3.继承公用模板需要再html文件中写入内容:

      {% extends '要继承的html文件名' %} #需要先继承一下公用模板，写法就是extends '公用模板文件名称'，注意，必须写在第一行

      {% block css %}

            .nav{

                  height:60px;

                  background-color:pink;

            }

      {% endblock css %}

      {% block content %}

            <h1>首页</h1>

      {% endblock content %}

4.在使用公用模板的其他html文件中，如果需要更改公用模板里面的内容，只需要再html文件中写上相同的钩子，钩子里面写上自定义的内容，写法如下：

      {% block css %}

            .nav{

                  height:60px;

                  background-color:pink;

            }

      {% endblock %}

      {% block content %}

            <h1>首页</h1>

      {% endblock content %}

注意事项：

如果你在模板中使用{% extends %}标签，它必须是模板中的第一个标签。其他任何情况下，模板继承都将无法工作，模板渲染的时候django都不知道你在干啥。
在base模板中设置越多的{% block %}标签越好，请记住，子模板不必定义全部父模板中的block，所以你可以在大多数block中填充合理的默认内容，然后，只定义你需要的拿一个。多一点钩子总比少一点的好。
如果你发现你自己在大量的模板中复制内容，那可能以为着你应该把内容移动到父模板中的一个{% block %}中
{{ block.super }}的使用，在子模板中也展示父模板原来钩子中的内容

      {% block content %}

            <h1>首页</h1>

            {{ block.super }}#在子模板修改父模板内容时，不仅显示修改后的内容，同时也让父模板原有的内容显示

      {% endblock %}

为了更好的可读性，你也可以给你的{% endblock %}标签一个名字。例如：

      {% block content %}

            ...

      {% endblock content %}

      在大型模板中，这个方法帮你清楚的看到哪一个block标签被关闭了。

不能在一个模板中定义多个形同名字的block标签

      #两个block都叫content,这种写法不对

      {% block content %}

            <h1>首页</h1>

      {% endblock content %}

      {% block content %}

            <h1>首页</h1>

            {{ block.super }}

      {% endblock %}

django学习第三天---django模板渲染，过滤器，反向循环 reversed，自定义标签和过滤器，模板继承的更多相关文章

python 全栈开发，Day70(模板自定义标签和过滤器,模板继承 (extend),Django的模型层-ORM简介)
昨日内容回顾视图函数: request对象 request.path 请求路径 request.GET GET请求数据 QueryDict {} request.POST POST请求数据 Quer ...
Django基础(2)--模板自定义标签和过滤器,模板继承 (extend),Django的模型层-ORM简介
没整理完昨日回顾: 视图函数: request对象 request.path 请求路径 request.GET GET请求数据 QueryDict {} request.POST POST请求数据 ...
Django模板自定义标签和过滤器，模板继承（extend），Django的模型层
上回精彩回顾视图函数: request对象 request.path 请求路径 request.GET GET请求数据 QueryDict {} request.POST POST请求数据 Quer ...
Django 模板语法变量过滤器模板继承组件自定义标签和过滤器静态文件相关
本节目录一语法二变量三过滤器四标签Tags 五模板继承六组件七自定义标签和过滤器八静态文件相关一语法模板渲染的官方文档关于模板渲染你只需要记两种特殊符号(语法 ...
Django框架（七）—— 模板层：变量、过滤器、标签、自定义标签和过滤器
目录模板层:变量.过滤器.标签.自定义标签和过滤器一.模板层变量 1.语法 2.使用二.模板层之过滤器 1.语法 2.常用过滤器 3.其他过滤器三.模板值标签 1.for标签 2.if标签 3 ...
django中自定义标签和过滤器
想要实现自定义标签和过滤器需要进行准备工作: 准备(必需)工作: 1 在某个app下创建一个名为templatetags(必需,且包名不可变)的包.假设我们在名为polls的app下创建了一个tem ...
django 自定义标签和过滤器
django 自定义标签和过滤器 Django支持自定义标签和过滤器.起初还不太重视它这项功能,但最近试了试自定义标签.发现django这个功能实在是太爽了. 首先在你项目的一个app中建立一个pyt ...
day58——模板继承、组件、自定义标签和过滤器、inclusion_tag、静态文件配置、url别名和反向解析、url命名空间
day58 模板相关模板继承(母版继承) 1. 创建一个xx.html页面(作为母版,其他页面来继承它使用) 2. 在母版中定义block块(可以定义多个,整个页面任意位置) {% block co ...
Django框架（六）--模板层：变量、过滤器、标签、自定义标签和过滤器
将页面的设计和Python的代码分离开会更干净简洁更容易维护. 我们可以使用 Django的模板系统 (Template System)来实现这种模式 # django模板修改的视图函数 def c ...
Django下自定义标签和过滤器
---恢复内容开始--- 第一步:确保setting中的INSTALL_APPS配置当前的app,要不然Django无法找到自定义的simple_tag. 第二步:在app中创建templatetag ...

随机推荐

[转帖]centos7 firewall-cmd主机之间端口转发
目录 1. firewalld 1.1 firewalld守护进程 1.2 控制端口/服务 1.3 伪装IP 1.4 端口转发 2. 案例 2.1 配置ServerA 2.2 安装nginx测试 (可 ...
[转帖]ARMv8架构概述、相关技术文档以及ARMv8处理器简介
ARMv8架构文章目录 ARMv8架构参考文档 ARMv8架构的概述从32位到64位的变化The changes from 32 bits to 64 bits 1,Larger registe ...
gin框架中如何实现流式下载
作者:张富春(ahfuzhang),转载时请注明作者和引用链接,谢谢! cnblogs博客 zhihu Github 公众号:一本正经的瞎扯团队中之前的文件下载做得比较复杂,因为担心量太大,是后台做 ...
Xmind永久会员版本
Xmind软件不要多介绍了思维导图最好用的软件 PJ后可以直接使用高级版本功能如图使用方式下载我们提供的版本和.dll即可如图点击Xmind安装默认C盘不可以自定义位置安装完成后进入patch ...
时不我待，拥抱趋势，开源IM项目OpenIM技术简介
坚持开源开源的理念是基于共享.合作和透明的原则,将软件.代码等知识资源公开并允许他人使用.修改和重新分发,以促进创新和发展.以下是几个开源的优点: 创新:开源可以促进创新,通过让其他人改进或扩展已有 ...
提升vscode的搜索速度
在全局搜索速度上vscode比pycharm要慢不少,尤其是对于我们这种近二十年历史的项目代码来说特别明显,所以这里记录一下我是如何加快vscode的搜索速度的. 官方的搜索建议 https://co ...
7.0 Python 面向对象编程
python是一种面向对象的编程语言,面向对象编程(Object-Oriented Programming,OOP)是一种编程思想,其核心概念是"对象".对象是指一个具有特定属性和 ...
C/C++ x64 Inline Hook 代码封装
Hook 技术常被叫做挂钩技术,挂钩技术其实早在DOS时代就已经存在了,该技术是Windows系统用于替代DOS中断机制的具体实现,钩子的含义就是在程序还没有调用系统函数之前,钩子捕获调用消息并获得控 ...
安装kali linux操作系统（转） - 初学者系列 - 学习者系列文章
前段时间想到操作系统安全问题,所以对操作系统的防火墙和安全软件都进行了安装.然后,涉及到Linux系统的安全测试问题,所以找到了Linux系统里的安全测试的版本Kali Linux系统.本文仅对该系统 ...
【奶奶看了都会】Meta开源大模型LLama2部署使用教程，附模型对话效果
1.写在前面就在7月19日,MetaAI开源了LLama2大模型,Meta 首席科学家.图灵奖获得者 Yann LeCun在推特上表示Meta 此举可能将改变大模型行业的竞争格局.一夜之间,大模型格 ...

django学习第三天---django模板渲染，过滤器，反向循环 reversed，自定义标签和过滤器，模板继承

django模板渲染

基本语法

变量使用

过滤器

内置过滤器

标签

for循环标签

if标签

with标签

使用标签的注意事项

自定义标签和过滤器

模板继承

注意事项：

django学习第三天---django模板渲染，过滤器，反向循环 reversed，自定义标签和过滤器，模板继承的更多相关文章

随机推荐

热门专题