zoukankan      html  css  js  c++  java
  • Django --- 模板层

    模板层

    模板层就是存放模板的地方,默认存放的文件夹为:templates,也就是我们放html文件的地方

    模板语法

    模板层的语法只有两种书写格式

    {{ }} 变量相关

    {% %} 逻辑相关

    模板传值

    模板变量

    <p>字符串:{{ name }}</p>   # 相当于print(name)
    <p>数字:{{ age }}</p>   # 相当于print(age)
    <p>列表:{{ ll }}</p>  # 相当于print(ll)
    <p>元祖:{{ tu }}</p>  # 相当于print(tu)
    <p>字典:{{ dic }}</p>   # 相当于print(dic)
    {#只写函数名:相当于函数名(),执行该函数#}
    <p>函数:{{ test }}</p>     # 相当于print(test())  前端展示函数调用的返回值
    {#对象内存地址#}
    <p>对象:{{ lxx }}</p>    # 相当于print(lxx)
    <p>列表套对象:{{ person_list }}</p>
    <p>字典套对象:{{ person_dic }}</p>
    

    对于当前python中的基本数据类型全部支持传值,

    传值的两种方式

    # 1.使用render一个一个的传
    render(request,'ceshi.html',{'dic':dic})
    
    # 2.将视图函数中的值全部传过去
    render(request,'ceshi.html',locals())
    

    模板深度查询 统一使用句点符 ' . '

    <p>列表第0个值:{{ ll.0 }}</p>
    <p>列表第3个值:{{ ll.3 }}</p>
    <p>字典取值:{{ dic.name }}</p>
    <p>字典取列表值:{{ dic.ll }}</p>
    {#再继续取值,继续点#}
    <p>对象取数据属性:{{ lxx.name }}</p>
    <p>对象取绑定给对象的函数属性:{{ lxx.get_name }}</p>
    <p>对象取绑定给类的函数属性:{{ lxx.cls_test }}</p>
    <p>对象取静态方法:{{ lxx.static_test }}</p>
    <p>把对象列表中egon年龄取出来:{{ person_list.1.age }}</p>
    {#拓展:不能调有参数的方法#}
    <p>字符串的方法:{{ name.upper }}</p>
    

    对于视图函数:

    给HTML页面传递函数名的时候,模板语法会自动加括号调用该函数,并且将函数的返回值直接显示出来,模板语法不支持函数传参,也就意味着,你传给html页面的只能是不需要传参调用的函数

    # views.py中
    def ceshi(request):
    
        def index():
            return '我是拿来测试的'
        return render(request,'ceshi.html',locals())
        
    # html中
    <p>{{ index }}</p>
    
    # 显示值
    我是拿来测试的
    

    对于类:

    会自动加括号实例产生对象,

    # views.py中
    def ceshi(request):
        class Home(object):
            name = 'wang'
            password = 123
        return render(request,'ceshi.html',locals())
    
    # html中
    <p>{{ Home }}</p>
    
    # 显示值
    <app01.views.ceshi.<locals>.Home object at 0x0000014824D5B5C0>
    

    总结:只要能够加括号调用的,传递到html页面上,都会自动加括号调用

    过滤器

    是模板语法提供的一些内置方法,可以帮助我们快速处理数据,但是要注意的是,最多只能有两个参数

    在Django的模板语法中,通过使用过滤器来改变变量在页面的显示

    1.过滤器的语法:{{value|filter_name:参数}}

    使用管道符‘|’ 来应用过滤器

    {{需要过滤的数据|过滤器的名字:过滤参数}}
    

    2.常用的过滤器

    1.default 如果一个变量是false或者为空,使用给定的默认值。否则,使用变量的值。

    <p>过滤器之默认值:{{ value|default:"nothing"}}</p>
    

    如果value没有传值或者值为空的话就显示nothing (这里value是变量)

    2.length 返回值的长度,作用于统计字符串和列表的长度

    {{ value|length }}
    返回value的长度,如 value=['a', 'b', 'c', 'd']的话,就显示4.
    

    3.filesizeformat 将值格式化为一个可读的文件尺寸(例如'13kb','4.1MB',等等)

    {{ value|filesizeformat }}
    

    如果 value 是 123456789,输出将会是 117.7 MB

    4.slice 切片

    {{value|slice:'2:-1'}}  前闭后开区间支持设置步长{{name|slice:'0:3:3'}}
    

    5.date 时间格式化

    from datetime import datetime
    ctime = datetime.now()
    {{ ctime|date:"Y-m-d H:i:s"}}
    

    6.safe 取消转义

    前端取消转义可以用 |safe (正常显示出html,js标签样式)

    视图层    
    xxx='<h1>波波棋牌室</h1>'
    
    模板层
    {{xxx|safe}}   #取消转义h1标签就会起作用
    

    后端取消转义

    视图层
    from django.utils.safestring import mark_safe
    
    zzz = mark_safe('<h1>阿萨德搜啊第三款垃圾袋</h1>')
    
    
    模板层  直接写
    {{zzz}}
    

    7.truncatechars 按照指定字符截取内容,截断的字符串以省略号(...)结尾(省略号算3个字符数量)

    参数:指定截断的字符数

    {{ info|truncatechars:6 }}
    

    8.truncatewords 按空格截取(数字显示的是截取的空格数,三个点不包含)

    {{ info|truncatewords:3 }}
    

    9.cut 移除value中所有的与给出的变量相同的字符串

    {{ value|cut:' ' }}  #移除 ' '
    

    如果value为'i love you',那么将输出'iloveyou'.

    10.add 拼接(数字就相加,字符串就是拼接)

    {{ n|add:100 }}
    {{ s|add:'hahah 翻车啦' }}
    

    3.其他过滤器

    过滤器 描述 示例
    upper 以大写方式输出 {{ user.name | upper }}
    add 给value加上一个数值 {{ user.age | add:”5” }}
    addslashes 单引号加上转义号
    capfirst 第一个字母大写 {{ ‘good’| capfirst }} 返回”Good”
    center 输出指定长度的字符串,把变量居中 {{ “abcd”| center:”50” }}
    cut 删除指定字符串 {{ “You are not a Englishman” | cut:”not” }}
    date 格式化日期
    default 如果值不存在,则使用默认值代替 {{ value | default:”(N/A)” }}
    default_if_none 如果值为None, 则使用默认值代替
    dictsort 按某字段排序,变量必须是一个dictionary {% for moment in moments | dictsort:”id” %}
    dictsortreversed 按某字段倒序排序,变量必须是dictionary
    divisibleby 判断是否可以被数字整除 `{{ 224
    escape 按HTML转义,比如将”<”转换为”&lt”
    filesizeformat 增加数字的可读性,转换结果为13KB,89MB,3Bytes等 `{{ 1024
    first 返回列表的第1个元素,变量必须是一个列表
    floatformat 转换为指定精度的小数,默认保留1位小数 {{ 3.1415926 | floatformat:3 }} 返回 3.142 四舍五入
    get_digit 从个位数开始截取指定位置的数字 {{ 123456 | get_digit:’1’}}
    join 用指定分隔符连接列表 {{ [‘abc’,’45’] | join:’’ }} 返回 abc45
    length 返回列表中元素的个数或字符串长度
    length_is 检查列表,字符串长度是否符合指定的值 {{ ‘hello’| length_is:’3’ }}
    linebreaks 用或 标签包裹变量 {{ “Hi David”|linebreaks }} 返回HiDavid
    linebreaksbr 用 标签代替换行符
    linenumbers 为变量中的每一行加上行号
    ljust 输出指定长度的字符串,变量左对齐 {{‘ab’|ljust:5}}返回 ‘ab ’
    lower 字符串变小写
    make_list 将字符串转换为列表
    pluralize 根据数字确定是否输出英文复数符号
    random 返回列表的随机一项
    removetags 删除字符串中指定的HTML标记 {{value | removetags: “h1 h2”}}
    rjust 输出指定长度的字符串,变量右对齐
    slice 切片操作, 返回列表 {{[3,9,1] | slice:’:2’}} 返回 [3,9] `{{ 'asdikfjhihgie'
    slugify 在字符串中留下减号和下划线,其它符号删除,空格用减号替换 `{{ '5-2=3and5 2=3'
    stringformat 字符串格式化,语法同python
    time 返回日期的时间部分
    timesince 以“到现在为止过了多长时间”显示时间变量 结果可能为 45days, 3 hours
    timeuntil 以“从现在开始到时间变量”还有多长时间显示时间变量
    title 每个单词首字母大写
    truncatewords 将字符串转换为省略表达方式 `{{ 'This is a pen'
    truncatewords_html 同上,但保留其中的HTML标签 `{{ 'This is a pen'
    urlencode 将字符串中的特殊字符转换为url兼容表达方式 {{ ‘http://www.aaa.com/foo?a=b&b=c’ | urlencode}}
    urlize 将变量字符串中的url由纯文本变为链接
    wordcount 返回变量字符串中的单词数
    yesno 将布尔变量转换为字符串yes, no 或maybe `{{ True

    自定义过滤器

    自定义过滤器

    自定义过滤器
    1. 先app是不是已经在setting中注册
    2. 在app下创建一个templatetags(****名字不能变***)的文件夹(模块)
    3. 在模块下创建一个py文件,名字随意:mytag.py
    4. # 第一步,导入template
       from django.template import Library
       # 第二步,定义一个叫register的变量=template.Library()
        register = Library()
    5. 写一个函数,用@register.filter(name='yyy')装饰一下(可以指定别名)
        @register.filter(name='yyy')
        def str_add(str1, str2): #一定要有返回值
           # 业务逻辑
           return str1 + str2
    6. 在html模板里:(新定定义的标签,过滤器,都要重启程序)
        {% load mytag %}
        {{'lqz'|str_add:'nb'}}
        
    # 使用自定义过滤器
    {% load mytag %}
    {{ 1|baby:1  }}
    
    

    标签

    1、for 标签

    基本用法:遍历每个元素

    视图层:
    def test(request):
        l=[1,2,3,4,5]
        return render(request,'login.html',locals())
    模板层:
    {% for foo in l %}
      {{ foo }}
    {% endfor %}
    

    forloop对象

    {% for person in person_list %}
        <p>{{ forloop }}</p>
        <p>{{ forloop.parentloop }}</p>   # 本层循环的外层循环 
        <p>{{ forloop.counter }}</p>    # 当前循环的索引,从1开始计
        <p>{{ forloop.counter0 }}</p>     # 当前循环的索引,从0开始计
        <p>{{ forloop.revcounter }}</p>   # 当前循环的倒序索引值(从1开始)
        <p>{{ forloop.revcounter0 }}</p>  # 当前循环的倒序索引值(从0开始)
        <p>{{ forloop.first }}</p>    # 当前循环是不是第一次循环
        <p>{{ forloop.last }}</p>   # 当前循环是不是最后一次循环
    {% endfor %}
    

    for...empty

    for标签带有一个可选的{% empty %} 从句,在给出的循环对象是空的或者没有被找到时执行

    {% for user in user_list %}
        <li>{{ user.name }}</li>
    {% empty %}
        <li>空空如也</li>
    {% endfor %}
    

    2、if标签

    if/elif/else

    {% if user_list %}
      用户人数:{{ user_list|length }}
    {% elif black_list %}
      黑名单数:{{ black_list|length }}
    {% else %}
      没有用户
    {% endif %}
    

    也可以只写if和else

    {% if user_list|length > 5 %}
      七座豪华SUV
    {% else %}
        黄包车
    {% endif %}
    

    if语句支持 and 、or、==、>、<、!=、<=、>=、in、not in、is、is not判断。

    for循环和判断结合一起使用

    {% for foo in l %}
      {% if forloop.first %}
        这是第一次
        {% elif forloop.last %}
          这是最后一次
        {% else %}
        来啊来啊
      {% endif %}
    {% endfor %}
    

    3、with标签

    定义一个中间变量,多用于给一个复杂的变量起别名

    两种方式:

    1.使用'=',注意等号两边不要加空格

    {% with total=business.employees.count %}
        {{ total }} employee{{ total|pluralize }}
    {% endwith %}
    

    2.as 起别名

    {% with business.employees.count as total %}
        {{ total }} employee{{ total|pluralize }}
    {% endwith %}
    

    csrf_token

    这个标签用于跨站请求伪造保护。

    在页面的form表单里面写上{% csrf_token %}

    自定义标签

    # 自定义标签:
    # 自定义标签   可以接受任意多个参数
    @register.simple_tag(name='mytag')
    def mytag(a,b,c,d):
    	return '%s?%s?%s?%s'%(a,b,c,d)
    
    # 自定义标签的使用
    {% load mytag %}
    {% mytag 'a' 'b' 'c' 'd' %}
    
    

    关于过滤器和标签的总结

    1.自定义过滤器跟默认过滤器一样,最多只能接受两个参数

    2.自定义标签可以接收任意多个参数,参数与参数之间必须使用空格隔开

    3.自定义过滤器可以在逻辑语句中使用,而自定义标签不可以

    自定义inclusion_tag

    是一个函数,能够接收外界传入的参数,然后传递给一个html页面,页面上获取数据,渲染完成之后,将渲染好的页面,放到调用inclusion_tag的地方

    # mytag.py文件中
    # 自定义inclusion_tag
    @register.inclusion_tag('mytag.html',name='xxx')
    def index666(n):
    	l = []
    	for i in range(n):
    		l.append('第%s项'%i)
    		return locals()   # 将l直接传递给mytag.html页面
    
    # mytag.html文件中
    <u1>
    {% for foo in l %}
    <li>{{foo}}</li>
    {% endfor 5 %}
    </ul>    
        
    # test.html文件中
    # 使用自定义inclusion_tag
    {% load mytag %}
    {% xxx 5 %}
    

    先再mystag.py中定义一个产生数据的容器,然后将这个容器产生的数据放在mystag.html中,使用for循环,在endfor中输入需要取出的个数,会在test.html中显示出来

    模板继承

    需要实现在你想要使用的页面上划定区域,之后在继承的时候,你就可以使用你划定的区域,也就意为着,如果你不划定任何区域,呢么你就将无法修改页面内容,模板上的blosk区域越多,页面的扩展性就越强,但是建议一个模板页面至少有三块区域,有了这三块区域,就能够实现每个页面都有自己独立的css和js代码

    # 1.先定义好一个html文件
    # 2.再新建一个页面,如果想继承之前定义好的html页面,就在页面的最上边写上:{% extends 'home.html'%}
    做完这两步之后,在调用这两个页面的时候一摸一样。
    # 3.在需要进行修改的块中写上:{% block content %} {% endblock %}
    # 4.在对页面上进行修改的时候使用的是:{% block content %}  修改模板中content区域内容   {% endblock %}
    # 5.也可以对css和js进行修改
    

    模板的继承:

    1.先在你想要继承的页面上通过block划定你将来可能要改的区域

    2.在子页面上先继承extends

    3.利用block自动提示,选择你想要修改的内容区域

    模板导入

    将html页面当作模块的方式直接导入作用,

    {% include 'bform.html' %}
    
    
  • 相关阅读:
    mysql导出表的数据,在导入
    oracle数据迁移到mysql
    mybatis-使用generator反向数据库表并生成dao和mapping映射
    SQLserver单表数据导入导出
    java内省
    java反射
    springmvc文件上传
    Dubbo学习笔记8:Dubbo的集群容错与负载均衡策略
    Dubbo学习笔记7:Dubbo增强SPI与SPI中扩展点自动包装的实现原理
    Dubbo学习笔记6:Dubbo整体框架分析
  • 原文地址:https://www.cnblogs.com/whkzm/p/11939552.html
Copyright © 2011-2022 走看看