Django之模板层

Django之模板层

过滤器

后端朝前端页面传递数据的方式：

第一种：

return render(request,'index.html',{'x':x})  #'x'自己定义的变量，前端根据变量来获取，x定义的值

第二种：

return render(request,'index.html',locals())  #将当前所在的名称空间中的名字全部传递给前端页面

注意：后端如果传函数名到前端，会自动加括号调用，但是不支持需要传参的函数，并且后端传对象到前端，就相当于打印了这个对象

前端获取后端传过来的容器类型的内部元素，统一采用句点符(.)，例：

{{t}},{{t.1}}  #t是后端传过来的容器类型，比如说列表，数字对应的就是数据的索引

前端能够调用python后端数据类型的一些不需要传参的内置方法，比如字典的.keys，.values，.items，这里需要了解的一点是模板语法的注释(Ctrl+?)不会展示到前端页面

<!--前端注释-->
{#模板注释#}

过滤器

前端统计字符串的长度：{{s|length}}

前端获取数据如果是空就返回default后面默认的参数值：{{flag|default:'默认值'}}

将数字格式化成表示文件大小的单位(MB...)：{{file_size|filesizeformat}}

格式化时间(不能加%)：{{ctime|date:'Y-m-d'}}

字符串的切片操作：{{res|slice:'0:8'}}  #顾头不顾尾
                 {{res|slice:'0:8:2'}}

截取固定的长度的字符串，三个点也算：{{s|truncatechars:10}}  #会在最后加三个点...

按照空格截取文本内容：{{res|truncatewords:4}}

前后端取消转义

按标签样式加载到浏览器页面，取消后端对标签的转义

需要告诉浏览器这个标签是安全的，不能是死循环

前端：
	|safe
后端：
	from django.utils.safestring import mark_safe
	res = mark_safe('<h1>标签内容</h1>')

标签

for循环

{% for foo in l %}
	<P>{{ foo }}</P>
    <p>{{ forloop }}</p>  {#注意forloop有很多用途#}
{% endfor %}

forloop(数字取决于容器的长度)

{'parentloop': {}, 'counter0': 0, 'counter': 1, 'revcounter': 5, 'revcounter0': 4, 'first': True, 'last': False}

{'parentloop': {}, 'counter0': 1, 'counter': 2, 'revcounter': 4, 'revcounter0': 3, 'first': False, 'last': False}

{'parentloop': {}, 'counter0': 2, 'counter': 3, 'revcounter': 3, 'revcounter0': 2, 'first': False, 'last': False}

{'parentloop': {}, 'counter0': 3, 'counter': 4, 'revcounter': 2, 'revcounter0': 1, 'first': False, 'last': False}

{'parentloop': {}, 'counter0': 4, 'counter': 5, 'revcounter': 1, 'revcounter0': 0, 'first': False, 'last': True}

if判断

{% if flag %}
	<p>flag不为空</p>
	{% else %}
	<p>flag是空</p>
{% endif %}

嵌套使用

{% for foo in l %}
	{% if forloop.first %}
		<p>第一次</p>
	{% elif forloop.last %}
		<p>最后一次</p>
	{% else %}
		<p>嗨起来</p>
	{% endif %}
{% endfor %}

empty

当你的for循环对象为空的时候会自动走empty代码块的内容

后端：
	l = []
前端：
	{% for foo in l %}
			{% if forloop.first %}
				<p>第一次</p>
			{% elif forloop.last %}
				<p>最后一次</p>
			{% else %}
				<p>嗨起来！！！</p>
			{% endif %}
			{% empty %}
				<p>这是个空容器</p>
	{% endfor %}

自定义过滤器

必须做的三件事：

• 1.在应用名下新建一个名为templatetags文件夹(必须叫这个名字)

• 2.在该新建的文件夹内新建一个任意名字的py文件

• 3.在该py文件中需要固定写下面两句代码

  ​ from django import template

  ​ register = template.Library()

#自定义过滤器
@register.filter(name='XBB')
def index(a,b):
    return a+b

#自定义标签
@register.simple_tag
def plus(a,b,c):
    return a+b+c

#自定义inclusion_tag
@register.inclusion_tag('login.html',name='login')
def login(n):
    l = ['第%s项'%i for i in range(n)]
    return {'l':l}

#login.html文件中
<ul>
	{% for foo in l %}
    	<li>{{ foo }}</li>
    {% endfor %}
</ul>

#前端调用
{% login 5 %}  #数字就是传入的n

注意：要想使用自定义的过滤器，标签，inclusion_tag必须先在需要使用的html页面加载你的py文件

{% load py文件名 %}

{{ 8|XBB:8 }}
{% plus 1 2 3 %}
{% login 5 %}

模板的继承与导入

首先需要在被继承的模板中划分多个区域
{% block 给区域起的名字 %}

{% endblock %}

通常情况下一个模板中应该至少有三块
{% block css %}
	页面css代码块
{% endblock %}

{% block js %}
	页面js代码块
{% endblock %}

{% block content %}
	页面主题内容
{% endblock %}

子板继承模板

先继承模板所有的内容
{% entends 'home.html' %}

然后根据block块的名字修改指定区域的内容
{% block content %}  #content自己起的名字
	修改内容
{% endblock %}

{% block content %}  #content自己起的名字
        {{ block.super }}  #可以继承父页面，多个地方都能用
	修改内容
{% endblock %}

模板的导入

将一段html当作模块的方式导入到另一个html中展示

{% include '想导入的html文件名' %}

跟inclusion_tag的区别是，inclusion_tag是动态的，而上述导入的html是不变的

静态文件配置

{% load static %}
<link rel='stylesheet' href="{% static 'css/mycss.css'%}">  # 第一种方式
<link rel='stylesheet' href="{% get_static_prefix %}css/mycss.css">  # 第二种方式