模板渲染

模板渲染

基本语法: {{ 变量 }}  {% 逻辑 %}

变量

html文件代码:
    <p>{{ num }}</p>
    <p>{{ name }}</p>
    <p>{{ namelist.2 }}</p>
    <p>{{ d1.age }}</p>
    <p>{{ a.kind }}</p>
    <p>{{ a.eat }}</p>
views.py文件代码
    def index(request):
        num = 100
        name = 'shige'
        name_list = ['大壮','小壮','壮壮']
        d1 = {'name':'大壮','age':73,'hobby':'xuefei+xiangxi'}

        class Animal:
            def __init__(self):
                self.kind = 'dog'
            def eat(self):
                return 'shi'
        a = Animal()

        return render(request,'index.html',{'num':num,'name':name,'namelist':name_list,'d1':d1,'a':a})
        return render(request,'index.html',locals()) 
        locals() 获取函数内部所有变量的值,并加工成{'变量名':'变量值'....}这样一个字典

过滤器

内置过滤器

获取数据长度

<标签>{{ 属性|length }}</标签>

默认值,有参数,如果一个变量是false或者为空，使用给定的默认值。 否则，使用变量的值

<标签>{{ 属性|default:'不存在这个属性' }}</标签>

将值格式化为一个 “人类可读的” 文件尺寸 （例如 '13 KB', '4.1 MB', '102 bytes', 等等）

<标签>{{ 属性|filesizeformat }}</标签>

切片

<标签>{{ 属性|date:'Y-m-d' }}</标签>

字符截断

<标签>{{ 属性|truncatechars:'要留的位数' }}</标签>

单词截断

<标签>{{ 属性|truncatewords:'要留下的单词数量' }}</标签>

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

<标签>{{ 属性|cut:'字符' }}</标签>

使用字符串连接列表

<标签>{{ 属性|join:'字符' }}</标签>

识别字符串中的标签

<标签>{{ 属性|safe }}</标签>

标签

for循环标签

标签一定有始有终

{% for foo in 对象 %}
    <标签>{{ foo }}</标签>
{% endfor %}

for循环其他方法

forloop.counter            当前循环的索引值(从1开始)，forloop是循环器，通过点来使用功能
forloop.counter0           当前循环的索引值（从0开始）
forloop.revcounter         当前循环的倒序索引值（从1开始）
forloop.revcounter0        当前循环的倒序索引值（从0开始）
forloop.first              当前循环是不是第一次循环（布尔值）
forloop.last               当前循环是不是最后一次循环（布尔值）
forloop.parentloop         本层循环的外层循环的对象，再通过上面的几个属性来显示外层循环的计数等
forloop.parentloop.counter

  {% for key,value in d1.items %}
        {{ forloop.counter }}
          <li>{{ key }} -- {{ value }}</li>
      {% endfor %}

  {% for key,value in d1.items %}
        {{ forloop.counter0 }}
          <li>{{ key }} -- {{ value }}</li>
      {% endfor %}

  {% for key,value in d1.items %}
          {{ forloop.revcounter }}
            <li>{{ key }} -- {{ value }}</li>
        {% endfor %}

  {% for key,value in d1.items %}
            {{ forloop.revcounter0 }}
              <li>{{ key }} -- {{ value }}</li>
          {% endfor %}

  {% for key,value in d1.items %}
            {{ forloop.first }}
              <li>{{ key }} -- {{ value }}</li>
          {% endfor %}


    <!-- forloop.parentloop示例 -->
    <ul>
        {% for dd2 in d2 %}
          <li>
            {% for ddd2 in dd2 %}
              {{ forloop.parentloop.counter }}
              {{ forloop.counter }}
              <a href="">{{ ddd2 }}</a>
            {% endfor %}

          </li>
      {% endfor %}
    </ul>

    <!-- empty示例 -->
    <ul>
       {% for foo in d3 %}
           <li>{{ foo }}</li>
       {% empty %}
         <li>查询的内容啥也没有</li>
      {% endfor %}

    </ul>

if标签

基本模式:

{% if 条件 %}
  <标签>结果1</标签> {#不满足条件不会生成这个标签#}
{% elif 条件 %}
  <标签>结果2</标签>
{% else %}
  <标签>结果3</标签>
{% endif %}

注意事项:

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

Django的模板语言不支持连续判断，即不支持以下写法：
{% if a > b > c %}
...
{% endif %}

Django的模板语言中属性的优先级大于方法（了解）
def xx(request):
    d = {"a": 1, "b": 2, "c": 3, "items": "100"}
    return render(request, "xx.html", {"data": d})

with标签

把一个对象定义一个变量,两种写法:

{% with 变量名=对象 %} {#'='前后不能有空格#}
  {{ total }} <!--只能在with语句体内用-->
{% endwith %}


{% with 对象 as 变量名 %}
  {{ total }}
{% endwith %}

csrf_token标签

安全认证机制  
    我们以post方式提交表单的时候，会报错，还记得我们在settings里面的中间件配置里面把一个csrf的防御机制给注销了啊，本身不应该注销的，而是应该学会怎么使用它，并且不让自己的操作被forbiden，通过这个东西就能搞定。

    这个标签用于跨站请求伪造保护，

    在页面的form表单里面（注意是在form表单里面）任何位置写上{% csrf_token %}，这个东西模板渲染的时候替换成了<input type="hidden" name="csrfmiddlewaretoken" value="8J4z1wiUEXt0gJSN59dLMnktrXFW0hv7m4d40Mtl37D7vJZfrxLir9L3jSTDjtG8">，隐藏的，这个标签的值是个随机字符串，提交的时候，这个东西也被提交了，首先这个东西是我们后端渲染的时候给页面加上的，那么当你通过我给你的form表单提交数据的时候，你带着这个内容我就认识你，不带着，我就禁止你，因为后台我们django也存着这个东西，和你这个值相同的一个值，可以做对应验证是不是我给你的token，存储这个值的东西我们后面再学，你先知道一下就行了，就像一个我们后台给这个用户的一个通行证，如果你用户没有按照我给你的这个正常的页面来post提交表单数据，或者说你没有先去请求我这个登陆页面，而是直接模拟请求来提交数据，那么我就能知道，你这个请求是非法的，反爬虫或者恶意攻击我的网站，以后将中间件的时候我们在细说这个东西，但是现在你要明白怎么回事，明白为什么django会加这一套防御。

模板继承

如果一个网页里的很多功能在原网页的基础上变化不大,这时候就要用到模板继承来节省代码

{% extends "base.html" %}

钩子:{% block title %}
        xxx
    {% endblock %}
钩子:{% block title %}
        xxx
    {% endblock title %}
    
钩子:{% block title %}
        {{ block.super }}  #显示模板内容
        xxx
    {% endblock title %}

组件

{% include 'navbar.html' %}

 组件和插件的区别

组件代表整个项目的功能,插件是项目中的一个功能