Django框架模板语法传值-过滤器-标签-自定义过滤器,标签,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 = 123
    f = 11.11
    s = '我是最帅的'
    b = True
    l = ['小花', '珊瑚', '李青', '如如']
    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'
        # 静态方法
        @staticmethod
        def get_func():
            return 'func'
        # 类方法
        @classmethod
        def get_class(cls):
            return 'cls'

        # 对象被展示到html页面上 就类似于执行了打印操作也会触发__str__方法
        def __str__(self):
            return '__str__到底会不会打印呢?'
    # 对象
    obj = MyClass()

    # locals 返回当前页面参数传到html
    return 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>
 

image

5.django模板语法取值方式
{#django模板语法的取值 是固定的格式 只能采用"句点符"#}
<p>{{ d.username }}</p>
<p>{{ l.0 }}</p>
<p>{{ d.hobby.3.info }}</p>
{#既可以点键也可以点索引 还可以两者混用#}

image

二:过滤器(过滤器只能最多有两个参数)

1.模板语法过滤器
过滤器就类似于是模板语法内置的 内置方法
模板语法提供了一些内置方法,以助于快速的处理数据(过滤器最多只能有两个参数)
2.基本语法
{{ 变量|过滤器:参数}}

过滤器:会自动将竖杠左侧的变量当做第一个参数交给过滤器处理,右侧的当做第二个参数。
3.过滤器中 转义(注意 重中之重)
# 前端
	|safe
# 后端
	from django.utils.safestring import mark_safe
  res = 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>

image

<p>转义:{{ sss|safe }}</p>

image

6.后端
def index(request):
    # 模板语法可以传递的后端python数据类型
    n = 123
    f = 11.11
    s = '我是最帅的'
    b = True
    l = ['小花', '珊瑚', '李青', '如如']
    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'
        # 静态方法
        @staticmethod
        def get_func():
            return 'func'
        # 类方法
        @classmethod
        def get_class(cls):
            return 'cls'

        # 对象被展示到html页面上 就类似于执行了打印操作也会触发__str__方法
        def __str__(self):
            return '__str__到底会不会打印呢?'
    # 对象
    obj = MyClass()

    # 文件大小
    file_size = 1
    # 日期
    import datetime
    current_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_safe
    res = mark_safe('<h1>小美<h1>')

    # locals 返回当前页面参数传到html
    return 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,判断循环的结束  

image

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代码块的内容    

image

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	: 返回可遍历的(键, 值) 元组数组。

image

6.with起别名
# with起别名
{% with d.hobby.3.info as nb  %}
    <p>{{ nb }}</p>
    在with语法内就可以通过as后面的别名快速的使用到前面非常复杂获取数据的方式
    <p>{{ d.hobby.3.info }}</p>
{% endwith %}


解析:
可以通过as后面的别名快速的使用到前面非常复杂获取数据的方式
取别名后原来的名字也能正常使用
命名规范: 只能在with代码块儿的范围之内才能使用别名

image

7.后端代码
def index(request):
    # 模板语法可以传递的后端python数据类型
    n = 123
    f = 11.11
    s = '我是最帅的'
    b = True
    l = ['小花', '珊瑚', '李青', '如如','小丽','阿娟']
    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()

image

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     

image

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    

image

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项
    

image

9.总结inclusion_tag自定义
当html页面某一个地方的页面需要传参数才能够动态的渲染出来,并且在多个页面上都需要使用到该局部 那么就考虑将该局部页面做成inclusion_tag形式
只作用到局部,不是完整的页面
posted @ 2022-03-01 15:52  AlexEvans  阅读(187)  评论(0编辑  收藏  举报