DAY15-Django模板语言

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

Django模板系统

官方文档

你可能已经注意到我们在例子视图中返回文本的方式有点特别。也就是说，HTML被直接硬编码在 Python代码之中。

def current_datetime(request):

    now = datetime.datetime.now()

    html = "<html><body>It is now %s.</body></html>" % now

    return HttpResponse(html)

尽管这种技术便于解释视图是如何工作的，但直接将HTML硬编码到你的视图里却并不是一个好主意。让我们来看一下为什么：

对页面设计进行的任何改变都必须对 Python 代码进行相应的修改。站点设计的修改往往比底层 Python 代码的修改要频繁得多，因此如果可以在不进行 Python 代码修改的情况下变更设计，那将会方便得多。

Python 代码编写和 HTML 设计是两项不同的工作，大多数专业的网站开发环境都将他们分配给不同的人员（甚至不同部门）来完成。设计者和HTML/CSS的编码人员不应该被要求去编辑Python的代码来完成他们的工作。

程序员编写 Python代码和设计人员制作模板两项工作同时进行的效率是最高的，远胜于让一个人等待另一个人完成对某个既包含 Python又包含 HTML 的文件的编辑工作。

基于这些原因，将页面的设计和Python的代码分离开会更干净简洁更容易维护。我们可以使用 Django的 模板系统 (Template System)来实现这种模式，这就是本章要具体讨论的问题。

python的模板：HTML代码＋模板语法

模版包括在使用时会被值替换掉的变量，和控制模版逻辑的标签。

def current_time(req):

    # ================================原始的视图函数

    # import datetime

    # now=datetime.datetime.now()

    # html="<html><body>现在时刻：<h1>%s.</h1></body></html>" %now

    # ================================django模板修改的视图函数

    # from django.template import Template,Context

    # now=datetime.datetime.now()

    # t=Template('<html><body>现在时刻是:<h1>{{current_date}}</h1></body></html>')

    # #t=get_template('current_datetime.html')

    # c=Context({'current_date':str(now)})

    # html=t.render(c)

    #

    # return HttpResponse(html)

    #另一种写法(推荐)

    import datetime

    now=datetime.datetime.now()

    return render(req, 'current_datetime.html', {'current_date':str(now)[:19]})

常用语法

只需要记两种特殊符号：

{{ }}和 {% %}

变量相关的用{{}}，逻辑相关的用{%%}。

变量

变量名由字母数字和下划线组成。

点（.）在模板语言中有特殊的含义，用来获取对象的相应属性值。

几个例子：

view中代码：

def index(request):

    import datetime

    s="hello"

    l=[111,222,333]    # 列表

    dic={"name":"yuan","age":18}  # 字典

    date = datetime.date(1993, 5, 2)   # 日期对象

    class Person(object):

        def __init__(self,name):

            self.name=name
　　　　　def dream(self):
　　　　　　　　print('%s is dreamming...'%self.name)

    person_yuan=Person("yuan")  # 自定义类对象

    person_egon=Person("egon")

    person_alex=Person("alex")

    person_list=[person_yuan,person_egon,person_alex]

    return render(request,"index.html",{"l":l,"dic":dic,"date":date,"person_list":person_list})

模板中支持的写法：

