Django 模板 template

组成:HTML代码+逻辑控制代码

逻辑控制代码的组成

1、变量  {{  var_name }}

深度变量的查找:万能的句点号

#最好是用几个例子来说明一下。
# 首先,句点可用于访问列表索引,例如:

>>> from django.template import Template, Context
>>> t = Template('Item 2 is {{ items.2 }}.')
>>> c = Context({'items': ['apples', 'bananas', 'carrots']})
>>> t.render(c)
'Item 2 is carrots.'

#假设你要向模板传递一个 Python 字典。 要通过字典键访问该字典的值,可使用一个句点:
>>> from django.template import Template, Context
>>> person = {'name': 'Sally', 'age': '43'}
>>> t = Template('{{ person.name }} is {{ person.age }} years old.')
>>> c = Context({'person': person})
>>> t.render(c)
'Sally is 43 years old.'

#同样,也可以通过句点来访问对象的属性。 比方说, Python 的 datetime.date 对象有
#year 、 month 和 day 几个属性,你同样可以在模板中使用句点来访问这些属性:

>>> from django.template import Template, Context
>>> import datetime
>>> d = datetime.date(1993, 5, 2)
>>> d.year
>>> d.month
>>> d.day
>>> t = Template('The month is {{ date.month }} and the year is {{ date.year }}.')
>>> c = Context({'date': d})
>>> t.render(c)
'The month is 5 and the year is 1993.'

# 这个例子使用了一个自定义的类,演示了通过实例变量加一点(dots)来访问它的属性,这个方法适
# 用于任意的对象。
>>> from django.template import Template, Context
>>> class Person(object):
...     def __init__(self, first_name, last_name):
...         self.first_name, self.last_name = first_name, last_name
>>> t = Template('Hello, {{ person.first_name }} {{ person.last_name }}.')
>>> c = Context({'person': Person('John', 'Smith')})
>>> t.render(c)
'Hello, John Smith.'

# 点语法也可以用来引用对象的方法。 例如,每个 Python 字符串都有 upper() 和 isdigit()
# 方法,你在模板中可以使用同样的句点语法来调用它们:
>>> from django.template import Template, Context
>>> t = Template('{{ var }} -- {{ var.upper }} -- {{ var.isdigit }}')
>>> t.render(Context({'var': 'hello'}))
'hello -- HELLO -- False'
>>> t.render(Context({'var': '123'}))
'123 -- 123 -- True'

# 注意这里调用方法时并没有使用圆括号 而且也无法给该方法传递参数;你只能调用不需参数的方法。

变量的过滤器  {{obj|filter:param}}

(1)add

        使用形式为:{{ value | add: "2"}}
        意义:将value的值增加2
  • 1
  • 2
  • 3

(2)addslashes

        使用形式为:{{ value | addslashes }}
        意义:在value中的引号前增加反斜线
  • 1
  • 2
  • 3

(3)capfirst

        使用形式为:{{ value | capfirst }}
        意义:value的第一个字符转化成大写形式
  • 1
  • 2
  • 3

(4)cut

         使用形式为:{{ value | cut:arg}}, 例如,如果value是“String with spaces” arg是" "那么输出是"Stringwithspaces"
         意义:从给定value中删除所有arg的值
  • 1
  • 2
  • 3

(5)date

         使用形式为::
             (a) {{ value | date:"D d M Y" }},例如,如果value是一个datetime对象(datetime.datetime.now())那么输出将是字符串"Wed 09 Jan 2008"
             (b) {{ value | date }},这种形式没有格式化字符串,这时候,格式化字符串会自动采用DATE_FORMAT所设置的形式。
         意义:将日期格式数据按照给定的格式输出
  • 1
  • 2
  • 3
  • 4
  • 5

(6)default

         使用形式:{{ value | default: "nothing" }},例如,如果value是“”,那么输出将是nothing
         意义:如果value的意义是False,那么输出使用缺省值
  • 1
  • 2
  • 3

(7)default_if_none

         使用形式:{{ value | default_if_none:"nothing" }},例如,如果value是None,那么输出将是nothing
         意义:如果value是None,那么输出将使用缺省值
  • 1
  • 2
  • 3

(8)dictsort

         意义:如果value的值是一个字典,那么返回值是按照关键字排序的结果
         使用形式:{{ value | dictsort:"name"}},例如,
         如果value是:
  • 1
  • 2
  • 3
  • 4


