django之模板层

Posted setcreed

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了django之模板层相关的知识,希望对你有一定的参考价值。

模板语法

两种书写格式:

  • 变量相关 {{ }}
  • 逻辑相关 {% %}

模板传值

html页面传值的两种方式

第一种方式

def test(request):
    n = 1
    f = 1.21
    s = 'hellow world'
    lt = [11, 22, 33, 44, 55, 66]
    tu = (111, 222, 333)
    dic = {'username': 'neo', 'password': '123'}
    se = {1, 3, 5, 7, 9}
    bo = True

    return render(request, 'test.html', 'n': n, 'dic': dic)

弊端就是:当要传的变量名很多的时候,就很麻烦

第二种 locals()

locals() 会将当前所在的名称空间中所有的名字全部传递给html页面

传值 基本数据类型

def test(request):
    n = 1
    f = 1.21
    s = 'hellow world'
    lt = [11, 22, 33, 44, 55, 66]
    tu = (111, 222, 333)
    dic = {'username': 'neo', 'password': '123'}
    se = {1, 3, 5, 7, 9}
    bo = True

    return render(request, 'test.html', locals())

前端接收:

<p>{{ n }}</p>
<p>{{ f }}</p>
<p>{{ lt }}</p>
<p>{{ tu }}</p>
<p>{{ s }}</p>
<p>{{ se }}</p>
<p>{{ bo }}</p>
<p>{{ dic }}</p>

传函数名

def test(request):
    def func1():
        pass
    
    return render(request, 'test.html', locals())

前端

<p>传函数名 {{ func1 }}</p>

显示效果:传函数名 None

注意:

  • 给HTML页面传递函数名的时候,模板语法会自动加括号调用该函数,并且将函数的返回值显示在浏览器页面上

  • 但是模板语法不支持函数传参,意味着给html页面传的函数只能是不需要传参数调用的函数。

传类名和对象

    def func1():
        pass


    class MyClass(object):
        def get_self(self):
            return 'get_self'

        @classmethod
        def get_cls(cls):
            return 'get_cls'

        @staticmethod
        def get_func():
            return 'get_func'

    obj = MyClass()

前端:

<p>传类名:{{ MyClass }}</p>
<p>传对象名: {{ obj }}</p>

<p>{{ obj.get_cls }}</p>
<p>{{ obj.get_self }}</p>
<p>{{ obj.get_func }}</p>

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

过滤器

语法结构

|来使用, 会自动将 | 左边的数据当作过滤器的第一个参数传入, :右边的当作第二个参数

<p>统计长度:{{ s|length }}</p>

常用的方法

  • 统计长度<p>统计长度:{{ s|length }}</p>, 如果无法统计长度会默认返回0
  • 加法运算:{{ n|add:666 }}, 内部异常捕获 支持数字相加 字符串拼接 都不符合返回空
  • 切片操作:{{ lt|slice:‘0:5:2‘ }}, 顾头不顾尾 也支持步长
  • 自动转成文件大小格式{{ file_size|filesizeformat }}
  • 截取文本内容:s|truncatechars:5 (按字符计算)截取五个字符,三个点也算
  • 截取文本内容:{{ s1|truncatewords:5 }}, (按照空格计算) 截取五个单词 三个点不算
  • 判断是否有值:{{ is_value|default:‘is_value变量名指向的值为空‘ }}, 有值展示值本身 没值展示默认值
  • 展示带有标签的文本{{ sss }}
    • 默认情况下 是不会自动转换成前端html标签,防止恶意攻击

前后端取消转义

前端:<p>{{ sss|safe}}</p> 这样就可以自动转换成前端html标签

后端:

from django.utils.safestring import mark_safe

def test(request):
    sss2 = "<h2>h2标签</h2>"
    res = mark_safe(sss2)
    
    return render(request, 'test.html', locals())


# 前端传res就行了

标签

逻辑相关的语法

for循环:

<p>标签  逻辑相关</p>
{% for foo in lt %}
    <p>{{ forloop }}</p>
    <p>{{ foo }}</p>
{% endfor %}

forloop 内置的对象:

