模板语法之变量
变量在HTML中的表示：{{var_name}}
变量取值：句点符 "."
views:
def index(request):
import datetime
s = "hello"
li = [1, 2, 3] # 列表
dic = {"name": "lcg", "age": 18} # 字典
date = datetime.date(1993, 12, 9) # 日期对象
class Person(object):
def __init__(self, name):
self.name = name
p1 = Person("lcg1") # 自定义类对象
p2 = Person("lcg2")
p3 = Person("lcg3")
p_list = [p1, p2, p3]
return render(request, 'hello.html', {'s': s, 'li': li, 'dic': dic, 'date': date, 'p_list': p_list})
html:
<h4>{{s}}</h4>
<h4>列表:{{ li.0 }}</h4>
<h4>列表:{{ li.2 }}</h4>
<h4>字典:{{ dic.name }}</h4>
<h4>日期:{{ date.year }}</h4>
<h4>类对象列表:{{ p_list.0.name }}</h4>
注意：句点符也可以用来引用对象的方法(无参数方法)。
<h4>字典:{{ dic.name.upper }}</h4>
模板语法之过滤器
语法：
{{obj|filter__name:param}}
default
如果一个变量是false或者为空，使用给定的默认值。否则，使用变量的值。例如：
{{ value|default:"nothing" }}
add
加法 num+1
{{num|add:1}}
length
返回值的长度。它对字符串和列表都起作用。例如：
{{ value|length }}
如果 value 是 ['a', 'b', 'c', 'd']，那么输出是 4。
filesizeformat
将值格式化为一个 “人类可读的” 文件尺寸 （例如 '13 KB', '4.1 MB', '102 bytes', 等等）。例如：
{{ value|filesizeformat }}
# 如果 value 是 123456789，输出将会是 117.7 MB。
date
如果 value=datetime.datetime.now()
{{ value|date:"Y-m-d" }}
slice
{{ value|slice:"2:-1" }}
# 相当于切片，如果 value="hello world"，输出 lo world
truncatechars
如果字符串字符多于指定的字符数量，那么会被截断。截断的字符串将以可翻译的省略号序列（“...”）结尾。
参数：要截断的字符数（应该大于3,否则输出'...'）
例如：
{{ value|truncatechars:9 }}
如果value是"12345678910111213"，输出将为"123456789..."
safe
Django的模板中会对HTML标签和JS等语法标签进行自动转义，原因显而易见，这样是为了安全。但是有的时候我们可能不希望这些HTML元素被转义,如果是一个单独的变量我们可以通过过滤器“|safe”的方式告诉Django这段代码是安全的不必转义.
views:
def test(request):
value="<a href="">点击</a>"
return render(request,'test.html',{'value':value})
html:
{{ value }}
它实际被转化成下面这样，再被渲染成上面的效果
过滤器“|safe”的方式告诉Django这段代码是安全的不必转义:
html：
{{ value|safe }}
这里简单介绍一些常用的模板的过滤器，更多详见
模板之标签
for标签
遍历每一个元素：
{% for person in person_list %}
<p>{{ person.name }}</p>
{% endfor %}
可以利用{% for obj in list reversed %}反向完成循环。
遍历一个字典：
{% for key,val in dic.items %}
<p>{{ key }}:{{ val }}</p>
{% endfor %}
注：循环序号可以通过｛｛forloop｝｝显示
forloop.counter The current iteration of the loop (1-indexed) forloop.counter0 The current iteration of the loop (0-indexed) forloop.revcounter The number of iterations from the end of the loop (1-indexed) forloop.revcounter0 The number of iterations from the end of the loop (0-indexed) forloop.first True if this is the first time through the loop forloop.last True if this is the last time through the loop
for ... empty
for 标签带有一个可选的{% empty %} 从句，以便在给出的组是空的或者没有被找到时，可以有所操作。
{% for person in person_list %}
<p>{{ person.name }}</p>
{% empty %}
<p>sorry,no person here</p>
{% endfor %}
if 标签
{% if %}会对一个变量求值，如果它的值是“True”（存在、不为空、且不是boolean类型的false值），对应的内容块会输出。
{% if num > 100 or num < 0 %}
<p>无效</p>
{% elif num > 80 and num < 100 %}
<p>牛逼</p>
{% else %}
<p>辣鸡</p>
{% endif %}
with
使用一个简单地名字缓存一个复杂的变量，当你需要使用一个“昂贵的”方法（比如访问数据库）很多次的时候是非常有用的
例如：
{% with total=business.employees.count %}
{{ total }} employee{{ total|pluralize }}
{% endwith %}
csrf_token
这个标签用于跨站请求伪造保护
模板的继承与组件
把重复的代码写在layout.html里，留出空位供其它html填写对应的内容，其他的HTML文件调用后就无需再写这些重复代码也有该代码的功能。
如layout.html：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>my django-templet demo</title>
<style>
{% block page-css %}
{% endblock %}
</style>
</head>
<body>
<h1>我是layout</h1>
{% block page-main %}
{% endblock %}
<script>
{% block page-js %}
{% endblock %}
</script>
</body>
</html>
下面新建一个new.html的文件，继承母板
{% extends 'layout.html' %}
{% block page-css %}
p{
color: red;
}
{% endblock %}
{% block page-main %}
<p>我在调用layout,我是另一个html文件</p>
{% endblock %}
urls.py,views.py
url(r'^new/', views.new),
def new(request):
return render(request, 'new.html')
效果：
下面再给new.html添加一个组件（注意：要添加再母板中，不然的话怎么确定组件的位置？）
hello.html
hello 我是组件
layout.html中指定位置添加组件 {% include 'hello.html' %}
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>my django-templet demo</title>
{% block page-css %}
{% endblock %}
</head>
<body>
<h1>我是layout</h1>
{% block page-main %}
{% endblock %}
{% include 'hello.html' %}
{% block page-js %}
{% endblock %}
</body>
</html>
效果：
super继承
上面的继承都是覆盖式继承，super继承是保留式继承
{{ block.super }}
看例子
layout.html
{% block page1 %}
<p>111</p>
<p>222</p>
{% endblock %}
{% block page2 %}
<p>aaa</p>
<p>bbb</p>
{% endblock %}
new.html
{% extends 'layout.html' %}
{% block page1 %}
<p>333</p>
{% endblock %}
显示效果：page1的内容被覆盖了
解决方案就是加{{block.super}}
{% extends 'layout.html' %}
{% block page1 %}
{{ block.super }}
<p>333</p>
{% endblock %}
效果：