{‘name’: ‘zed’, ‘age’: 19}, 
{‘name’: ‘amy’, ‘age’: 22}, 
{‘name’: ‘joe’, ‘age’: 31}, 

那么,输出是: 

{‘name’: ‘amy’, ‘age’: 22}, 
{‘name’: ‘joe’, ‘age’: 31}, 
{‘name’: ‘zed’, ‘age’: 19}, 
]

(9)dictsortreversed

意义:如果value的值是一个字典,那么返回值是按照关键字排序的结果的反序 
使用形式:与上述(8)完全相同。

(10)divisibleby

使用形式:{{ value | divisibleby:arg}},如果value是21,arg是3,那么输出将是True 
意义:如果value能够被arg整除,那么返回值将是True

(11)escape

使用形式:{{ value | escape}} 
意义:替换value中的某些字符,以适应HTML格式,包括: 
< is converted to &lt; 
> is converted to &gt; 
’ (single quote) is converted to &#39; 
” (double quote) is converted to &quot; 
& is converted to &amp;

escape仅仅在输出的时候才起作用,所以escape不能够用在链式过滤器的中间, 
他应该总是最后一个过滤器,如果想在链式过滤器的中间使用,那么可以使用force_escape

(12)escapejs

使用形式:{{ value | escapejs }} 
意义:替换value中的某些字符,以适应JAVASCRIPT和JSON格式。

(13)filesizeformat

使用形式:{{ value | filesizeformat }} 
意义:格式化value,使其成为易读的文件大小,例如:13KB,4.1MB等。

(14)first

使用形式:{{ value | first }} 
意义:返回列表中的第一个Item,例如,如果value是列表[‘a’,’b’,’c’],那么输出将是’a’。

(15)floatformat

使用形式:{{ value | floatformat}}或者{{value|floatformat:arg}}, 
arg可以是正数也可以是负数。没有参数的floatformat相当于floatformat:-1 
(1)如果不带arg,那么引擎会四舍五入,同时最多只保留一位小数。

34.23234 {{ value|floatformat }} 34.2 
34.00000 {{ value|floatformat }} 34 
34.26000 {{ value|floatformat }} 34.3

(2)如果arg是正数,那么引擎会四舍五入,同时保留arg位的小数。

34.23234 {{ value|floatformat:3 }} 34.232 
34.00000 {{ value|floatformat:3 }} 34.000 
34.26000 {{ value|floatformat:3 }} 34.260

(3)如果arg是负数,那么引擎会四舍五入,如果有小数部分,那么保留arg位小数;否则,则没有任何小数部分。

34.23234 {{ value|floatformat:”-3” }} 34.232 
34.00000 {{ value|floatformat:”-3” }} 34 
34.26000 {{ value|floatformat:”-3” }} 34.26

(16)get_digit

使用形式:{{ value | get_digit:”arg”}},例如,如果value是123456789,arg是2,那么输出是8 
意义:给定一个数字,返回,请求的数字,记住:1代表最右边的数字,如果value不是合法输入, 
那么会返回所有原有值。

(17)iriencode

使用形式:{{value | iriencode}} 
意义:如果value中有非ASCII字符,那么将其进行抓化成URL中适合的编码,如果value已经进行过URLENCODE, 
改操作就不会再起作用。

(18)join

使用形式:{{ value | join:”arg”}},如果value是[‘a’,’b’,’c’],arg是’//’那么输出是a//b//c 
意义:使用指定的字符串连接一个list,作用如同python的str.join(list)

(19)last

使用形式:{{ value | last }} 
意义:返回列表中的最后一个Item

(20)length

使用形式:{{ value | length }} 
意义:返回value的长度。

(21)length_is

使用形式:{{ value | length_is:”arg”}} 
意义:返回True,如果value的长度等于arg的时候,例如:如果value是[‘a’,’b’,’c’],arg是3,那么返回True

(22)linebreaks

使用形式:{{value|linebreaks}} 
意义:value中的”\n”将被<br/>替代,并且整个value使用</p>包围起来,从而适和HTML的格式

(23)linebreaksbr

使用形式:{{value |linebreaksbr}} 
意义:value中的”\n”将被<br/>替代

(24)linenumbers

使用形式:{{value | linenumbers}} 
意义:显示的文本,带有行数。

(25)ljust

使用形式:{{value | ljust}} 
意义:在一个给定宽度的字段中,左对齐显示value

(26)center

