Djano-模板层

Djano-模板层

模板简介

在刚刚介绍完的视图层中我们提到，浏览器发送的请求信息会转发给视图函数进行处理，而视图函数在经过一系列处理后必须要有返回信息给浏览器。如果我们要返回html标签、css等数据给浏览器进行渲染，我们可以在视图函数中这么做。

def current_datetime(request):
    now = datetime.datetime.now()
    html = "It is now %s." % now
    return HttpResponse(html)

但是这种将前端代码与后端代码耦合到了一起开发方式，会存在以下问题：

• 程序的可维护性与可扩展性问题
• 开发效率问题

基于上述原因，将前端页面和Python的代码分离是一种不错的开发模式。为此Django专门提供了模板系统（Template System，即模板层）来实现这种模式。
django的模板=HTML代码+模板语法
存放于templates目录下的html文件称之为模板文件，如果我们想要返回的html页面中的数据是动态的，那么必须在html页面中嵌入变量，这便用到了django的模板语法，具体来说，django的模板语法有以下要点：

一、变量：{{ 变量名 }}
    1.1 深度查询：句点符的应用
    1.2 过滤器
二、标签：{% 标签名 %}
三、自定义标签和过滤器
四、模板的导入和继承
五、静态文件配置

模板语法之变量

1-变量的基本使用

如果html代码中的数据不是固定死的，而是动态变化的，则必须在html中嵌入变量，为此，模板语法提供了变量的概念，允许我们在html代码中嵌入变量，我们只需要在视图函数中用render方法为html文件中指定的变量赋值即可，具体用法如下

test.html

    
    


{{ msg }}
{{ dic }}
{{ obj }}
{{ li }}

我们需要在视图函数中为模板test.html的变量名msg、li、dic、obj、obj_li赋值，views.py内容如下

from django.shortcuts import render

def test(request):
    # 传给模板的变量值可以是任意python类型，如下
    msg='hello world'
    dic={'k1':1,'k2':2}
    class Person(object):
        def __init__(self,name,age):
            self.name=name
            self.age=age

    obj=Person('egon',18)
    li = [1,'aaa',obj]

    return render(request,'test.html',{'msg':msg,'dic':dic,'obj':obj,'li':li})
# 注意：
# 1、render函数的第三个参数包含了要传给模板的变量值，是一个字典类型，该字典中的key必须与模板文件中的变量名相对应，render函数会去templates目录下找到模板文件，然后根据字典中的key对应到模板文件中的变量名进行赋值操作，最后将赋值后的模板文件内容返回给浏览器
# 2、可以将render函数的第三个参数简写为locals(),如下
    return render(request,'test.html',locals()) #locals()会将函数test内定义的名字与值转换为字典中的k与v

2-深度查询之句点符的使用

当视图函数传给模板的值中包含多个元素时，若想取出其中的单个元素，就必须使用句点符了。
句点符既可以引用容器类型的元素，也可以引用对象的方法，如下

test.html

    
    




{{ msg.upper }}


{{ dic.k1 }}


{{ obj.name }}


{{ li.1.upper }}


{{ li.2.age }}

3-过滤器

过滤器类似于python的内置函数，用来把视图传入的变量值加以修饰后再显示，具体语法如下

{{ 变量名|过滤器名:传给过滤器的参数 }}

常用内置过滤器

#1、default
#作用：如果一个变量值是False或者为空，使用default后指定的默认值，否则，使用变量本身的值，如果value=’‘则输出“nothing”
{{ value|default:"nothing" }}

#2、length
#作用：返回值的长度。它对字符串、列表、字典等容器类型都起作用，如果value是 ['a', 'b', 'c', 'd']，那么输出是4
{{ value|length }}

#3、filesizeformat
#作用：将值的格式化为一个"人类可读的"文件尺寸(如13KB、4.1 MB、102bytes等等），如果 value 是 12312312321，输出将会是 11.5 GB
{{ value|filesizeformat }}

#4、date
#作用：将日期按照指定的格式输出，如果value=datetime.datetime.now(),按照格式Y-m-d则输出2019-02-02
{{ value|date:"Y-m-d" }}　　

