ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

django 模板层

2022-05-17 01:00:36  阅读:112  来源: 互联网

标签:django 语法 tag 过滤器 模板 页面


模板语法

 django模板语法的符号只有两种

{{ }} 用于变量相关操作

{% %} 用于逻辑相关操作

模板语法传值

 模板语法传值的方式有两种。

指名道姓的传值

  形式: return render(request, 'ab_temp.html', {'name':name})
  特点: 适合数据量小的情况,并且比较节省资源。

打包传值 locals()

  形式:return render(request, 'ab_temp.html', locals())
  特点: 会将当前名称空间中的所有名字全部传给前端页面。

模板语法传值的数据范围

  基本数据类型(整型、浮点型……)都可以
  函数名:模板语法会直接将函数名加括号调用执行,并且会将返回值展示到页面上。不过这里是不支持给函数传参的。
  文件名:直接显示成文件IO对象
  类名: 自动加括号实例化对象
  对象名: 直接显示成对象的内存地址,并且具备用句点符调用属性的能力

django模板语法取值

  django模板语法针对容器类型数据的取值,只有句点符的方式。并且通过句点符的方式,可以点key也可以点索引值。示例: django模板语法针对容器类型数据的取值,只有句点符的方式

模板语法过滤器

过滤器语法结构

{{ 数据对象|过滤器名称:参数}}
  需要注意的是,过滤器只能接收一个额外传递的参数

常见过滤器

  django模板语法准备的过滤器有60多种。我们主要了解几种即可

    <p>统计数据的长度:{{ s1|length }}</p>
    <p>算术加法或者字符串加法:{{ n1|add:111 }}、{{ s1|add:'big baby' }}</p>
    <p>将数字转成合适的文件计量单位:{{ file_size|filesizeformat }}、{{ file_size1|filesizeformat }}</p>
    <p>判断当前数据对象对应的布尔值是否是False:{{ b|default:'前面的值对应的布尔值是False' }}、{{ s1|default:'前面的值对应的布尔值是False' }}</p>
    <p>时间格式化:{{ ctime|date:'Y-m-d' }}</p>
    <p>索引切片:{{ s1|slice:'0:8' }}</p>
    <p>按照空格截取指定个数的文本:{{ s2|truncatewords:5 }}、{{ s1|truncatewords:1 }}</p>
    <p>按照字符个数截取文本(包含三个点):{{ s2|truncatechars:5 }}、{{ s1|truncatechars:10 }}</p>
    <p>移除指定的字符:{{ info|cut:'|' }}</p>
    <p>是否取消转换:{{ tag1 }}、{{ tag1|safe }}、{{ scripts1|safe }}、{{ res }}</p>

模板语法之标签

语法结构

{% 名字…… %} {% end名字 %}

语法结构内容

2.if判断
	{% if 条件1 %}
    <p>你好啊</p>
  {% elif 条件2 %}
    <p>他好呀</p>
  {% else %}
    <p>大家好</p>
  {% endif %}
3.for循环
	提供了forloop关键字
  	{'parentloop': {}, 'counter0': 0, 'counter': 1, 'revcounter': 4, 'revcounter0': 3, 'first': True, 'last': False}
  {% for i in l1 %}
    <p>{{ i }}</p>
	{% endfor %}
  """
  for+if其他使用
  {% for i in l1 %}
    {% if forloop.first %}
        <p>这是第一次循环</p>
    {% elif forloop.last %}
        <p>这是最后一次循环</p>
    {% else %}
        <p>中间循环</p>
    {% endif %}
    {% empty %}
        <p>for循环对象为空 自动执行</p>
  {% endfor %}
  """
ps:针对字典同样提供了keys、values、items方法

自定义过滤器、标签、inclusion_tag

  1. 在应用下需要创建一个templatetags文件夹
  2. 在该文件夹下创建一个任意名称的py文件
  3. 在创建的该py文件内提前编写两行代码

	from django import template
	register = template.Library()

自定义过滤器(只能接收两个参数)

  通过查看django模板语法内置过滤器的源码发现,内置过滤器都是通过添加@register.filter()有参装饰器实现的。所以我们也可以根据该规律在后端views.py中创建一些过滤器。

    @register.filter(is_safe=True)
    def index(a, b):
        return a + b
    {% load mytag %}
    {{ n1|index:666 }}

自定义标签(可以接受任意个参数)

  这里也是通过查看源码发现这里是标签是通过添加@register.simple_tag(name='……')有参装饰器实现的。

    @register.simple_tag(name='my_tag')
    def func1(a, b, c, d):
        return a + b + c + d
    {% my_tag 1 2 3 4 %}  # 参数之间空格隔开即可

自定义inclusion_tag

  这里其实是通过添加@register.inclusion_tag('……')实现的。

    @register.inclusion_tag('left.html')
    def func2(n):
        l1 = []
        for i in range(1, n + 1):
            l1.append(f'第{i}页')
        return locals()
    {% func2 10 %}
    ###left.html###
    <ul>
        {% for foo in l1 %}
            <li>{{ foo }}</li>
        {% endfor %}
    </ul>
    '''该方法需要先作用于一个局部html页面 之后将渲染的结果放到调用的位置'''

模板的导入

  类似于将HTML页面上的局部页面做成模块的形式 ,然后在需要使用的位置直接使用{% include '……' %}(此处的……指代的是存储的局部页面的内容。而不是完整的HTML页面)导入模块就可以展示。

    eg:有一个非常好看的获取用户数据的页面 需要在网站的多个页面上使用
      	策略1:拷贝多份即可
            策略2:模板的导入
    使用方式
    	{% include 'menu.html' %}

注释语法的补充

    <!---->  是HTML的注释语法
    {##}	 是django模板语法的注释
    """
    HTML的注释可以在前端浏览器页面上直接查看到
    模板语法的注释只能在后端查看 前端浏览器查看不了
"""

模板的继承

  模板的继承类似于面向对象的继承,同样是通过继承某个页面,然后就可以使用该页面的资源。可以通过模板的继承,做到只改变页面的局部内容。

      1.先在模板中通过block划定将来可以被修改的区域
      	{% block content %}
        	<h1>主页内容</h1>
        {% endblock %}
      2.子板继承模板
      	{% extends 'home.html' %}
      3.修改划定的区域
      	{% block content %}
          <h1>登录内容</h1>
      	{% endblock %}
      4.子页面还可以重复使用父页面的内容
      	{{ block.super }}

  这里需要注意的是,模板上至少应该有三个区域:css 、页面内容、js。这三个区域都存在时,子页面不仅可以通过继承获得父页面的资源,也可以通过自己编写不同的部分从而获取不同的效果。

标签:django,语法,tag,过滤器,模板,页面
来源: https://www.cnblogs.com/Oliver-Chance/p/16278358.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有