使用形式:{{value | center}} 
意义:在一个给定宽度的字段中,中心对齐显示value

(27)rjust

使用形式:{{value | rjust}} 
意义:在一个给定宽度的字段中,右对齐显示value

(28)lower

使用形式:{{value | lower}} 
意义:将一个字符串转换成小写形式

(29)make_list

使用形式:{{value | make_list}} 
意义:将value转换成一个list,对于字符串,转换成字符list;对于整数,转换成整数list 
例如value是Joel,那么输出将是[u’J’,u’o’,u’e’,u’l’];value是123,那么输出将是[1,2,3]

(30)pluralize

使用形式:{{value | pluralize}},或者{{value | pluralize:”es”}},或者{{value | pluralize:”y,ies”}} 
意义:如果value不是1,则返回一个复数后缀,缺省的后缀是’s’

(31)random

使用形式:{{value | random}} 
意义:从给定的list中返回一个任意的Item

(32)removetags

使用形式:{{value | removetags:”tag1 tag2 tag3…”}} 
意义:删除value中tag1,tag2….的标签。例如,如果value是<b>Joel</b> <button>is</button> a <span>slug</span> 
tags是”b span”,那么输出将是:Joel <button>is</button> a slug

(33)safe

使用形式:{{value | safe}} 
意义:当系统设置autoescaping打开的时候,该过滤器使得输出不进行escape转换

(34)safeseq

与上述safe基本相同,但有一点不同的就是:safe是针对字符串,而safeseq是针对多个字符串组成的sequence

(35)slice

使用形式:{{some_list | slice:”:2”}} 
意义:与python语法中的slice相同,:2表示第一的第二个元素

(36)slugify

使用形式:{{value | slugify}} 
意义:将value转换成小写形式,同事删除所有分单词字符,并将空格变成横线 
例如:如果value是Joel is a slug,那么输出将是joel-is-a-slug

(37)stringformat

这个不经常用,先不说 
{{ value|stringformat:”E” }} 
If value is 10, the output will be 1.000000E+01.

(38)striptags

使用形式:{{value | striptags}} 
意义:删除value中的所有HTML标签

(39)time

使用形式:{{value | time:”H:i”}}或者{{value | time}} 
意义:格式化时间输出,如果time后面没有格式化参数,那么输出按照TIME_FORMAT中设置的进行。

(40)title

转换一个字符串成为title格式。

(41)truncatewords

使用形式:{{value | truncatewords:2}} 
意义:将value切成truncatewords指定的单词数目 
例如,如果value是Joel is a slug 那么输出将是:Joel is …

(42)truncatewords_html

使用形式同(41) 
意义:truncation点之前如果某个标签打开了,但是没有关闭,那么在truncation点会立即关闭。 
因为这个操作的效率比truncatewords低,所有只有在value是html格式时,才考虑使用。

(43)upper

转换一个字符串为大写形式

(44)urlencode

将一个字符串进行URLEncode

(45)urlize

意义:将一个字符串中的URL转化成可点击的形式。 
使用形式:{{ value | urlize }} 
例如,如果value是Check out www.djangoproject.com,那么输出将是: 
Check out <a href=”http://www.djangoproject.com”>www.djangoproject.com</a>

(46)urlizetrunc

使用形式:{{ value | urlizetrunc:15}} 
意义:与(45)相同,但是有一点不同就是现实的链接字符会被truncate成特定的长度,后面以…现实。

(47)wordcount

返回字符串中单词的数目

(48)wordwrap

使用形式:{{value | wordwrap:5}} 
意义:按照指定的长度包装字符串 
例如,如果value是Joel is a slug,那么输出将会是: 
Joel 
is a 
slug

(49)timesince

使用形式:{{value | 
since:arg}} 
意义:返回参数arg到value的天数和小时数 
例如,如果 blog_date 是一个日期实例表示 2006-06-01 午夜, 而 comment_date 是一个日期实例表示 2006-06-01 早上8点, 
那么 {{ comment_date|timesince:blog_date }} 将返回 “8 hours”.

(50)timeuntil

使用形式:{{value | timeuntil}} 
意义:与(50)基本相同,一个不同点就是,返回的是value距离当前日期的天数和小时数。

#实例:

#value1="aBcDe"
{{ value1|upper }}<br>  ABCDE

#value2=5
{{ value2|add:3 }}<br>  8

#value3='he  llo wo r ld'
{{ value3|cut:' ' }}<br>  helloworld