{# 取l中的第一个参数 #}

{{ l.0 }}

{# 取字典中key的值 #}

{{ dic.name }}

{# 取对象的name属性 #}

{{ person_list.0.name }}

{# .操作只能调用不带参数的方法 #}

{{ person_list.0.dream }}
{# 调用日期对象的方法#}
{{ date.year }}

模板之过滤器（是对数据进行进一步处理）

语法： {{ value|filter_name:参数 }}

default

{{ value|default: "nothing"}}

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

length

'|'左右没有空格没有空格没有空格

返回value的长度，它对字符串和列表都起作用，如 value=['a', 'b', 'c', 'd']的话，就显示4.

filesizeformat

将值格式化为一个 “人类可读的” 文件尺寸（例如 '13 KB' , '4.1 MB' , '102 bytes' , 等等）。例如：

{{ value|filesizeformat }}

如果 value 是 123456789，输出将会是 117.7 MB。

slice

切片

如果 value="hello world"

{{value|slice:"2:-1"}}

date

格式化

如果 value=datetime.datetime.now()

{{ value|date:"Y-m-d H:i:s"}}

safe

Django的模板中会对HTML标签和JS等语法标签进行自动转义，即<被转义成<，导致变量不能替换成标签等，原因显而易见，这样是为了安全。但是有的时候我们可能不希望这些HTML元素被转义，比如我们做一个内容管理系统，后台添加的文章中是经过修饰的，这些修饰可能是通过一个类似于FCKeditor编辑加注了HTML修饰符的文本，如果自动转义的话显示的就是保护HTML标签的源文件。为了在Django中关闭HTML的自动转义有两种方式，如果是一个单独的变量我们可以通过过滤器“|safe”的方式告诉Django这段代码是安全的不必转义。

比如：

value = "<a href='#'>点我</a>"

{{ value|safe}}

truncatechars

如果字符串字符多于指定的字符数量，那么会被截断。截断的字符串将以可翻译的省略号序列（“...”）结尾。

参数：截断的字符数

{{ value|truncatechars:9}}

如果 value 是 “Joel 是 a >，输出将为 “Joel i ...” 。

这里简单介绍一些常用的模板的过滤器，更多详见

模板之标签

标签看起来像是这样的： {% tag %} 。标签比变量更加复杂：一些在输出中创建文本，一些通过循环或逻辑来控制流程，一些加载其后的变量将使用到的额外信息到模版中。

一些标签需要开始和结束标签（例如 {% tag %} ... 标签内容 ... {% endtag %}）。

for标签

遍历每一个元素：

<ul>

{% for user in user_list %}

    <li>{{ user.name }}</li>

{% endfor %}

</ul>

可以利用 {% for obj in list reversed %} 反向完成循环。

遍历一个字典：

{% for key,val in dic.items %}

    <p>序号：{{ forloop.counter }}键：{{ key }}值：{{ val }}</p>

{% endfor %}

注：循环序号可以通过｛｛forloop｝｝显示

for循环可用的一些参数：

Variable	Description
`forloop.counter`	当前循环的索引值（从1开始）
`forloop.counter0`	当前循环的索引值（从0开始）
`forloop.revcounter`	当前循环的倒序索引值（从1开始）
`forloop.revcounter0`	当前循环的倒序索引值（从0开始）
`forloop.first`	当前循环是不是第一次循环（布尔值）
`forloop.last`	当前循环是不是最后一次循环（布尔值）
`forloop.parentloop`	本层循环的外层循环

for ... empty

for 标签带有一个可选的 {% empty %} 从句，以便在给出的组是空的或者没有被找到时，可以有所操作。

<ul>

{% for user in user_list %}

    <li>{{ user.name }}</li>

{% empty %}

    <li>空空如也</li>

{% endfor %}

</ul>

if 标签

{% if %} 会对一个变量求值，如果它的值是“True”（存在、不为空、且不是boolean类型的false值），对应的内容块会输出。

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判断。

with

使用一个简单地名字缓存一个复杂的变量，当你需要使用一个“昂贵的”方法（比如访问数据库）很多次的时候是非常有用的

定义一个中间变量

{% with total=business.employees.count %}

    {{ total }} employee{{ total|pluralize }}

{% endwith %}

csrf_token

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

在页面的form表单里面写上{% csrf_token %}，这样post请求就不会报403错误了。

注释

{# ... #}

自定义标签和过滤器

1、 在settings中的INSTALLED_APPS配置当前app，不然django无法找到自定义的simple_tag.

INSTALLED_APPS = [

    'django.contrib.admin',

    'django.contrib.auth',

    'django.contrib.contenttypes',

    'django.contrib.sessions',

    'django.contrib.messages',

    'django.contrib.staticfiles',

    'app01.apps.App01Config',

]

2、 在app中创建templatetags模块(模块名只能是 templatetags )

3、 创建任意 .py 文件

自定义filter代码文件摆放位置：

app01/

    __init__.py

    models.py

    templatetags/  # 在app01下面新建一个package package

        __init__.py

        app01_filters.py  # 建一个存放自定义filter的文件

    views.py

自定义过滤器只是带有一个或两个参数的Python函数:

变量（输入）的值 - -不一定是一个字符串
参数的值 - 这可以有一个默认值，或完全省略

例如，在过滤器{{var | foo：“bar”}}中，过滤器 foo 将传递变量 var 和参数 “bar” 。

创建任意 .py 文件，如：my_tags.py

from django import template

from django.utils.safestring import mark_safe

register = template.Library()   #register的名字是固定的,不可改变

 #创建自定义过滤器

@register.filter

def filter_multi(v1,v2):

    return  v1 * v2

#创建自定义标签

@register.simple_tag

def simple_tag_multi(v1,v2):

    return  v1 * v2

@register.simple_tag

def my_input(id,arg):

    result = "<input type='text' id='%s' class='%s' />" %(id,arg,)

    return mark_safe(result)

4、在使用自定义simple_tag和filter的html文件中导入之前创建的 my_tags.py

{% load my_tags %}

5、使用simple_tag和filter（如何调用）

-------------------------------.html

{% load xxx %}  

# num=12

{{ num|filter_multi:2 }} #

{{ num|filter_multi:"[22,333,4444]" }}

{% simple_tag_multi 2 5 %}  自定义标签参数不限,但不能放在if for语句中

{% simple_tag_multi num 5 %}

注意：filter可以用在if等语句后，simple_tag不可以

{% if num|filter_multi:30 > 100 %}

    {{ num|filter_multi:30 }}

{% endif %}

母板

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <meta http-equiv="x-ua-compatible" content="IE=edge">

  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>Title</title>

  {% block page-css %}

  {% endblock %}

</head>

<body>

<h1>这是母板的标题</h1>

{% block page-main %}

{% endblock %}

<h1>母板底部内容</h1>

{% block page-js %}

{% endblock %}

</body>

</html>

注意：我们通常会在母板中定义页面专用的CSS块和JS块，方便子页面替换。

继承母板

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

{% extends 'layouts.html' %}

块（block）

通过在母板中使用 {% block xxx %} 来定义"块"。

在子页面中通过定义母板中的block名来对应替换母板中相应的内容。

{% block page-main %}

  <p>世情薄</p>

  <p>人情恶</p>

  <p>雨送黄昏花易落</p>

{% endblock %}

组件

可以将常用的页面内容如导航条，页尾信息等组件保存在单独的文件中，然后在需要使用的地方按如下语法导入即可。

{% include 'navbar.html' %}

静态文件相关

{% load static %}

<img src="{% static "images/hi.jpg" %}" alt="Hi!" />

引用JS文件时使用：

{% load static %}

<script src="{% static "mytest.js" %}"></script>

某个文件多处被用到可以存为一个变量

{% load static %}

{% static "images/hi.jpg" as myphoto %}

<img src="{{ myphoto }}"></img>

使用get_static_prefix

{% load static %}

<img src="{% get_static_prefix %}images/hi.jpg" alt="Hi!" />

或者

{% load static %}

{% get_static_prefix as STATIC_PREFIX %}

<img src="{{ STATIC_PREFIX }}images/hi.jpg" alt="Hi!" />

<img src="{{ STATIC_PREFIX }}images/hi2.jpg" alt="Hello!" />

inclusion_tag

多用于返回html代码片段（带有数据的）

示例：

templatetags/my_inclusion.py

from django import template

register = template.Library()

@register.inclusion_tag('result.html')

def show_results(n):

    n = 1 if n < 1 else int(n)

    data = ["第{}项".format(i) for i in range(1, n+1)]

    return {"data": data}

templates/snippets/result.html

<ul>

  {% for choice in data %}

    <li>{{ choice }}</li>

  {% endfor %}

</ul>

templates/index.html

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <meta http-equiv="x-ua-compatible" content="IE=edge">

  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>inclusion_tag test</title>

</head>

<body>

{% load my_inclusion %}

{% show_results 10 %}

</body>

</html>

正文

Django模板系统

常用语法

变量

模板之过滤器（是对数据进行进一步处理）

truncatechars

模板之标签

for标签

if 标签

with

csrf_token

注释

自定义标签和过滤器

4、在使用自定义simple_tag和filter的html文件中导入之前创建的 my_tags.py

继承母板

块（block）

组件

静态文件相关

{% load static %}
<img src="{% static "images/hi.jpg" %}" alt="Hi!" />

使用get_static_prefix

inclusion_tag

相关阅读

手机怎么外接电脑硬盘使用，手机怎么外接电脑硬盘使用方法

云虚拟主机建站，云虚拟主机哪个平台好

黑龙江互联网营销前景如何，黑龙江互联网公司排名

区块链产业大会，区块链的产业应用包括

在线上看直播用什么软件，看电视在线直播用哪个软件好

高自由度h单机游戏，高自由度单机游戏推荐

冒险解谜不恐怖的游戏有哪些，恐怖冒险解谜游戏手游

小学体育的教学游戏有哪些，小学体育游戏优秀教案50篇

目录[+]

Django模板系统

常用语法

变量

模板之过滤器（是对数据进行进一步处理）

truncatechars

模板之标签

for标签

if 标签

with

csrf_token

注释

自定义标签和过滤器

4、在使用自定义simple_tag和filter的html文件中导入之前创建的 my_tags.py

继承母板

块（block）

组件

静态文件相关 {% load static %} <img src="{% static "images/hi.jpg" %}" alt="Hi!" />

使用get_static_prefix

inclusion_tag

相关阅读

手机怎么外接电脑硬盘使用，手机怎么外接电脑硬盘使用方法

云虚拟主机建站，云虚拟主机哪个平台好

黑龙江互联网营销前景如何，黑龙江互联网公司排名

区块链产业大会，区块链的产业应用包括

在线上看直播用什么软件，看电视在线直播用哪个软件好

高自由度h单机游戏，高自由度单机游戏推荐

冒险解谜不恐怖的游戏有哪些，恐怖冒险解谜游戏手游

小学体育的教学游戏有哪些，小学体育游戏优秀教案50篇

目录[+]

静态文件相关

{% load static %}
<img src="{% static "images/hi.jpg" %}" alt="Hi!" />