#5、slice
#作用：对输出的字符串进行切片操作，顾头不顾尾,如果value=“egon“，则输出"eg"
{{ value|slice:"0:2" }}　

#6、truncatechars
#作用：如果字符串字符多于指定的字符数量，那么会被截断。截断的字符串将以可翻译的省略号序列（“...”）结尾，如果value=”hello world egon 嘎嘎“，则输出"hello...",注意8个字符也包含末尾的3个点
{{ value|truncatechars:8 }}

#7、truncatewords
#作用：同truncatechars，但truncatewords是按照单词截断，注意末尾的3个点不算作单词，如果value=”hello world egon 嘎嘎“，则输出"hello world ..."
{{ value|truncatewords:2 }}

#8、safe
#作用：出于安全考虑，Django的模板会对HTML标签、JS等语法标签进行自动转义,例如value=""，模板变量{{ value }}会被渲染成<script>alert(123)</script>交给浏览器后会被解析成普通字符”“，失去了js代码的语法意义，但如果我们就想让模板变量{{ value }}被渲染的结果又语法意义，那么就用到了过滤器safe，比如value='点我啊'，在被safe过滤器处理后就成为了真正的超链接，不加safe过滤器则会当做普通字符显示’点我啊‘
{{ value|safe }}

模板语法之标签

标签是为了在模板中完成一些特殊功能，语法为（%标签名%），一些标签还需要搭配结束标签（%endtag%}

1-常用标签-for标签

#1、遍历每一个元素：
{% for person in person_list %}
    
{{ person.name }}
{% endfor %}

#2、可以利用{% for obj in list reversed %}反向循环。

#3、遍历一个字典：
{% for key,val in dic.items %}
    
{{ key }}:{{ val }}
{% endfor %}

#4、循环序号可以通过{{ forloop }}显示　
forloop.counter            当前循环的索引值（从1开始）
forloop.counter0           当前循环的索引值（从0开始）
forloop.revcounter         当前循环的倒序索引值（从1开始）
forloop.revcounter0        当前循环的倒序索引值（从0开始）
forloop.first              当前循环是第一次循环则返回True，否则返回False
forloop.last               当前循环是最后一次循环则返回True，否则返回False
forloop.parentloop         本层循环的外层循环

#5、for标签可以带有一个可选的{% empty %} 从句，在变量person_list为空或者没有被找到时，则执行empty子句
{% for person in person_list %}
    
{{ person.name }}

{% empty %}
    
sorry,no person here
{% endfor %}

示例介绍

url.py

from django.urls import re_path
from app01 import views

urlpatterns = [
    re_path(r'^test/',views.test)
]

views.py

def test(request):
    names=['egon','kevin']
    dic={'name':'egon','age':18,'sex':'male'}

    list1=[]

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

test.html

    
    



{% for name in names %}
    
{{ forloop.counter0 }} {{ name }}
{% endfor %}



{% for name in names reversed %}
    
{{ forloop.revcounter0 }} {{ name }}
{% endfor %}



{% for k,v in dic.items %}
    
{{ forloop.counter }} {{ k }} {{ v }}
{% endfor %}



{% for item in list1 %}
    
{{ item }}
    {% empty %}
        
sorry,no value here
{% endfor %}

2-常用标签-if标签

# 1、注意：
{% if 条件 %}条件为真时if的子句才会生效，条件也可以是一个变量，if会对变量进行求值，在变量值为空、或者视图没有为其传值的情况下均为False

# 2、具体语法
{% if num > 100 or num < 0 %}
    
无效
{% elif num > 80 and num < 100 %}
    
优秀
{% else %}
    
凑活吧
{% endif %}

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

示例介绍

urls.py

from django.urls import path,register_converter,re_path
from app01 import views

urlpatterns = [
    # 输入http://127.0.0.1:8008/或者http://127.0.0.1:8008/index/都会转发给视图函数index
    re_path(r'^$',views.index),
    re_path(r'^index/$',views.index),
    
    re_path(r'^login/',views.login),

]

views.py

from django.shortcuts import render

def index(request):
    return render(request,'index.html')

