目录
- 一:模版语法传值
-
- 1.模板语法两个书写方式
- 2.模板语法
- 3.测试模板语法是否可以把python支持的基本数据类型传入到前端
- 4.index.html
- 5.django模板语法取值方式
-
- 二:过滤器(过滤器只能最多有两个参数)
-
- 1.模板语法过滤器
- 2.基本语法
- 3.过滤器中 转义(注意 重中之重)
- 4.转义作用:
- 5.过滤器内置方法
- 6.后端
-
- 三:标签
-
- 1.标签forloop关键字
- 2.标签for循环
- 3.标签if判断
- 4.标签for与if混合使用
- 5.处理字典其他方法
- 6.with起别名
- 7.后端代码
-
- 四:自定义过滤器、标签、inclusion_tag
-
- 1.自定义过滤器,标签,inclusion_tog必须要有一下三步准备
- 2.准备好后就可以开始定义
- 3.自定义过滤器filter
- 4.自定义标签(参数可以有多个)
- 5.自定义inclusion_tag
- 6.内部原理
- 7.inclusion_tag应用场景:
- 8.自定义inclusion_tag
- 9.总结inclusion_tag自定义
-
一:模版语法传值
1.模板语法两个书写方式
{{}}:变量相关{%%}:逻辑相关
1.fro循环
2.反向解析配置load # 模板文件中取值一律使用点语法 .
2.模板语法
你要知道render支持两种给html文件传值的方式1.python所有的基本数据类型 函数名 类名 对象都可以被传到html上
2.针对函数名和类名 模版语法会自动加括号调用(但是不支持传递额外的参数)3.模版语法如何获取容器类型里面的数据 统一采用句点符 .
.key
.index
.key.index.index.key# 句点符与索引结合使用
3.测试模板语法是否可以把python支持的基本数据类型传入到前端
def index(request):# 模板语法可以传递的后端python数据类型n = 123f = 11.11s = '我是最帅的'b = Truel = ['小花', '珊瑚', '李青', '如如']t = (111,222,333,444)d = {'username':'jason','age':18,'info':'这个人有点意思','hobby':[111,222,333,{'info':'NB'}]}se = ('晶晶','辉辉', '音音')# 函数def func():print('后端打印')return 'func函数返回值'# 函数class MyClass(object):def get_self(self):return 'self'# 静态方法@staticmethoddef get_func():return 'func'# 类方法@classmethoddef get_class(cls):return 'cls'# 对象被展示到html页面上 就类似于执行了打印操作也会触发__str__方法def __str__(self):return '__str__到底会不会打印呢?'# 对象obj = MyClass()# locals 返回当前页面参数传到htmlreturn render(request, 'index.html', locals())
4.index.html
<p>{{ n }}</p>
<p>{{ f }}</p>
<p>{{ s }}</p>
<p>{{ b }}</p>
<p>{{ l }}</p>
<p>{{ d }}</p>
<p>{{ t }}</p>
<p>{{ se }}</p>
{#传递函数名会自动加括号调用 但是模板语法不支持给函数传额外的参数#}
<p>{{ func }}</p>
{#传类名的时候也会自动加括号调用(实列化) 生成对象#}
<p>{{ MyClass }}</p>
{#内部能够自动判断出当前的变量名是否可以加括号调用 如果可以就会自动执行 针对的是函数名和类名#}
<p>{{ obj }}</p>
{#模板语法支持对象调用类方法#}
<p>{{ obj.get_self }}</p>
<p>{{ obj.get_func }}</p>
<p>{{ obj.get_class }}</p>
5.django模板语法取值方式
{#django模板语法的取值 是固定的格式 只能采用"句点符"#}
<p>{{ d.username }}</p>
<p>{{ l.0 }}</p>
<p>{{ d.hobby.3.info }}</p>
{#既可以点键也可以点索引 还可以两者混用#}
二:过滤器(过滤器只能最多有两个参数)
1.模板语法过滤器
过滤器就类似于是模板语法内置的 内置方法
模板语法提供了一些内置方法,以助于快速的处理数据(过滤器最多只能有两个参数)
2.基本语法
{{ 变量|过滤器:参数}}过滤器:会自动将竖杠左侧的变量当做第一个参数交给过滤器处理,右侧的当做第二个参数。
3.过滤器中 转义(注意 重中之重)
# 前端|safe
# 后端from django.utils.safestring import mark_saferes = mark_safe('<h1>新新</h1>')
4.转义作用:
以后你在全栈项目的时候 前端代码不一定非要在前端页面书写
也可以现在先在后端写好 然后传递给前端页面
5.过滤器内置方法
- 下面内容 第一行是在前端内容 第二行是运行结果!
<h1>过滤器</h1><p>统计长度:{{ s|length }}</p>
# 统计长度:5<p>默认值(第一个参数布尔值是True就展示第一个参数的值否在展示冒号后面的值):{{ b|default:'啥也不是' }}</p>
# 默认值(第一个参数布尔值是True就展示第一个参数的值 否就展示冒号后面的值):True<p>文件大小:{{ file_size|filesizeformat }}</p>
# 文件大小:1 byte<p>日期格式化:{{ current_time|date:'Y-m-d H:i:s' }}</p>
# 日期格式:2022-02-24 20:22:54<p>切片操作(支持步长):{{ l|slice:'0:4:2' }}</p>
# 切片操作(支持步长):['小花', '李青']<p>切取字符(包含三个点):{{ info|truncatechars:9 }}</p>
# 切取字符(包含三个点):模板语法提供...<p>切取单词(不包含三个点 按照空格切):{{ egl|truncatewords:9 }}</p>
# 切取单词(不包含三个点 按照空格切):my name is objk my age is 18 and ...<p>切取单词(不包含三个点 按照空格切):{{ info|truncatewords:9 }}</p>
# 切取单词(不包含三个点 按照空格切):模板语法提供了一些内置方法,以助于快速的处理数据<p>移除特定的字符:{{ msg|cut:' ' }}</p>
# 移除特定的字符:ILoveYouAndYou?<p>拼接操作:{{ l|join:'$' }}</p>
# 拼接操作:小花$珊瑚$李青$如如<p>拼接操作(加法):{{ n|add:10 }}</p>
# 拼接操作(加法):133<p>拼接操作(加法):{{ s|add:msg }}</p>
# 拼接操作(加法):我是最帅的I Love You And You?<p>转义(转义必须要加safe参数):{{ hhh|safe }}</p>
<p>转义(后端转义):{{ res }}</p>
<p>转义:{{ sss|safe }}</p>
6.后端
def index(request):# 模板语法可以传递的后端python数据类型n = 123f = 11.11s = '我是最帅的'b = Truel = ['小花', '珊瑚', '李青', '如如']t = (111,222,333,444)d = {'username':'jason','age':18,'info':'这个人有点意思','hobby':[111,222,333,{'info':'NB'}]}se = ('晶晶','辉辉', '音音')# 函数def func():print('后端打印')return 'func函数返回值'# 函数class MyClass(object):def get_self(self):return 'self'# 静态方法@staticmethoddef get_func():return 'func'# 类方法@classmethoddef get_class(cls):return 'cls'# 对象被展示到html页面上 就类似于执行了打印操作也会触发__str__方法def __str__(self):return '__str__到底会不会打印呢?'# 对象obj = MyClass()# 文件大小file_size = 1# 日期import datetimecurrent_time = datetime.datetime.now()# 字符info = '模板语法提供了一些内置方法,以助于快速的处理数据'# 字符egl = 'my name is objk my age is 18 and i am from China'# 字符msg = 'I Love You And You?'# 标题hhh = '<h1>明明</h1>'# 警告框sss = '<script>alert(123)</script>'# 后端转义from django.utils.safestring import mark_saferes = mark_safe('<h1>小美<h1>')# locals 返回当前页面参数传到htmlreturn render(request, 'index.html', locals())
三:标签
1.标签forloop关键字
forloop 模板语法自带的变量名
2.标签for循环
# for循环{% for foo in l %}<p>{{ forloop }}</p><p>{{ foo }}</p> 一个个元素{% endfor %}解析:
forloop内置对象:运行结果解析
'counter0': 从0开始计数
'counter' : 从1开始计数 'first': True,判断循环的开始
'last' : Tues,判断循环的结束
3.标签if判断
# if判断
判断b是True打印
{% if b %}<p>baby</p>
{% elif s%}<p>都来把</p>
{% else %}<p>老baby</p>
{% endif %}
4.标签for与if混合使用
# for与if混合使用
{% for foo in lll %}{% if forloop.first %}<p>这是我的第一次</p>{% elif forloop.last %}<p>这是最后一次啊</p>{% else %}<p>{{ foo }}</p>{% endif %} {% empty %}<p>for循环的可迭代对象内部没有元素 根本没法循环</p>
{% endfor %}解析:
forloop.first : 判断本次循环是不是第一次,是,就执行下面的代码
forloop.last : 判断本次循环是不是最后一次,是,就执行下面代码
empty : 当你的for循环对象为空的时候会自动走empty代码块的内容
5.处理字典其他方法
# 处理字典其他方法
{% for foo in d.keys %}<p>{{ foo }}</p>
{% endfor %}
{% for foo in d.values %}<p>{{ foo }}</p>
{% endfor %}
{% for foo in d.items %}<p>{{ foo }}</p>
{% endfor %}解析:.items : 返回可遍历的(键, 值) 元组数组。
6.with起别名
# with起别名
{% with d.hobby.3.info as nb %}<p>{{ nb }}</p>在with语法内就可以通过as后面的别名快速的使用到前面非常复杂获取数据的方式<p>{{ d.hobby.3.info }}</p>
{% endwith %}解析:
可以通过as后面的别名快速的使用到前面非常复杂获取数据的方式
取别名后原来的名字也能正常使用
命名规范: 只能在with代码块儿的范围之内才能使用别名
7.后端代码
def index(request):# 模板语法可以传递的后端python数据类型n = 123f = 11.11s = '我是最帅的'b = Truel = ['小花', '珊瑚', '李青', '如如','小丽','阿娟']t = (111,222,333,444)d = {'username':'jason','age':18,'info':'这个人有点意思','hobby':[111,222,333,{'info':'NB'}]}se = ('晶晶','辉辉', '音音')
四:自定义过滤器、标签、inclusion_tag
1.自定义过滤器,标签,inclusion_tog必须要有一下三步准备
- 1.在应用下创建一个名字 "必须" 叫 "templatetags" 文件夹
- 2.在上述文件夹内创建一个任意名称的py文件,mytag.py
- 3.在该py文件内 "必须" 固定先书写以下两句(单词一个都不能错)
from django import template
register = template.Library()
2.准备好后就可以开始定义
- 必须用register来定义过滤器和标签,inclusion_tag
- 注意register不能写错
3.自定义过滤器filter
# mytag.py
from django import template
register = template.Library()# 参数 过滤器 过滤器名字
@register.filter(name='baby')
def my_sum(v1, v2):return v1 + v2# index.html页面使用{#加载自定义文件名#}
{% load mytag %}
<p>{{ n|baby:666 }}</p># 后端
def index(request):n = 123
return render(request, 'index.html', locals())# 渲染结果:766
4.自定义标签(参数可以有多个)
# 自定义标签(参数可以有多个) 类似于自定义函数# 参数 标签 标签名字
@register.simple_tag(name='plus') # simple_tag 方法 name= 函数名
def index(a,b,c,d): # 形参return '%s-%s-%s-%s'%(a,b,c,d) # 数据结果# index.html页面使用
{#第一个参数标签名字 标签多个参数彼此之间空格隔开#}
{#加载自定义模板文件#}
{% load mytag %}
<p>{% plus 'jason' 123 123 123 %}</p> # plus 调用 传参# 渲染结果: jason-123-123-123
5.自定义inclusion_tag
6.内部原理
- 1.先定义一个方法
- 2.在页面上调用这个方法,并且可以传值
- 3.该方法会生成一些数据然后传递给一个html页面
- 4.之后将渲染好的结果放到调用的位置
7.inclusion_tag应用场景:
当html页面某一个地方的页面需要传参数才能够动态的渲染出来,并且在多个页面上都需要使用到该局部
8.自定义inclusion_tag
# mytag.py自定义文件# 参数 影响的页面
@register.inclusion_tag('left_menu.html')
# 方法 接收参数
def left(n):# format格式化函数 通过 {} 来代替以前的 %data = ['第{}项'.format(i) for i in range(n)]# 第一种 传值方式# return {'data':data} # 将data传递给left_menu.html# 第二种 传值方式return locals() # 将当前名称空间参数传递给left_menu.html# left_menu.html小页面专门生成无序列表
生成页面的某一个局部
<ul>{% for foo in data %}<li>{{ foo }}</li>{% endfor %}
</ul> # 前端使用index.html展示渲染效果:
{#加载自定义模板文件#}
{% load mytag %}
{% left 5 %}
{% left 10 %}渲染结果:
第0项
第1项
第2项
第3项
第4项 第0项
第1项
第2项
第3项
第4项
第5项
第6项
第7项
第8项
第9项
9.总结inclusion_tag自定义
当html页面某一个地方的页面需要传参数才能够动态的渲染出来,并且在多个页面上都需要使用到该局部 那么就考虑将该局部页面做成inclusion_tag形式
只作用到局部,不是完整的页面