#import datetime
#value4=datetime.datetime.now()
{{ value4|date:'Y-m-d' }}<br>  2018-05-11

#value5=[]
{{ value5|default:'空的' }}<br>  空的 # 如果前面的值为空,则显示default中的内容

#value6='<a href="#">跳转</a>'

{{ value6 }}  # 前端显示<a href='#'>跳转</a> 这是一种安全机制

{% autoescape off %}   # 范围取消安全机制
  {{ value6 }}      # 这会显示正常的a标签
{% endautoescape %}

{{ value6|safe }}<br>  # 与上面的方法一样,不是范围而已

{{ value6|striptags }}  跳转 # 取消所有html标签

#value7='1234'
{{ value7|first }}<br>  1  # 取第一个
{{ value7|length }}<br>  4  # 取长度
{{ value7|slice:":-1" }}<br>  4321 # 切片 

#value8='http://www.baidu.com/?a=1&b=3'
{{ value8|urlencode }}<br>

# value = 'CPTTTTTTTTTTTT'

{{ value|truncatechars:3 }}   # 那么输出的时候,会输出'CPT'

2、标签  {%  tag %}

(1)    {%if 条件%}

    执行的代码

   {%elif 条件%}

    执行的代码

   {%else%}

    执行的代码

   {%endif%}

(2)  {%for 变量 in 对象%}    {%for 变量 in 对象 reversed%} : 同样,{% for %}模板标签也可使用reversed反向迭代列表

         循环的代码

  {%empty%}

    为空时的代码

  {%endfor%}

  #系统不支持中断循环,系统也不支持continue语句,{% for %}标签内置了一个forloop模板变量,

#这个变量含有一些属性可以提供给你一些关于循环的信息 

  1,forloop.counter表示循环的次数,它从1开始计数,第一次循环设为1: {% for item in todo_list %} <p>{{ forloop.counter }}: {{ item }}</p> {% endfor %}   2,forloop.counter0 类似于forloop.counter,但它是从0开始计数,第一次循环设为0   3,forloop.revcounter  将forloo9p的值倒过来   4,forloop.revcounter0 类似于forloop.reccouter,最后一次循环设为0   5,forloop.first当第一次循环时值为True,在特别情况下很有用: {% for object in objects %} {% if forloop.first %}<li class="first">{% else %}<li>{% endif %} {{ object }} </li> {% endfor %}   # 富有魔力的forloop变量只能在循环中得到,当模板解析器到达{% endfor %}时forloop就消失了   # 如果你的模板context已经包含一个叫forloop的变量,Django会用{% for %}标签替代它   # Django会在for标签的块中覆盖你定义的forloop变量的值   # 在其他非循环的地方,你的forloop变量仍然可用

(3) {%csrf_token%} (post提交时生效)

 

用于生成csrf_token的标签,用于防治跨站攻击验证。注意如果你在view的index里用的是render_to_response方法,不会生效

     其实,这里是会生成一个input标签,和其他表单标签一起提交给后台的。

 

(4){% url %}:  引用路由配置的地址别名(参考urls.py)

(5){% with %}:用更简单的变量名替代复杂的变量名

with total=fhjsaldfhjsdfhlasdfhljsdal %} {{ total }} {% endwith %}  # 使用total变量名代替fhjsaldfhjsdfhlasdfhljsdal变量名

(6){% verbatim %}: 禁止render

{% verbatim %}
         {{ hello }}    # 页面直接显示{{ hello }}
{% endverbatim %}

 (7) {% load %}: 加载标签库 

{% load staticfiles %} 加载静态文件
{% load xxx %} 加载自定义的filter
自定义filter和tag
1、
在app中创建名称为templatetags的包(必须的)
2、在里面创建任意 .py 文件,如:my_tags.py
3、写my_tags.pyfrom django import template
from django.utils.safestring import mark_safe

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


@register.filter  # 自定义的filter
def filter_multi(v1,v2):
    return  v1 * v2      


@register.simple_tag  # 自定义的tag
def simple_tag_multi(v1,v2):
    return  v1 * v2


@register.simple_tag  # 自定义的tag
def my_input(id,arg):
    result = "<input type='text' id='%s' class='%s' />" %(id,arg,)
    return mark_safe(result)

4、在模板中调用自己写的filter

{% load my_tags%}
 # num=12

