Django模板语言 标签整理
Django模板语言 标签
内置标签引用
1. autoescape
控制自动转义是否可用. 这种标签带有任何 on
或 off
作为参数的话,他将决定转义块内效果。 该标签会以一个endautoescape
作为结束标签.
当自动转义生效时,所有变量内容会被转义成HTML输出(在所有过滤器生效后) 这等同与手动将escape
筛选器应用于每个变量。
实例:
1)
<!-- index.html文件 --><body><p>{{ text }}</p>{% autoescape off %}{{ text }}{% endautoescape %}</body>如果: text = "<b>文本内容</b>"
页面显示结果:
<b>文本内容</b>
文本内容
2)
<!-- index.html文件 --><body><p>{{ text }}</p>{% autoescape off %}{{ text|escape }}{% endautoescape %}</body>页面显示结果:
<b>文本内容</b>
<b>文本内容</b>
使用了escape过滤器, 则对text文本转义
Django转义默认是开启的, 关闭转义有两种方式
(1) safe 一般作用于单行文本
(2) autoescape off 一般作用于块级内容
实例:
1)
<body><p>{{ text }}</p>{% autoescape on %}{{ text }}{% endautoescape %}</body>页面显示结果:
<b>文本内容</b>
<b>文本内容</b>
2)
<body><p>{{ text|safe }}</p>{% autoescape off %}{{ text }}{{ text|escape }}{% endautoescape %}</body>页面显示结果:
文本内容
文本内容
2. block
一般在父模板可以使用block标签, 把变化的内容可以包裹在block标签内; 子模板引用父模板后, 可以使用block标签重写内容, 覆盖父模板中原来的内容.
实例:
<!-- 父模板html --><!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>年度页面</title></head><body><div><p>这是年度新闻</p></div>{% block content %}<p>页面主体内容</p>{% endblock content %}</body></html><!-- 子模板一 html -->{% extends 'show_year.html' %}<!-- 子模板二 html -->{% extends 'show_year.html' %}{% block content %}<p>子模板中内容</p>{% endblock %}子模板的显示结果:
子模板一:
这是年度新闻
页面主题内容
子模板二:
这是年度新闻
子模板中内容
3. comment
在 {% comment %}
和 {% endcomment %}
,之间的内容会被忽略,作为注释。相当于多行注释
示例:
{% comment %}<b>粗体</b><div><p>这是Index页面</p></div>{% endcomment %}这部分注释的内容, 在服务器端就直接忽略到了, 不会发送给客户端.
4. csrf_token
这个标签用于跨站请求伪造保护.
客户端在提交表单到服务端时, 如果表单中不写这个标签, 服务端会直接返回403 Forbidden
的错误. 把这个标签写到表单中, 可以避免发生这个错误.
当把csrf_token写到表单中后, 其实客户端在提交数据时, 会提交一个name=csrfmiddlewaretoken
, value
为随机的64位字符给服务端, 服务端收到后, 会根据这串字符校验客户端的合法性.(如果想看这个csrfmiddlewaretoken的具体内容,可以打开浏览器的调试控制台; 你会看到一个属性type='hidden'的input标签, value
已经有默认值).
表单
<form action="" method="POST">{% csrf_token %}<input type="text" name="name" placeholder="姓名"><button type="submit">提交</button></form>
5. cycle
每当这个标签被访问,则传出一个它的可迭代参数的元素。 第一次访问返回第一个元素,第二次访问返回第二个参数,以此类推. 一旦所有的变量都被访问过了,就会回到最开始的地方,重复下去
实例:
1) 这个标签在循环中特别有用:
{% for o in some_list %}<tr class="{% cycle 'row1' 'row2' %}">...</tr>{% endfor %}第一次迭代产生的HTML引用了
row1
类,第二次则是row2
类,第三次 又是row1
类,如此类推。2) 你也可以使用变量, 例如,如果你有两个模版变量,
rowvalue1
和rowvalue2
, 你可以让他们的值像这样替换:{% for o in some_list %}<tr class="{% cycle rowvalue1 rowvalue2 %}">...</tr>{% endfor %}被包含在cycle中的变量将会被转义。 你可以禁止自动转义:
{% for o in some_list %}<tr class="{% autoescape off %}{% cycle rowvalue1 rowvalue2 %}{% endautoescape %}">...</tr>{% endfor %}你能混合使用变量和字符串:
{% for o in some_list %}<tr class="{% cycle 'row1' rowvalue2 'row3' %}">...</tr>{% endfor %}
6. debug
输出整个调试信息,包括当前上下文和导入的模块。
7. extends
表示当前模板继承自一个父模板
这个标签可以有两种用法:
{% extends "base.html" %}
(要有引号).继承名为"base.html"
的父模板{% extends 变量 %}
使用variable
如果变量被计算成一个字符串,Django将会把它看成是父模版的名字。 如果变量被计算到一个Template
对象,Django将会使用那个对象作为一个父模版。
通常模板名称是相对于模板加载器的根目录。 字符串参数也可以是以./
或../
开头的相对路径。 例如,假设以下目录结构:
dir1/template.htmlbase2.htmlmy/base3.htmlbase1.html
在template.html
中,以下路径将有效:
{% extends "./base2.html" %}{% extends "../base1.html" %}{% extends "./my/base3.html" %}
8. filter
通过一个或多个过滤器对内容过滤。 作为灵活可变的语法,多个过滤器被管道符号相连接,且过滤器可以有参数。
注意块中所有的内容都应该包括在endfilter
和filter
标签中。
注: escape
和safe
过滤器不是可接受的参数。 而应使用autoescape
标记来管理模板代码块的自动转义。
实例:
{% filter force_escape|lower %}This text will be HTML-escaped, and will appear in all lowercase.{% endfilter %}{% autoescape off %}{% filter force_escape|lower %}This text will be HTML-escaped, and will appear in all lowercase.{% endfilter %}{% endautoescape %}
9. firstof
输出第一个不为False
参数。 如果传入的所有变量都为False
,就什么也不输出。
例如:
{% firstof var1 var2 var3 %}
它等价于:
{% if var1 %}{{ var1 }}{% elif var2 %}{{ var2 }}{% elif var3 %}{{ var3 }}{% endif %}
当然你也可以用一个默认字符串作为输出以防传入的所有变量都是False:
{% firstof var1 var2 var3 "default value" %}
10. for
循环组中的每一个项目,并让这些项目在上下文可用。 举个例子,展示athlete_list
中的每个成员:
<ul>{% for athlete in athlete_list %}<li>{{ athlete.name }}</li>{% endfor %}</ul>
可以利用{% for obj in list reversed %}
反向完成循环。
如果你需要循环一个包含列表的列表,可以通过拆分每一个二级列表为一个独立变量来达到目的。 举个例子,如果你的内容包括一个叫做points
的(x,y) 列表,你可以像以下例子一样输出points列表:
{% for x, y in points %}There is a point at {{ x }},{{ y }}{% endfor %}
如果你想访问一个字典中的项目,这个方法同样有用。 举个例子:如果你的内容包含一个叫做data
的字典,下面的方式可以输出这个字典的键和值:
{% for key, value in data.items %}{{ key }}: {{ value }}{% endfor %}
请记住,对于点运算符,字典键查找优先于方法查找。如果要在模板中使用这些方法(items
,values
,keys
等),请避免添加名为字典方法的键。
for循环可用的参数:
变量 | 描述 |
---|---|
forloop.counter |
当前循环的索引值(索引从1开始) |
forloop.counter0 |
当前循环的索引值(索引从0开始) |
forloop.revcounter |
当前循环的倒序索引值(索引从1开始) |
forloop.revcounter0 |
当前循环的倒序索引值(索引从0开始) |
forloop.first |
如果这是第一次循环,返回True |
forloop.last |
如果这是最后一次循环,则为True |
forloop.parentloop |
对于嵌套循环,这是当前循环的外层循环 |
11. for...empty
for
标签带有一个可选的{% empty %}
从句,以便在给出的组是空的或者没有被找到时,可以有所操作。
<ul>{% for athlete in athlete_list %}<li>{{ athlete.name }}</li>{% empty %}<li>Sorry, no athletes in this list.</li>{% endfor %}</ul>
它和下面的例子作用相等,但是更简洁、更清晰甚至可能运行起来更快:
<ul>{% if athlete_list %}{% for athlete in athlete_list %}<li>{{ athlete.name }}</li>{% endfor %}{% else %}<li>Sorry, no athletes in this list.</li>{% endif %}</ul>
12. if
{% if %}
会对一个变量求值,如果它的值是“True”(存在、不为空、且不是boolean类型的false值),这个内容块会输出:
{% if athlete_list %}Number of athletes: {{ athlete_list|length }}{% elif athlete_in_locker_room_list %}Athletes should be out of the locker room soon!{% else %}No athletes.{% endif %}
上述例子中,如果athlete_list
不为空,就会通过使用{{ athlete_list|length }}
过滤器展示出athletes的数量。
正如你所见,if
标签之后可以带有一个或者多个{% elif %}
从句,也可以带有一个{% else %}
从句以便在之前的所有条件不成立的情况下完成执行。 这些从句都是可选的。
if
标签可以使用not
,and
或or
来测试多个变量的布尔值.
13. include
加载模板并以标签内的参数渲染。 这是一种可以引入别的模板的方法。
模板名可以是变量或者是硬编码的字符串,可以用单引号也可以是双引号.
下面这个示例包括模板"foo/bar.html"
的内容:
{% include "foo/bar.html" %}
通常模板名称是相对于模板加载器的根目录。 字符串参数也可以是以./
或../
开头的相对路径,如extends
标签中所述。
14. load
加载自定义模板标签集。
举个例子, 下面这模板将会从package
包中载入所有otherlibrary
和somelibrary
中已经注册的标签和过滤器:
{% load somelibrary package.otherlibrary %}
你还可以使用from
参数从库中选择性加载单个过滤器或标记。 在下面这个示例中,名为somelibrary
和bar
的模板标签/过滤器将从foo
加载:
{% load foo bar from somelibrary %}
15. now
显示最近的日期或事件,可以通过给定的字符串格式显示。
实例:
{% now 'Y-m-d H:i:s' %}输出类似:
2018-10-11 07:05:40
您也可以使用语法{% now “Y” as current_year %}
将输出(作为字符串)存储在变量中。 This is useful if you want to use {% now %}
inside a template tag like blocktrans
for example:
{% now "Y" as current_year %}{% blocktrans %}Copyright {{ current_year }}{% endblocktrans %}<!-- 使用blocktrans标签需要在html文件头部加上 {% load i18n %}, 导入已有的i18n模板-->
16. regroup
用相似对象间共有的属性重组列表.
This complex tag is best illustrated by way of an example: say that cities
is a list of cities represented by dictionaries containing "name"
,"population"
, and "country"
keys:
cities = [{'name': 'Mumbai', 'population': '19,000,000', 'country': 'India'},{'name': 'Calcutta', 'population': '15,000,000', 'country': 'India'},{'name': 'New York', 'population': '20,000,000', 'country': 'USA'},{'name': 'Chicago', 'population': '7,000,000', 'country': 'USA'},{'name': 'Tokyo', 'population': '33,000,000', 'country': 'Japan'},]
...并且您想显示按国家/地区排序的分层列表,如下所示:
印度
- 孟买:19,000,000
- 加尔各答:15,000,000
美国
- 纽约:20,000,000
- 芝加哥:7,000,000
日本
- 东京:33,000,000
你可以使用{% regroup %}
标签来给每个国家的城市分组。 以下模板代码片段将实现这一点:
{% regroup cities by country as country_list %}<ul>{% for country in country_list %}<li>{{ country.grouper }}<ul>{% for city in country.list %}<li>{{ city.name }}: {{ city.population }}</li>{% endfor %}</ul></li>{% endfor %}</ul>
让我们来看看这个例子。 {% regroup %}
有三个参数: 你想要重组的列表, 被分组的属性, 还有结果列表的名字. 在这里,我们通过country_list
属性重新分组country
列表,并调用结果cities
。
{% regroup %}
产生一个清单(在本例中为country_list
的组对象。 组对象是具有两个字段的namedtuple()
的实例:
grouper
- 按分组的项目(例如,字符串“India”或“Japan”)。list
- 此群组中所有项目的列表(例如,所有城市的列表,其中country ='India')。
在Django更改1.11:
组对象已从字典更改为namedtuple()
。
Because {% regroup %}
produces namedtuple()
objects, you can also write the previous example as:
{% regroup cities by country as country_list %}<ul>{% for country, local_cities in country_list %}<li>{{ country }}<ul>{% for city in local_cities %}<li>{{ city.name }}: {{ city.population }}</li>{% endfor %}</ul></li>{% endfor %}</ul>
请注意,{% regroup %}
不会对其输入进行排序! 我们的例子依赖于事实:cities
列表首先由country
排序。 如果country
列表不通过cities
对其成员进行排序,则重新分组将天真显示单个国家/地区的多个组。 例如,假设cities
列表已设置为此(请注意,国家/地区未分组在一起):
cities = [{'name': 'Mumbai', 'population': '19,000,000', 'country': 'India'},{'name': 'New York', 'population': '20,000,000', 'country': 'USA'},{'name': 'Calcutta', 'population': '15,000,000', 'country': 'India'},{'name': 'Chicago', 'population': '7,000,000', 'country': 'USA'},{'name': 'Tokyo', 'population': '33,000,000', 'country': 'Japan'},]
对于cities
的输入,示例{% regroup %}
以上将导致以下输出:
印度
- 孟买:19,000,000
美国
- 纽约:20,000,000
印度
- 加尔各答:15,000,000
美国
- 芝加哥:7,000,000
日本
- 东京:33,000,000
另一个解决方案是使用dictsort
过滤器对模板中的数据进行排序,如果您的数据在字典列表中:
{% regroup cities|dictsort:"country" by country as country_list %}
17. resetcycle
重置先前的循环,以便在下一次遇到时从其第一个项目重新启动。 没有参数, {% resetcycle %}
会重置模板中定义的最后一个{% cycle %}
用法示例:
{% for coach in coach_list %}<h1>{{ coach.name }}</h1>{% for athlete in coach.athlete_set.all %}<p class="{% cycle 'odd' 'even' %}">{{ athlete.name }}</p>{% endfor %}{% resetcycle %}{% endfor %}
这个示例将返回下面的HTML:
<h1>José Mourinho</h1><p class="odd">Thibaut Courtois</p><p class="even">John Terry</p><p class="odd">Eden Hazard</p><h1>Carlo Ancelotti</h1><p class="odd">Manuel Neuer</p><p class="even">Thomas Müller</p>
注意第一个块以class="odd"
结束,新的以class="odd"
开头。 没有{% resetcycle %}
标签,第二个块将以class="even"
18. spaceless
删除HTML标签之间的空白格. 包括制表符和换行.
用法示例:
{% spaceless %}<p><a href="foo/">Foo</a></p>{% endspaceless %}
这个示例将返回下面的HTML:
<p><a href="foo/">Foo</a></p>
注: 仅删除 tags 之间的空格 – 而不是标签和文本之间的。
19. url
返回与给定视图和可选参数匹配的绝对路径引用(不带域名的URL)。 在解析后返回的结果路径字符串中,每个特殊字符将使用iri_to_uri()
编码。
这是一种不违反DRY原则的输出链接的方式,它可以避免在模板中硬编码链接路径。
{% url 'some-url-name' v1 v2 %}
第一个参数是url()
name
。 它可以是一个被引号引起来的字符串或者其他的上下文变量. 其他参数是可选的并且应该以空格隔开,这些值会在URL中以参数的形式传递. 上面的例子展示了如何传递位置参数. 当然你也可以使用关键字参数.
{% url 'some-url-name' arg1=v1 arg2=v2 %}
不要把位置参数和关键字参数混在一起使用。 URLconf所需的所有参数都应该存在。
例如,假设您有一个视图app_views.py
,其URLconf接受客户端ID(此处client()
是视图文件app_views.client
)。 URLconf行可能如下所示:
('^client/([0-9]+)/$', app_views.client, name='app-views-client')
如果你的应用中的URLconf 已经被包含到项目 URLconf 中,比如下面这样
('^clients/', include('project_name.app_name.urls'))
然后,在模板中,您可以创建一个此视图的链接,如下所示:
{% url 'app-views-client' client.id %}
模板标签会输出如下的字符串 /clients/client/123/
.
如果您要检索名称空间网址,请指定完全限定名称:
{% url 'myapp:view-name' %}
20. widthratio
为了创建条形图等,此标签计算给定值与最大值的比率,然后将该比率应用于常量。
像这样:
<img src="bar.png" alt="Bar"height="10" width="{% widthratio this_value max_value max_width %}" />
如果max_width
是175,max_value
是200,并且this_value
是100,则上述示例中的图像将是88像素宽(因为175 / 200 = .875; .875 * 100 = 87.5,上舍入为88)。
在某些情况下,您可能想要捕获变量中的widthratio
的结果。 它可以是有用的,例如,在blocktrans
像这样:
{% widthratio this_value max_value max_width as width %}{% blocktrans %}The width is: {{ width }}{% endblocktrans %}
21. with
使用一个简单地名字缓存一个复杂的变量 ,当你需要使用一个“昂贵的”方法(比如访问数据库)很多次的时候是非常有用的
像这样:
{% with total=business.employees.count %}{{ total }} employee{{ total|pluralize }}{% endwith %}
填充变量(以上示例total
)仅适用于{% 与 %} t5>
和{% endwith %}
标签。
你可以分配多个上下文变量:
{% with alpha=1 beta=2 %}...{% endwith %}
参考文档: https://yiyibooks.cn/xx/Django_1.11.6/ref/templates/builtins.html#ref-templates-builtins-tags
Django模板语言 标签整理的更多相关文章
- Django模板语言, 过滤器整理
Django模板语言,过滤器整理 1. add {{ value|add:"2" }} 把add后的参数加给value: 处理时,过滤器首先会强制把两个值转换成Int类型. 如果强 ...
- Django 模板语言 标签
前言:django的模板语法基本和flask的jinja2基本一样.下面比较一下两个模板语法的区别. ------深度变量的查找(万能的句点号) 在 Django 模板中遍历复杂数据结构的关键是句点字 ...
- Django模板语言,标签整理
Django模板语言 标签 内置标签引用 1. autoescape 控制自动转义是否可用. 这种标签带有任何 on 或 off 作为参数的话,他将决定转义块内效果. 该标签会以一个endautoes ...
- Django模板语言,过滤器整理
Django模板语言,过滤器整理 1. add {{ value|add:"2" }} 把add后的参数加给value: 处理时,过滤器首先会强制把两个值转换成Int类型. 如果强 ...
- Django模板语言初识
一.Django框架简介 1.MVC框架 MVC,全名是Model View Controller,是软件工程中的一种软件架构模式,把软件系统分为三个基本部分:模型(Model).视图(View)和控 ...
- Django模板语言的复用
一.include标签 由于在项目中,往往会出现多个页面拥有一个或几个相同的页面版块,或是一个页面多个页面版块是相同的,基于这个问题,我们可以采用模板语言复用include标签来帮我们解决,这样就避免 ...
- Django模板语言相关内容 Djan
Django模板语言相关内容 Django模板系统 官方文档 常用语法 只需要记两种特殊符号: {{ }}和 {% %} 变量相关的用{{}},逻辑相关的用{%%}. 变量 {{ 变量名 }} ...
- Django——模板语言相关内容
Django模板语言相关内容 Django模板系统 官方文档 常用语法 只需要记两种特殊符号: {{ }}和 {% %} 变量相关的用{{}},逻辑相关的用{%%}. 变量 {{ 变量名 }} ...
- Django 模板语言 路由 视图
. 模板语言(字符串替换) . 母版和继承 . 什么时候用母版? html页面有重复的代码,把它们提取出来放到一个单独的html文件. (比如:导航条和左侧菜单) . 子页面如何使用母版? {% ex ...
随机推荐
- c++智能指针介绍
C++11标准引入了boost库中的智能指针,给C++开发时的内存管理提供了极大的方便.接下来这篇文件介绍shared_ptr/weak_ptr内部实现原理及使用细节. C++不像java有内存回收机 ...
- Okhttp3源码解析(4)-拦截器与设计模式
### 前言 回顾: [Okhttp的基本用法](https://www.jianshu.com/p/8e404d9c160f) [Okhttp3源码解析(1)-OkHttpClient分析](htt ...
- Web前端和Web后端的区分
版权声明:本文为CSDN博主「十豆三展」的原创文章,遵循CC 4.0 by-sa版权协议,转载请附上原文出处链接及本声明.原文链接:https://blog.csdn.net/zz1399590022 ...
- Vue函数式组件的应用
一.函数式组件和普通组件的区别 渲染快 没有实例,意味着没有(this) 没有生命周期(没有响应式数据) 二.组件函数的使用 1. 以局部组件为例,将组件标记为 functional=ture; 因为 ...
- Android读取date中年月日
1.Date对象:Date date = getDate(); 2.Calendar实例:Calendar calendar = Calendar.getInstance(); 3.calendar. ...
- codeforces 735C. Tennis Championship(贪心)
题目链接 http://codeforces.com/contest/735/problem/C 题意:给你一个数n表示有几个人比赛问最多能赢几局,要求两个比赛的人得分不能相差超过1即得分为2的只能和 ...
- HDU2276 Kiki & Little Kiki 2 矩阵快速幂
Kiki & Little Kiki 2 Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java ...
- CodeForces 779D. String Game(二分答案)
题目链接:http://codeforces.com/problemset/problem/779/D 题意:有两个字符串一个初始串一个目标串,有t次机会删除初始串的字符问最多操作几次后刚好凑不成目标 ...
- ASP.NET CORE Docker发布记录
1.安装Docker yum install curl -y curl -fsSL https://get.docker.com/ | sh 2.编写Dockerfile文件 FROM microso ...
- 降维和PCA
简介 要理解什么是降维,书上给出了一个很好但是有点抽象的例子. 说,看电视的时候屏幕上有成百上千万的像素点,那么其实每个画面都是一个上千万维度的数据:但是我们在观看的时候大脑自动把电视里面的场景放在我 ...