def login(request):
    if request.method == 'GET':
        return render(request,'login.html')

    name=request.POST.get('name')
    pwd=request.POST.get('pwd')
    if name == 'egon' and pwd == '123':
        current_user=name
        return render(request,'index.html',locals())
    else:
        msg='账号或密码错误'
        return render(request,'login.html',locals())

在templates目录下新建模板文件index.html与login.html

login.html

    
    



首页

{% if current_user %}
    
当前登录用户为：{{ current_user }}
{% else %}
    
请先登录
{% endif %}

index.html

    
    




    {% csrf_token %}
    
用户名：
    
密码：
    



{{ msg }}

3-常用标签-with标签

# with标签用来为一个复杂的变量名起别名,如果变量的值来自于数据库，
# 在起别名后只需要使用别名即可，无需每次都向数据库发送请求来重新获取变量的值

{% with li.1.upper as v %}
    {{ v }}
{% endwith %}

4-常用标签-csrf_token标签

# 当用form表单提交POST请求时必须加上标签{% csrf_token%}，该标签用于防止跨站伪造请求

    {% csrf_token %}
    
用户名：
    
密码：
    


# 具体工作原理为：
# 1、在GET请求到form表单时，标签{% csrf_token%}会被渲染成一个隐藏的input标签，该标签包含了由服务端生成的一串随机字符串,如
# 2、在使用form表单提交POST请求时，会提交上述随机字符串，服务端在接收到该POST请求时会对比该随机字符串，对比成功则处理该POST请求，否则拒绝，以此来确定客户端的身份

自定义过滤器和标签

当内置的过滤器或标签无法满足我们需求时，我们可以自定义，具体操作步骤如下1、在settings中的INSTALLED_APPS添加当前app的名字，不然django无法找到自定义的过滤器或标签

settings.py

# 在settings.py中找到该列表，然后加以配置
INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'app01.apps.App01Config',
    'app01', # 添加当前app的名字
]

2、在文件夹app01中创建子文件夹templatetags（文件夹名只能是templatetags）
3、在templatetags新建任意.py文件，如mytags.py，在该文件中自定义过滤器或标签，文件内容如下

from django import template
register = template.Library() # 注意变量名必须为register,不可改变

#1、自定义过滤器
@register.filter
def my_multi_filter(v1 ,v2): # 自定义的过滤器只能定义最多两个参数，针对{{ value1 | filter_multi:value2 }}，参数传递为v1=value1,v2=value2
    return  v1 * v2

#2、自定义标签
@register.simple_tag
def my_multi_tag(v1, v2): # 自定义的标签可以定义多个参数
    return v1 * v2


#3、自定义标签扩展之mark_safe
# 注释：我们可以用内置的标签safe来让标签内容有语法意义，如果我们想让自定义标签处理的结果也有语法意义，则不能使用内置标签safe了，需要使用mark_safe，可以实现与内置标签safe同样的功能
from django.utils.safestring import mark_safe

@register.simple_tag
def my_input_tag(id, name):
    res = "" % (id, name)
    return mark_safe(res)

4、自定义过滤器或标签必须重新启动django方可生效
5、自定义过滤器或标签的使用

    
    




{% load my_tags %}


{{ salary|my_multi_filter:12 }}


{% my_multi_tag 1 2 %}


{% my_input_tag "inp1" "username" %} 

对比定义标签和自定义过滤器

#1、自定义过滤器只能传两个参数，而自定义标签却可以传多个参数
#2、过滤器可以用于if判断，而标签不能

{% if salary|my_multi_filter:12 > 200 %}
    
优秀
{% else %}
    
垃圾
{% endif %}

模板的导入和继承

在实际开发中，模板文件彼此之间可能会有大量冗余代码，为此django提供了专门的语法来解决这个问题，主要围绕三种标签的使用：include标签、extends标签、block标签，详解如下

1-模板导入之include标签

#作用：在一个模板文件中，引入/重用另外一个模板文件的内容，
{% include '模版名称' %}

实例介绍

可以把广告栏写到专门的文件里advertise.html

    

        

            
Panel title
        
        

            Panel content
        
    
    

        

            
Panel title
        
        

            Panel content
        
    
    

        

            
Panel title
        
        

            Panel content
        
    