{{ num|filter_multi:2 }} #24 {{ num|filter_multi:"[22,333,4444]" }} {% simple_tag_multi 2 5 %} 参数不限,但不能放在if for语句中 {% simple_tag_multi num 5 %}

# filter可以用在if等语句后,simple_tag不可以

注意:在settings中的INSTALLED_APPS配置当前app,不然django无法找到自定义的simple_tag.

 

3、 {% include %} 

该标签允许在(模板中)包含其它的模板的内容。 标签的参数是所要包含的模板名称,可以是一个变量,也可以是用单/双引号硬编码的字符串。 每当在多个模板中出现相同的代码时,就应该考虑是否要使用 {% include %} 来减少重复。

{% include 'test.html' %}

 

4、模板的继承

第一步是定义 基础模板,该框架之后将由子模板所继承。 以下是我们目前所讲述范例的基础模板:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en">
<head>
<title>{% block title %}{% endblock %}</title>
</head>
<body>
<h1>My helpful timestamp site</h1>
{% block content %}{% endblock %}
{% block footer %}
<hr>
<p>Thanks for visiting my site.</p>
{% endblock %}
</body>
</html>


复制代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en">
<head>
    <title>{% block title %}{% endblock %}</title>
</head>
<body>
    <h1>My helpful timestamp site</h1>
    {% block content %}{% endblock %}
    {% block footer %}
    <hr>
    <p>Thanks for visiting my site.</p>
    {% endblock %}
</body>
</html>
复制代码

这个叫做 base.html 的模板定义了一个简单的 HTML 框架文档,我们将在本站点的所有页面中使用。 子模板的作用就是重载、添加或保留那些块的内容。 (如果你一直按顺序学习到这里,保存这个文件到你的template目录下,命名为 base.html .)

我们使用模板标签: {% block %} 。 所有的 {% block %} 标签告诉模板引擎,子模板可以重载这些部分。 每个{% block %}标签所要做的是告诉模板引擎,该模板下的这一块内容将有可能被子模板覆盖。

现在我们已经有了一个基本模板,我们可以修改 current_datetime.html 模板来 使用它:

{% extends "base.html" %}
 
{% block title %}The current time{% endblock %}
 
{% block content %}
<p>It is now {{ current_date }}.</p>
{% endblock %}

复制代码
{% extends "base.html" %}
 
{% block title %}The current time{% endblock %}
 
{% block content %}
<p>It is now {{ current_date }}.</p>
{% endblock %}
复制代码

再为 hours_ahead 视图创建一个模板,看起来是这样的:

{% extends "base.html" %}
 
{% block title %}Future time{% endblock %}
 
{% block content %}
<p>In {{ hour_offset }} hour(s), it will be {{ next_time }}.</p>
{% endblock %}

复制代码
{% extends "base.html" %}
 
{% block title %}Future time{% endblock %}
 
{% block content %}
<p>In {{ hour_offset }} hour(s), it will be {{ next_time }}.</p>
{% endblock %}
复制代码

看起来很漂亮是不是? 每个模板只包含对自己而言 独一无二 的代码。 无需多余的部分。 如果想进行站点级的设计修改,仅需修改 base.html ,所有其它模板会立即反映出所作修改。

<1>如果在模板中使用 {% extends %} ,必须保证其为模板中的第一个模板标记。 否则,模板继承将不起作用。

<2>一般来说,基础模板中的 {% block %} 标签越多越好。 记住,子模板不必定义父模板中所有的代码块,因此 你可以用合理的缺省值对一些代码块进行填充,然后只对子模板所需的代码块进行(重)定义。 俗话说,钩子越 多越好。

<3>如果发觉自己在多个模板之间拷贝代码,你应该考虑将该代码段放置到父模板的某个 {% block %} 中。 如果你需要访问父模板中的块的内容,使用 {{ block.super }}这个标签吧,这一个魔法变量将会表现出父模 板中的内容。 如果只想在上级代码块基础上添加内容,而不是全部重载,该变量就显得非常有用了。

<4>不允许在同一个模板中定义多个同名的 {% block %} 。 存在这样的限制是因为block 标签的工作方式是双向的。 也就是说,block 标签不仅挖了一个要填的坑,也定义了在父模板中这个坑所填充的内容。如果模板中出现了两个 相同名称的 {% block %} 标签,父模板将无从得知要使用哪个块的内容。

posted @ 2018-09-09 02:26  四十不惑的编程之路  阅读(1807)  评论(0编辑  收藏  举报