Django 模板层

Django 模板层

一.常用模板语法

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

为模板传值

1.通过字典的键值对指名道姓的一个个传
return render(request, 'reg.html', {'n':n, 'f':f, ...})
2.locals() 会将它所在的名称空间中的所有名字都传递给指定模板
return render(request, 'reg.html', locals())  # 缺点:易造成资源浪费

 

注意

1.容器数据类型:前端获取后端传过来的容器类型的内部元素,统一采用句点符(.)
2.函数:后端传函数名到前端,会自动加括号调用,但是不支持传参
3.类:后端传对象到前端,就相当于打印了这个对象,该对象可以通过点方法拿到类中方法的返回值(类名也一样)

二.模板语法之 过滤器

原理:会将 | 前面的当做第一个参数传入标签中

1.{{ s|length }}  前端统计字符串的长度
2.{{ flag|default:'你这个东西是个空'}}  前端获取数据如果是空就返回default后面默认的参数值,必须要有两个参数
3.{{ file_size|filesizeformat }}  将数字格式化成表示文件大小的单位
4.{{ res|truncatewords:4 }}  按照空格截取文本内容
5.{{ s|truncatechars:10 }}  截取固定的长度的字符串 三个点也算
6.{{ ctime|date:'Y-m-d' }}  只需要掌握年月日就可以了
7.{{ l|slice:'0:5:2' }}  切分,可指定步长
8.{{ n|add:100 }}  相同数据类型相加,若不同返回空
9.取消转义,告诉前端,后端传过来的数据是安全的,可以识别HTML标签展示
    前端方法: {{ xxx|safe }}
    后端方法: from django.utils.safestring import mark_safe
            xxx = mark_safe('<h1>我是h1标签</h1>')

 

三.模板语法之标签 {% %}

1.for 循环

{% for foo in l %}
    <p>{{ foo }}</p>
    <p>{{ forloop }}</p>  
{% endfor %}

 

2.empty

当你的for循环对象为空的时候会自动走empty代码块儿的内容

后端:
l = None
前端:
{% for foo in l %}
    <p>{{ foo }}</p>
    {% empty %}
    <p>你给我的容器类型是个空啊,没法for循环</p>
{% endfor %}

 

3.if 判断

{% if flag %}
    <p>flag不为空</p>
    {% else %}
    <p>flag是空</p>
{% endif %}

 

4.for 与 if 嵌套使用

后端:
l = [1,2,3,4]
前端:
{% for foo in l %}
    {% if forloop.first %}
    <p>这是我的第一次</p>
    {% elif forloop.last %}
    <p>这是最后一次了啊</p>
    {% else %}
    p>嗨起来!!!</p>
    {% endif %}
    {% empty %}
    <p>你给我的容器类型是个空啊,没法for循环</p>
{% endfor %}

 

四.自定义 过滤器 标签 inclusion_tag

注意:

# 自定义必需要做的三件事
1.在应用名下新建一个名为templatetags文件夹(必须叫这个名字)
2.在该新建的文件夹内新建一个任意名称的py文件
3.在该py文件中需要固定写下面两句代码:
    from django import template
    register = template.Library()
    
注意: 必须先在需要使用的html页面加载你的py文件 {% load mytag %}

 

1.自定义过滤器

后端 创建

from django import template
register = template.Library()

@register.filter(name='myfilter')  # name后面是过滤器名字
def index(a,b):  # 过滤器只能有两个参数
    return a+b  # 简易版本的 |add

 

前端 使用

{% load mytag %}  # mytag为创建的py文件
{{ 2|myfilter:5 }}  >>> 7

 

2.自定义标签

后端 创建

from django import template
register = template.Library()

@register.simple_tag(name='xxx')
def tag(a,b,c):  # 标签可以有多个参数
    return '%s|%s|%s'%(a,b,c)  

 

前端 使用

{% load mytag %}
{% xxx 1 2 3 %}  >>> 1|2|3

 

3.自定义 inclusion_tag

为什么用?

当你的页面上有一部分html代码需要经常被各个地方使用,并且需要传参才能渲染出来,那么你可以把该html代码部分制作成一个inclusion_tag

后端 创建

from django import template
register = template.Library()

@register.inclusion_tag('bigplu.html')
def bigplu(n):
    l = []
    for i in range(0,10):
        l.append(i)
    return {'l':l}

 

前端 使用

bigplu.html 页面
<ul>
    {% for foo in l %}
        <li>{{ foo }}</li>
    {% endfor %}
</ul>

 

reg.html 页面
{% load mytag %}
{% bigplu 5 %}

 

五.模板的继承与导入

模板继承 extends

什么是模板的继承?

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

 

如何使用?
<!--第一步: 首先需要在被继承的模板中划分多个区域-->
{% block 给区域起的名字 %}
    区域代码块
{% endblock %}

 

<!--第二步:继承模板所有的内容-->
{% extends 'home.html' %}

 

<!--第三步:根据block块的名字修改指定区域的内容-->
{% 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-success">
    </form>
{% endblock %}

 

<!--ps:通常情况下一个模板中应该至少有三块,一般情况下,模板上的block越多,页面的可扩展性就越强-->
{% block css %}
    页面css代码块
{% endblock %}

{% block content %}
    页面主体内容
{% endblock %}

{% block js %}
    页面js代码块
{% endblock %}

 

 

模板导入 include

为什么使用?

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

 

如何使用?

<!--将一段html当做模块的方式导入到另一个html展示-->
{% include 'beautiful.html' %}

 

 

 

 

posted @ 2019-09-27 15:54  waller  阅读(175)  评论(0编辑  收藏  举报