{'parentloop': {}, 'counter0': 0, 'counter': 1, 'revcounter': 6, 'revcounter0': 5, 'first': True, 'last': False}

技术图片

if判断

{% if s %}
<p>s有值</p>
    {% else %}
    <p>s没有值</p>
{% endif %}

for循环和if判断联合使用

{% for foo in lt %}
    {% if forloop.first %}
        <p>第一次</p>
    {% elif forloop.last %}
        <p>最后一次</p>
    {% else %}
        <p>{{ foo }}有点意思</p>

    {% endif %}
{% endfor %}
{% empty %}
<p>当for循环的对象是空的时候会走 </p>

其他方法

后端有个大字典,传到前端:

comp_dic = {'username':'123', 'hobby':['study', 'run', ['rap', {'age':20}]]}

前端: <p>{{ comp_dic.hobby.2.1.age }}</p>

注意:模板语法的取值 只有一种方式 统一采用句点符

<p>当你的数据是通过多个句点符获取到的,后续又需要经常使用,可以给该数据起别名,但别名只能在with内部使用</p>
{% with comp_dic.hobby.2.1.age as age %}
    <p>{{ age }}</p>

{% endwith %}

自定义过滤器和标签

django支持用户自定义过滤器和标签

有三个步骤:

  • 在应用名下新建一个名字必须叫做templatetags的文件夹

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

  • 在该py文件中,必须先写下面两句代码

    from django.template import Library
    
    register = Library()

之后就可以用register自定义过滤器和标签了

自定义过滤器

和默认的过滤器一样 最多只能接受两个参数

from django.template import Library

register = Library()

# 自定义过滤器
@register.filter(name='neo')
def index(a, b):
    return a + b    # 两个数的和

需要先在html页面上 加载

{% load mytag %}
{{ 1|neo:2 }}

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

{% load mytag %}
{% if 1|neo:2 %}
    <p>有值</p>
    {% else %}
    <p>没有值</p>

{% endif %}

自定义标签

可以接收任意多个参数,参数与参数之间必须空格隔开

from django.template import Library

register = Library()

@register.simple_tag(name='mytag')
def mytag(a,b,c,d):
    return '%s*%s*%s*%s' % (a,b,c,d)   # 接收四个参数用*拼接

自定义inclusion_tag

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

mytag.py

from django.template import Library

register = Library()
@register.inclusion_tag('mytag.html', name='xxx')
def func(n):
    lt = []
    for i in range(n):
        lt.append(f'第{i}项')

    return locals()   # 将lt直接传递给mytag页面

template文件夹下mytag.html

<ul>
    {% for foo in lt %}
        <li>{{ foo }}</li>
    {% endfor %}

</ul>

views.py返回的test.html页面

{% load  mytag %}
{% xxx 5 %}

注意: 当你需要使用一些页面组件的时候 并且该页面组件需要参数才能够正常渲染 你可以考虑使用inclusion_tag

模板的继承

继承模板extends

在子页面中在页面最上方使用下面的语法来继承母板

{% extends 'home.html' %}

块(block)

在父页面上利用block划定想要修改的区域,继承后就可以通过名字找到对应的名字找到该区域,并修改

  1. 模板上的block区域越多,页面的扩展性越强,推荐你一个模板页面至少有三块区域(css区域,html代码区域,js区域)
  2. 通过这三个区域,就能够实现每一个页面都有自己独立的css和js代码
  3. 可以在子页面上通过{{ block.super }}沿用父页面的内容

导入(include)

将html页面当做模块的直接导入使用:{% include ‘form.html‘%}

{% block content %}
    <p>我改成home1页面内容</p>
    {{block.super}}
    {% include 'form.html' %}
{% endblock %}

{% block css %}
    <style>
        p {
            color: green;
        }
    </style>
{% endblock %}

{% block js %}
    <script>
        alert('login')
    </script>
{% endblock %}

以上是关于django之模板层的主要内容,如果未能解决你的问题,请参考以下文章

Django之模板层

Django--模板层

DJANGO入门系列之(模板层)

Django之模板层

Django基础之视图(views)层模板层

[Django框架之模板层]