然后在base.html文件中用include标签引入advertise.html文件的内容

    
    
    
    




    

        

            
            {% include "advertise.html" %}
        
        

    

2-模板继承\派生之extend标签、block标签

#作用：在一个模板文件中，引入/重用另外一个模板文件的内容
{% extends "模版名称" %}
#  也就是说include有的功能extends全都有，但是extends可以搭配一个block标签，用于在继承的基础上定制新的内容

实例介绍
Django模版引擎中最复杂且最强大的部分就是模版继承了。我们以先创建一个基本的“骨架“模版，它包含我们站点中的全部元素，并且可以定义多处blocks，例如我们创建base.html内容如下

    
    

    
    






    

        

            

                {% block sidebar %}
                    服装城
                    美妆馆
                    超市
                    全球购
                    闪购
                    团购
                {% endblock %}

            
        

        

            {% block content %}
                base.html页面内容
            {% endblock %}
        
    

模板base.html定义了一个可以用于两列排版页面的简单HTML骨架。我们新建子模板index.html的主要工作就是继承base.html然后填充/覆盖其内部的blocks。

{% extends "base.html" %}


{% block title %}
    index页面
{% endblock %}


{% block sidebar %}
    
    {{ block.super }}

    
    拍卖
    金融
{% endblock %}

{% block content %}
    
    
index页面内容
{% endblock %}

我们通过django访问index.html看到内容如下（block标签的内容都完成了替换或更新）

    
    

    
    






    

        

            

                
                服装城
                美妆馆
                超市
                全球购
                闪购
                团购


                
                拍卖
                金融
            
        

        

            
            
index页面内容
        
    

总结与注意

#1、标签extends必须放在首行，base.html中block越多可定制性越强

#2、include仅仅只是完全引用其他模板文件，而extends却可以搭配block在引用的基础上进行扩写

#3、变量{{ block.super }} 可以重用父类的内容，然后在父类基础上增加新内容，而不是完全覆盖

#4、为了提升可读性，我们可以给标签{% endblock %} 起一个名字 。例如：
    {% block content %}
    ...
    {% endblock content %}　　
#5、在一个模版中不能出现重名的block标签。

静态文件配置

我们在编写模板文件时，需要大量引用css、js、图片等静态文件，如果我们将这些文件在服务端存放的路径都固定写死那么将非常不利于后期的扩展，我们可以这么做
1、settings.py

STATIC_URL = '/static/' # 找到这一行，然后新增下述代码
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'statics'),# 获取静态文件在服务端的绝对路径
]
#STATIC_URL = '/static/'就是为静态文件的绝对路径起了一个别名，以后我们只需要用路径/static/即可

2、在项目根目录下新增文件夹statics，为了更便于管理，可以在statics下新建子文件夹css、js、img等

3、新建模板文件index.html，在该文件中对静态文件的引用如下

    
    
    


我是红色的，点我就绿

综上，在配置完settings.py后，所有的静态文件路径都可以采用别名/static/作为起始，这在一定程度上会有利于程序的扩展性，但如果我们在项目后期维护时，连/static/这个值也需要修改，那意味着所有模板文件中也都需要跟着改了，扩展性依然很差，为此，django在一个名为static.py的文件中定义了标签static、get_static_prefix，二者都可以解决该问题

test.html

    
    
    
    {% load static %}
    
    


我是红色的，点我就绿



{% load static %}

标签static会接收传入的参数，然后这根据settings.py中变量STATIC_URL的值拼接出一个完整的路径，如果STATIC_URL=/static/"，那么href="（%static'css/my.css'%}"会被渲染成href="/static/css/my.css"，如果STATIC URL="/static123/"，那么href="1%static
‘css/my.css'%}"会被渲染成href="/static123/css/my.css"。
标签get static prefix也可以完成同样的效果，只不过用法不同。我们不能为标签get static prefix传参，因为标签get static prefix代表的只是settings.py中STATIC URL的值，所以我们需要做的是在get static prefix的基础上自行拼接路径，

如下test.html

    
    
    
    {% load static %}
    
    


我是红色的，点我就绿



{% load static %}

如果STATIC URL=/static/"，那么href="{%get static prefix%}css/my.css"会被渲染成href="/static/css/my.css"，其它同理