• Django之模板层


    常用模板语法

    有两种特殊符号:{{  }}和{% %}。其中与变量相关的用{{ }},与逻辑相关的用{% %}

    变量

      在Django的模板语言中一般使用的语法为:{{变量名}}。当模板引擎遇到一个变量时,他会计算这个变量,然后用计算变量得到的结果来替代这个变量。变量的命名可以是任何数字字母以及下划线(_)的组合体,但不能有空格或者是标点符号。

      点(.)在模板语言中有特殊的含义。当模版系统遇到点(".")时,它将以这样的顺序查询:(1).字典查询(Dictionary lookup);(2).属性或方法查询(Attribute or method lookup);(3).数字索引查询(Numeric index lookup)。

    注意事项:

      1).如果计算结果的值是可调用的,它将被无参数的调用。 调用的结果将成为模版的值。

      2).如果使用的变量不存在, 模版系统将插入 string_if_invalid 选项的值, 它被默认设置为'' (空字符串) 。

    1 {{m.0}}    # 取m中的第一个参数
    2 {{d.name}}    # 取字典key的值
    3 {{person_list.0.name}}  # 取对象的name属性
    4 {{person_list.0.dream}}  # 操作只能调用不带参数的方法 

    传值

      python中的所有数据类型(整型,浮点型,字符串,列表。字典,元组,集合)以及函数名都可以被传到前端。如果传函数名,会自动加括号调用该函数,前端展示的是函数调用之后的返回值,Django语法不支持给函数传递额外的参数。

    给模板传值的两种方式:

    #方式1:通过字典的键值对,指名道姓的一个个传。适用于小规模。
    return render(request,'reg.html',{'n':n,'f':f})
    #方式2:locals会将它所在的名称空间中的所有名字都传递给前端,该方法虽然好用,但是在某些情况下回造成资源的浪费。
    return render(request,‘reg.html’,locals())

     过滤器(Filters)

      在Django的模板语言中,可以通过过滤器来改变变量的显示。过滤器语法格式为:{{value|filer_name:参数}},管道符'''|'来作为过滤器。过滤器会将 | 左边的的对象当做第一个参数传入。

    1 {{name|lower}}  # 会将name变量先应用lower过滤器后,再显示出它的值。也就是说,最后显示出来的有关name的内容全是小写。

    注意事项:

      1)过滤器支持“链式”操作。即一个过滤器的输出可以作为另一个过滤器的输入。

      2)过滤器可以接受参数,例如:{{ sss|truncatewords:30 }},这将显示sss的前30个词。

      3)过滤器参数如果包含空格的话,必须要用引号包裹起来。比如使用逗号和空格去连接一个列表中的元素,如:{{ list|join:', ' }}。

      4)'|'的左右千万不能出现空格。

    常用过滤器

    default 
    #如果一个变量是false或者为空,便会使用默认值。否则使用变量的值。
    {{value|default:“nothing”}}#如果value没有传值或者为空,就显示nothing。
    
    length
    # 返回值的长度,只作用于字符串和列表。
    {{value|length}}#返回value的长度,如 value=['a', 'b', 'c']的话,就显示3。
    
    filesizeformat
    #将值转化为文件的尺寸大小。
    {{ value|filesizeformat }}#如果 value 是 123456789,输出将会是 117.7 MB。
    
    slice
    #切片操作。顾头不顾尾。
    {{value|slice:"2:-1"}}
    
    date
    #时间的格式化
    {{ value|date:"Y-m-d H:i:s"}}
    
    safe
    #Django的模板中会对HTML标签和JS等语法标签进行自动转义,原因为了安全。我们可以通过过滤器“|safe”的方式告诉Django这段代码是安全的不必转义。
    前后端取消转义,意味着前端的html代码,并不单单只能在html文件中书写,也可以在后端先生成html代码,然后再直接传递给前端。
    前端:{{ value|safe}}
    后端:from django.utils.safestring import mark_safe
       mark_safe("<a href='url'>xxx</a>")
    truncatechars
    #如果字符串字符多于指定的字符数量,那么会被截断。截断的字符串将以省略号(“...”)三个点表示。 {{ value|truncatechars:9}} truncatewords #在一定数量的字后截断字符串。按空格截取,省略号(“...”)三个点不算。 {{ value|truncatewords:9}} cut # 移除value中所有与给出的变量相同的字符串。 {{value|cut:' '}} # 如果value为'l o v e ',那么输出的结果是love。 join # 使用字符串连接列表

    自定义标签 过滤器 inclusion_tag

    自定义固定的三步走战略:

      1.必须在你的应用下新建一个名为templatetags文件夹

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

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

    自定义过滤器

    1 from  django import template
    2 register = template.Library()       
    1 # 自定义过滤器
    2 @register.filter(name='baby')
    3 def index(a,b):  # 该过滤器只做一个加法运算,是|add的简易版本
    4 return a + b

    自定义标签

    1 # 自定义标签     # py文件里的内容
    2 @register.simple_tag(name='jason')    # 支持传多个值,参数与参数之间用空格隔开
    3 def xxx(a,b,c,year): 
    4 return '%s?%s|%s{%s'%(a,b,c,year)

    自定义inclusion_tag

    1 # 自定义inclusion_tag
    2 """接收用户传入的参数 ,然后作用于一个html页面,在该页面上渲染数据 之后将渲染好的页面,放到用户调用inclusion_tag的地方"""
    3 @register.inclusion_tag('bigplus.html') #括号内放一个小页面
    4 def bigplus(n):
    5     l = []
    6     for i in range(n):
    7         l.append('第%s项'%i)
    8     return {'l':l}                  

     

     模板的继承与导入

      当多个页面整体的样式都大差不差的情况下,可以设置一个模板文件。在该模板文件中,使block块划分多个预期,之后子版在使用模板的时候,可以通过block块的名字来选定到底需要修改哪一部分区域。

      模板一般情况下 应该至少有三个可以被修改的区域:

     1 {% block css %}
     2     子页面自己的css代码
     3 {% endblock %}
     4                                 
     5 {% block content %}
     6     子页面自己的html代码
     7 {% endblock %}
     8                             
     9 {% block js %}
    10     子页面自己的js代码
    11 {% endblock %}

    模板的继承

    {% extends 'home.html' %}
    {% block css %}
    
    <style>
    h1 {color: red;}
    </style>
    {% endblock %}
    
    {% block content %}
    <h1>登陆页面</h1>
        <form action="">
            <p>username:<input type="text" class="form-control"></p>
            <p>password:<input type="text" class="form-control"></p>
            <input type="submit" class="btn btn-danger">
        </form>
        {% endblock %}
        
    {% block js %}
    {% endblock %}                      

      补充:一般情况下,模板上的block越多,页面的可扩展性就越强。

    模板的导入

      不支持传参,可以写一个死页面。当你写了一个特别好看的form表单/列表标签等,可以将它当成一个模块,哪个地方需要 就直接导入使用即可。

    {% extends '模板的名字'%}
    {%block content%}
        修改模板中content区域的内容
        {{ block.super }}重新复用模板的html样式
    {%endblock%}
                
                
    模板的导入
    {% include '你想要导入的html文件名'%}

     

  • 相关阅读:
    TypeScript02 方法特性【参数种类、参数个数】、generate方法、析构表达式、箭头表达式、循环
    TypeScript01 编译环境的搭建、字符串特性、类型特性
    Angular04 组件动态地从外部接收值、在组件中使用组件
    Angular03 将数据添加到组件中
    Angular02 通过angular-cli来搭建web前端项目
    Angular01 利用grunt搭建自动web前端开发环境、利用angular-cli搭建web前端项目
    IDEA01 创建java项目、创建web项目
    Struts2框架07 Struts2 + Spring + Mybatis 整合
    素数应用
    二重指针实现排序
  • 原文地址:https://www.cnblogs.com/blue-tea/p/11545262.html
Copyright © 2020-2023  润新知