django之模板层

模板层

一.了解知识

{{ }}:主要与数据值相关
{% %}:主要与逻辑相关

django的模板语法是自己写的,跟jinja2不一样

  • 1.针对需要加括号调用的名字,django模板语法会自动加括号调用,你只需要写名字就行
  • 2.模板语法的注释前端浏览器是无法查看的

二.模板语法

1.模板语法传值方式

  • 方式一:指名道姓的传

    urls代码:
    	path('user_info/', views.user_info)
        
    views代码:
    	def user_info(request):
            name = 'jason'
            return render(request, 'user_info.html', {'name':name})
        
    '指名道姓的传,不浪费资源'
    
  • 方式二:关键字locals()

    html代码:
        <body>
            {{ name }}
            {{ age }}
            {{ gender }}
        </body>
    
    urls代码:
    	path('user_info/', view.user_info)
        
    view代码:
    	def user_info(request):
        	name = 'jason'
            age = 18
            gender = 'female'
            return render(request,'user_info.html',locals())  # 将函数体局部看空间里所有的名字全部传入给前面的那个页面
        
    '''将整个局部名称空间中的名字去全部传入,简单快捷'''
    

2.模板语法传值的范围

  • 基本数据类型直接传递使用

    view代码:
    	def index(request):
            i = 123
            f = 13.14
            s = 'hello world!'
            d = {'name': 'jaosn', 'pwd': 123}
            t = (11, 22, 33)
            se = {11, 22, 33}
            b = Ture
            return render(request, 'index.html', locals())
        
    html代码:
    	<body>
            <p>{{ i }}</p>
            <p>{{ f }}</p>
            <p>{{ s }}</p>
            <p>{{ l }}</p>
            <p>{{ d }}</p>
            <p>{{ t }}</p>
            <p>{{ se }}</p>
            <p>{{ b }}</p>
        </body>
    

    函数名的传递会自动加括号执行并将返回值展示到页面上,注意函数如果有参数则不会执行也不会展示 模板语法不支持有参函数

    views代码
    def modal(request):
        def func1():
            print('函数')
            return '这里才能传过去值哦'
        return render(request, 'modal.html', locals())
    
    html代码
    <body>
        {#传递函数名会自动加括号调用 但是模板语法不支持给函数传额外的参数#}
        <p>{{ func1 }}</p>
    </body>
    

    image

    image

    类名的传递也会自动加括号产生对象并展示到页面上,对象的传递则直接使用即可,对象默认情况下不可以加括号了,除非自己写__call__方法,模板语法会判断每一个名字是否可调用 如果可以则调用!!!

    views代码
        class MyClass(object):
            def get_obj(self):
                return 'obj'
            @classmethod
            def get_cls(cls):
                return 'cls'
            @staticmethod
            def get_func():
                return 'func'
        obj = MyClass()'
        return render(request, 'modal.html', locals())
    
    html代码
    <body>
        {#传类名的时候也会自动加括号调用(实列化) 生成对象#}
        <p>{{ MyClass }}</p>
        {#内部能够自动判断出当前的变量名是否可以加括号调用 如果可以就会自动执行 针对的是函数名和类名#}
        <p>{{ obj }}</p>
        {#模板语法支持对象调用类方法#}
        <p>{{  obj.get_self }}</p>
        <p>{{  obj.get_func }}</p>
        <p>{{  obj.get_class }}</p>
    </body>
    
    

    image

3.模板语法之过滤器(类似于python内置函数)

  • 1.模板语法过滤器

    过滤器就是类似于是模板内置的内置方法

    模板语法提供了一些内置方法,以便于快速的处理数据(过滤器最多只能有两个参数)

  • 2.基本语法

    {{ 变量|过滤器:参数 }}
    '''过滤器:会自动将竖杠左侧的变量当做第一个参数交给过滤器处理,右侧的当做第二个参数'''
    
  • 3.过滤器内置方法

    add

    加法运算

    i = 123
    s = tom
    <p>
    	{{ i|add:123 }} 	{#i = 245#}
    	{{ s|add:'hahaha' }} 	{#s = tomhahaha#}
    </p>
    

    length

    返回值的长度,作用于字符串和列表

    {{ value|length }}

    返回值value的长度,如value=[‘a’,‘b’,‘c’,‘d’]的话,就显示4

    date

    日期转换

    {{ value|date:"Y-m-d H:i:s" }}
    

    可用的参数:

    格式化字符 描述 示例输出
    a 'a.m.''p.m.'(请注意,这与PHP的输出略有不同,因为这包括符合Associated Press风格的期间) 'a.m.'
    A 'AM''PM' 'AM'
    b 月,文字,3个字母,小写。 'jan'
    B 未实现。
    c ISO 8601格式。 (注意:与其他格式化程序不同,例如“Z”,“O”或“r”,如果值为naive datetime,则“c”格式化程序不会添加时区偏移量(请参阅datetime.tzinfo) 。 2008-01-02T10:30:00.000123+02:002008-01-02T10:30:00.000123如果datetime是天真的
    d 月的日子,带前导零的2位数字。 '01''31'
    D 一周中的文字,3个字母。 “星期五”
    e 时区名称 可能是任何格式,或者可能返回一个空字符串,具体取决于datetime。 '''GMT''-500''US/Eastern'
    E 月份,特定地区的替代表示通常用于长日期表示。 'listopada'(对于波兰语区域,而不是'Listopad'
    f 时间,在12小时的小时和分钟内,如果它们为零,则分钟停留。 专有扩展。 '1''1:30'
    F 月,文,长。 '一月'
    g 小时,12小时格式,无前导零。 '1''12'
    G 小时,24小时格式,无前导零。 '0''23'
    h 小时,12小时格式。 '01''12'
    H 小时,24小时格式。 '00''23'
    i 分钟。 '00''59'
    I 夏令时间,无论是否生效。 '1''0'
    j 没有前导零的月份的日子。 '1''31'
    l 星期几,文字长。 '星期五'
    L 布尔值是否是一个闰年。 TrueFalse
    m 月,2位数字带前导零。 '01''12'
    M 月,文字,3个字母。 “扬”
    n 月无前导零。 '1''12'
    N 美联社风格的月份缩写。 专有扩展。 'Jan.''Feb.''March''May'
    o ISO-8601周编号,对应于使用闰年的ISO-8601周数(W)。 对于更常见的年份格式,请参见Y。 '1999年'
    O 与格林威治时间的差异在几小时内。 '+0200'
    P 时间为12小时,分钟和'a.m。'/'p.m。',如果为零,分钟停留,特殊情况下的字符串“午夜”和“中午”。 专有扩展。 '1 am''1:30 pm' / t3>,'midnight','noon','12:30 pm' / T10>
    r RFC 5322格式化日期。 'Thu, 21 Dec 2000 16:01:07 +0200'
    s 秒,带前导零的2位数字。 '00''59'
    S 一个月的英文序数后缀,2个字符。 'st''nd''rd''th'
    t 给定月份的天数。 28 to 31
    T 本机的时区。 'EST''MDT'
    u 微秒。 000000 to 999999
    U 自Unix Epoch以来的二分之一(1970年1月1日00:00:00 UTC)。
    w 星期几,数字无前导零。 '0'(星期日)至'6'(星期六)
    W ISO-8601周数,周数从星期一开始。 153
    y 年份,2位数字。 '99'
    Y 年,4位数。 '1999年'
    z 一年中的日子 0365
    Z 时区偏移量,单位为秒。 UTC以西时区的偏移量总是为负数,对于UTC以东时,它们总是为正。 -4320043200

    slice

    切片操作(支持步长)

    {{ value|slice:"2:-1"}}
    

    truncatewords

    在一定数量的字后截断字符串。

    {{ value|truncatewords:9}}
    

    truncatechars

    如果字符串字符多于指定的字符数量,那么会被截断。截断的字符串将以可翻译的省略号序列(“...”)结尾。

    参数:截断的字符数

    {{ value|truncatechars:9}}
    

    filesizeformat

    将给的数字进行文件字符转换成文件大小比如1235转换后就是1.2KB

    {{ num|filesizeformat }}
    

    safe

    转义

    <p>语法转义:{{ script_tag|safe }}</p>
    # 今晚晚饭又有好多好吃的了 <p>语法转义:{{ script_tag }}</p>
    # <h1>今晚晚饭又有好多好吃的了</h1>(是不会识别前端标签的)
    
    <p>语法转义:{{ script_tag|safe }}</p>
    # 今晚晚饭又有好多好吃的了
    

4.模板层之标签

  • 1).if判断

    {% for i in s %}
            {% if forloop.first %}
                <p>这是第一次哟~</p>
            {% elif forloop.last %}
                <p>这是最后一次!</p>
            {% else %}
                <p>{{ i }}</p>
            {% endif %}
            {% empty %}
                <p>empty专门用来判断空的时候,当in后面是空的时候执行这个,给予提示</p>
    {% endfor %}
    
    解析:
    forloop内置对象:运行结果解析
    'counter0': 从0开始计数
    'counter' : 从1开始计数
     
    'first': True,判断循环的开始
    'last' : Tues,判断循环的结束
    
    

    image

  • 2).for循环

    {% for k in t1 %}
            {% if forloop.first %}
                <p>这是我的第一次循环{{ k }}</p>
            {% elif forloop.last %}
                <p>这是我的最后一次循环{{ k }}</p>
            {% else %}
                <p>这是中间循环{{ k }}</p>
            {% endif %}
            
            {% empty %}
                <p>你给我传的数据是空的无法循环取值(空字符串、空列表、空字典)</p>
    {% endfor %}
    

5.jango模板语法补充

django模板语法取值操作>>>:只支持句点符
    句点符既可以点索引也可以点键
    {{ d1.hobby.2.a1 }}
    
{% with d1.hobby.2.a1 as h %}  复杂数据获取之后需要反复使用可以起别名
        <a href="">{{ h }}</a>
{% endwith %}

6.自定义过滤器、标签及inclusion_tag(了解)

  • 1).自定义过滤器、标签及inclusion_tag必须要有以下三步准备

    1.在应用下创建一个名为templatetags文件夹
    2.在该文件夹创建名称的py文件
    3.在该py文件内编写自定义相关代码
    	from django.template import Library
        register = Library()
    

    image

  • 2).自定义过滤器filter,最多能有两个参数

    # mytag.py
    from django import template
    register = template.Library()
    
    # 参数    过滤器    过滤器名字
    @register.filter(name='myfiltermyfilter')
    def my_add(a, b):
        return a + b
    
    # index.html页面使用
    
    加载自定义文件名
    {% load mytag %}
    <p>{{ i|myfilter:1 }}</p>
    
  • 3).自定义标签(函数)

    # 参数    标签(函数)标签(函数)名字
    @register.simple_tag(name='mt')
    def func(a, b, c, d):
        return a + b + c + d
    
    加载自定义文件名
    {% load mytag %}
    {% mt 1 2 3 4 %}
    
  • 4).自定义inclusion_tag

    当html页面某一个地方的页面需要传参数才能够动态的渲染出来,并且在多个页面上都需要使用到该局部

    @register.inclusion_tag(filename='it.html')
    def index(n):
        html = []
            for i in range(n):
                html.append('第%s页'%i)
        return locals()  # 将html传给filename这个页面,然后可以在那个页面上使用
    
    加载自定义文件名
    {% load mytag %}
    {% index 10 %}
    
    filename是作用于一个页面,这个页面可以不是一个完整的页面,只是一部分。
    

    image

三.模板的继承与导入

1.模板的继承(重要)

  • 1).什么是模板继承

    你需要事先在你想要使用的主页面上划定区域做好标记,之后在子页面继承的时候你就可以使用在主页面划定的区域,也就意味着,如果你不划定任何区域,那么你子页面将无法修改主页面内容

  • 2).如何使用模板继承

    1.在模板中使用block划定子板以后可以修改的区域
    	{% block 区域名称 %}
        {% endblock %}
    
    2.子板继承模板
    	{% extends '模版名称.html' %}
        {% block 区域名称 %}
        	子板内容
        {% endblock %}
    
    3.子板继续使用模板的的内容
    	{{ block.super }}
    """
    ps:模板中至少应该有三个区域
    	页面内容区、css样式区、js代码区
    """
    

2.模板的导入(了解)

将某个html的部分提前写好,之后很多html页面都想使用就可以导入

{% include 'myform.html' %}
posted @ 2022-12-14 17:34  dear丹  阅读(20)  评论(0编辑  收藏  举报