Django之模板层

后端向前端传递数据

两种方式：

	# 第一种
	return render(request,'index.html',{'n':n})
	# 第二种
	return render(request,'index.html',locals())  
	# 将当前所在的名称空间中的名字全部传递给前端页面
	
	# 后端传函数名到前端，会自动加括号调用，但是不支持传参

	后端传对象到前端，就相当于打印了这个对象
	前端获取后端传过来的容器类型的内部元素 统一采用句点符(.)
	('关某某','谢某某','陈某某','容嬷嬷')>>>:{{ t }},{{ t.1 }}  数字对应的就是数据的索引

前端能够调用python后端数据类型的一些不需要传参的内置方法

常用的内置filter方法

	模板语法的注释
	不会展示到前端页面:{#调用python自带的内置方法,可以调用不需要传参的一些内置方法#}
原生html的注释
	会展示到前端:<!--我是原生的html注释-->
过滤器
	<p>前端统计字符串的长度:{{ s|length }}</p>
	<p>前端获取数据如果是空就返回default后面默认的参数值:{{ flag|default:'你这个东西是个空'}}</p>
	<p>将数字格式化成表示文件大小的单位:{{ file_size|filesizeformat }}</p>
	<p>{{ ctime }}</p>
	<p>格式化时间(不要加百分号){{ ctime|date:'Y-m-d' }}</p>
	<p>字符串的切片操作:{{ res|slice:'0:8' }}</p>
	<p>{{ res|slice:'0:8:2' }}</p>

	<p>截取固定的长度的字符串 三个点也算:{{ s|truncatechars:10 }}</p>

	<p>按照空格截取文本内容:{{ res|truncatewords:4 }}</p>
	<p>{{ s|truncatewords:4 }}</p>

	<p>{{ 'hahah'|add:'heheheh' }}</p>

	<p>{{ ht|safe }}</p> {# XSS攻击跨站点脚本攻击#}

前后端取消转义

	前端:
		|safe
	后端:
		from django.utils.safestring import mark_safe
		xxx = mark_safe('<h1>我是h1标签</h1>')

逻辑相关的模板语法

	for循环：
		{% for foo in l %}
			<p>{{ foo }}</p>
			<p>{{ forloop }}</p>
		{% endfor %}
		
	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 %}
			{% empty %}
				<p>你给我的容器类型是个空啊，没法for循环</p>
		{% endfor %}
		
	with：
			{% with dic.hobby.2  as h %}
			{{ h }}   别名只能在内部使用
			{% endwith %}

自定义filter

使用下列自定义的前提

# 必须做的三件事
# 1.在应用名下新建一个名为templatetags文件夹(必须叫这个名字)
# 2.在该新建的文件夹内新建一个任意名称的py文件
# 3.在该py文件中需要固定写下面两句代码
	from django import template
	register = template.Library() # 生成一个注册用的实例

自定义filter

# 定义时
@register.filter(name='XBB') # name可以不传 此时默认为函数名
def index(a,b):
	return a+b
# 使用时 
{% load py文件名%}
{{ a|index:'b'}}

自定义simple_tag

# 定义时
@register.simple_tag
def plus(a,b,c):
return a+b+c
# 使用时 
{% load py文件名%}
{% plus 1 2 3 %}

自定义inclusion_tag

在某一HTML代码段需要传入参数生成新的HTML代码段时使用

# 自定时
@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>
# 使用时  会将新的HTML代码渲染到调用位置
{% load py文件名%}
{% login 5 %}

模板的继承与导入

继承

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

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

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

		{% block content %}
			页面主体内容
		{% endblock %}
子板继承模板
		先继承模板所有的内容
		{% extends 'home.html' %}
		
		然后根据block块的名字修改指定区域的内容
		{% block content %}
			新的代码块
		{% endblock %}
                    也可以保留父级内容在其后追加
                    {{ block.super }}

导入

组件：将重复代码包装成一个独立的小HTML文件

将一段html当做模块的方式导入到另一个html展示
{% include '组件名' %}

静态文件配置

{% load static %}  

<link rel='stylesheet' href="{% static 'css/mycss.css'%}">  # 自动拼接
<link rel='stylesheet' href="{% get_static_prefix %}css/mycss.css">  # 自行拼接