django 第四天模板渲染

今日内容

一、模板渲染

语法 {{ 变量 }}  {% 逻辑 %}

1.变量

• 取列表中的第几个元素，用索引

  • <p>{{ namelist.2 }}</p>  
    

• 取字典中的第几个元素用key取

  • <p>{{ d1.age }}</p>
    

示例
html代码:
	<p>{{ num }}</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_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() 获取函数内部所有变量的值,并加工成{'变量名':'变量值'....}这样一个字典，这样会让多余 的变量传过去，影响效率

2.过滤器

• 通过过滤器，来改变变量的显示

内置过滤器

过滤器
<p>{{ name_list|length }}</p> #获取数据长度,没参数

	#默认值,有参数,如果一个变量是false或者为空，使用给定的默认值。 否则，使用变量的值
<p>{{ xx|default:'啥也没有' }}</p>

	#将值格式化为一个 “人类可读的” 文件尺寸 （例如 '13 KB', '4.1 MB', '102 bytes', 等等
<p>{{ movesize|filesizeformat }}</p>

	#切片，只能对字符串、列表进行切片，
<p>{{ name|slice:'0:3' }}</p>

	时间格式化显示
<p>{{ now|date:'Y-m-d' }}</p>

	字符截断，...代表三个字符
<p>{{ words|truncatechars:'6' }}</p> #结果asd...

 	单词截断   2 代表2个单词，是根据单词之间的空格作为判断依据
<p>{{ words|truncatewords:'2' }}</p> #i love ...

	移除words中所有的与给出的变量相同的字符串
<p>{{ words|cut:'i' }}</p>

	使用字符串连接列表，{{ list|join:', ' }}，就像Python的str.join(list)	
<p>{{ name_list|join:'+' }}</p>

	将 字符串识别成标签
<p>{{ tag|safe }}</p>

3.标签

3.1for循环标签

• 快捷键 for+tab键

  循环一个字典
  {% for key,value in d1.items %} 
    {{ forloop.counter }}
      <li>{{ key }} -- {{ value }}</li>
  {% endfor %}

3.2for循环其他方法

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

for ... empty

• for 标签带有一个可选的{% empty %} 从句，以便在给出的组是空的或者没有被找到时，可以有所操作。

示例
	{#  {% 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>#}

3.3if标签

• 判断，注意条件两边都有空格。

{% if num > 100 or num < 0 %}
    <p>无效</p>  <!--不满足条件，不会生成这个标签-->
    
{% elif num > 80 and num < 100 %}
    <p>优秀</p>
{% else %}  <!--也是在if标签结构里面的-->
    <p>凑活吧</p>
{% endif %}

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


1. Django的模板语言不支持连续判断，即不支持以下写法：
{% if a > b > c %}
...
{% endif %} 
2. Django的模板语言中属性的优先级大于方法（了解）
def xx(request):
    d = {"a": 1, "b": 2, "c": 3, "items": "100"}
    return render(request, "xx.html", {"data": d})

3.4with标签

• 使用一个简单地名字缓存一个复杂的变量，多用于给一个复杂的变量起别名
• 注意等号左右不要加空格

方式一：
{% with total=d1.hobby.0 %}
    {{ total }} <!--只能在with语句体内用-->
{% endwith %}
方式二：
{% with d1.hobby.0 as total %}
    {{ total }}
{% endwith %}

3.5csrf_token标签

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

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

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

4.模板继承

母版

​ 就是一个普通HTML提取多个页面的公共部分 定义block块

• 继承模板可以使代码最大程度的复用
• 继承后会被子模版覆盖
  • 母版中的钩子预留越多越好
  • 不能在一个模版中定义多个相同名字的 block 标签
• 参考博客 https://www.cnblogs.com/clschao/articles/10414811.html#part_7

{% extends "base.html" %}   #要继承的base.html页面

钩子:{% block title %}
		xxx
	{% endblock %}
	
钩子:{% block title %}
		xxx
	{% endblock title %}   #可以在结束模板的时候给结束语添加一个标题，避免混乱
	
钩子:{% block title %}
		{{ block.super }}  #显示模板钩子里面的内容
		xxx
	{% endblock title %}

注意的点

• 1. {% extends 'base.html' %} 写在第一行   前面不要有内容 有内容会显示
  2. {% extends 'base.html' %}  'base.html' 加上引号   不然当做变量去查找
  3. 把要显示的内容写在block块中
  4. 定义多个block块，定义 css  js 块
  

5.组件

• 就是把要用的代码写在一个html中，什么时候用直接引用
• 修改组件中的内容，引用的地方也会一起修改，提高代码重用性
• 一小段HTML代码段 ——》 nav.html
• {% include ‘nav.html ’ %}

{% include 'navbar.html' %}