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 ...

随机推荐

[转帖]docker使用buildx构建多平台(x86,arm64)构架镜像
https://blog.csdn.net/atzqtzq/article/details/128583331 配置文件激活buildx docker目前使用版本为Server Version: 20 ...
Sysbench的简单学习-编译与安装
sysbench的简单学习-编译与安装摘要 github上面获取一下最新版本 https://github.com/akopytov/sysbench 注意现在 2023.2.17 最新版是 sys ...
【图论】CF1508C Complete the MST
Problem Link 有一张 \(n\) 个点的完全图,其中 \(m\) 条边已经标有边权.你需要给剩下的边都标上权值,使得所有边权的异或和为 \(0\),并且整张图的最小生成树边权和最小. \( ...
js中for in和for of详细讲解
for in的详细讲解, for in遍历数组的毛病 1.index索引为字符串型数字,不能直接进行几何运算. 2.遍历顺序有可能不是按照实际数组的内部顺序 3.使用for in会遍历数组[所有的可枚 ...
&&运算提高代码质量
sendGiveWeb: { code: 200, success: true, data: [ { id: "1230", name: "lh" }, { i ...
gin启动https支持
gin是一个使用Go语言开发的Web框架,具有运行速度快,分组的路由器,良好的崩溃捕获和错误处理,支持中间件等. 在工作中有时候需要支持https服务,gin可以通过中间件的方式来提供对https的支 ...
【JVM】运行时内存分配
程序计数器用于标识线程执行到了字节码文件(class文件)的哪一行,当执行native方法时,值为undefined,各个线程私有 Java虚拟机栈每个线程独有,每个方法执行时会创建一个栈帧,用于 ...
20.8 OpenSSL 套接字SSL传输文件
有了上面的基础那么传输文件的实现就变得简单了,在传输时通常我们需要打开文件,并每次读入1024个字节的数据包,通过SSL加密传输即可,此处的文件传输功能在原生套接字章节中也进行过详细讲解,此处我们还是 ...
使用s3fs-fuse挂载minio文件时无法删除问题排查过程
使用s3fs-fuse挂载minio文件时无法删除问题排查过程结论:部分场景无法满足,具体问题详见正文 1. 部署minio docker run -p 9000:9100 -p 909 ...
教你轻松用上ChatGPT
最近ChatGPT大火呀,小伙伴们是不是在网上看到各种和ChatGPT有趣聊天的截图,奈何自己实力不够,被网络拒之门外,只能眼馋别人的东西.看别人玩,肯定不如自己玩一把舒服的啊.今天小卷就给大家汇总了 ...

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

django模板渲染

基本语法

变量使用

过滤器

内置过滤器

标签

for循环标签

if标签

with标签

使用标签的注意事项

自定义标签和过滤器

模板继承

注意事项：

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

随机推荐

热门专题