将页面的设计和Python的代码分离开会更干净简洁更容易维护。 我们可以使用 Django的 模板系统 (Template System)来实现这种模式，这就是本章要具体讨论的问题。
django的模板：HTML代码+模板语法：
def timer(request): import time now_time = time.time() # html = "<html><body>现在时刻：<h1>%s.</h1></body></html>" % now_time # return HttpResponse(html) return render(request,'timer.html',{'timer':now_time})
模板语法之变量：
在django模板中遍历复杂数据结构的关键是句点字符。
def index(request): import datetime now_time = datetime.datetime.now() l = [123,456,789] dic = {'name':'qingqiu','age':17} class Person: def __init__(self,name,age): self.name = name self.age = age def sing(self): return '唱歌...' p1 = Person('qingqiu',17) p2 = Person('xiaobai',17) person_list = [p1,p2] return render(request,'index.html',{'timer':now_time,'l':l,'dic':dic,'person_list':person_list})
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h3>hello</h3> <p>{{ timer }}</p> <p>{{ timer.strptime }}</p> <p>{{ l }}</p> <p>{{ l.0 }}</p> <p>{{ l.1 }}</p> <p>{{ l.2 }}</p> <p>{{ dic }}</p> <p>{{ dic.name }}</p> <p>{{ dic.age }}</p> <p>{{ person_list }}</p> <p>{{ person_list.0.name }}</p> <p>{{ person_list.0.age }}</p> <p>{{ person_list.1.name }}</p> <p>{{ person_list.1.age }}</p> <p>{{ person_list.1.sing }}</p> </body> </html>
模板之过滤器：
语法：{{ obj | filter_name:param }}
1，default:
{{ obj|default:'没有参数' }}
如果一个变量是false或者为空，则使用给定的默认值，否则，使用变量的值。
2，length
{{ obj|length }}
返回值的长度，它对字符串和列表都起作用。
3，filesizeformat:
将值（整形）格式化为一个文件大小。
4，date
{{ value|date:"Y-m-d" }}
如果 value = datetime.datetime.now()
5，slice
{{ value | slice : 起始位置:结束位置:步长 }}
6，truncatechars
{{ value|truncatechars:6 }}
数字是加上3（省略号）的总值。
如果字符串字符多于指定的字符串数量，那么会被截断，阶段的字符串将以可翻译的省略号序列（‘...’）结尾。
7，safe
Django的模板中会对HTML标签和JS等语法标签进行自动转义，原因显而易见，这样是为了安全。但是有的时候我们可能不希望这些HTML元素被转义，比如我们做一个内容管理系统，后台添加的文章中是经过修饰的，这些修饰可能是通过一个类似于FCKeditor编辑加注了HTML修饰符的文本，如果自动转义的话显示的就是保护HTML标签的源文件。为了在Django中关闭HTML的自动转义有两种方式，如果是一个单独的变量我们可以通过过滤器“|safe”的方式告诉Django这段代码是安全的不必转义。比如：
value = "<a href = 'http://www.baidu.com'>click</a>"
{{ value|safe}}
最好在href中写上绝对地址，否则它会在你原有的地址后面加上你的href连接。
8，add
{{ value|add:100}}
模板之标签：
for标签：
遍历每一个元素：
{% for person in person_list %} <p>{{ person.name }}</p> {% endfor %}
可以利用{% for obj in list reversed %}反向完成循环。
注：循环序号可以通过｛｛forloop｝｝显示
forloop.counter 从1开始排序
forloop.counter0 从0开始排序
forloop.revcounter 倒序，最后一个为1
forloop.revcounter0 倒序，最后一个为0
forloop.first 如果是第一次遍历返回true,否则返回false
forloop.last 如果是最后一次遍历返回true,否则返回false
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 %} <p>大于100</p> {% elif num < 100 %} <p>小于100</p> {% else %} <p>等于100</p> {% endif %}
for 和 if 搭配使用：
{% endfor %}
<hr>
{% for person in person_list %}
<span>{{ person.name }}</span>
{% if not forloop.last %}
,
{% endif %}
{% endfor %}
# 清秋，小白 以逗号隔开
with 标签：
使用一个简单的名字缓存一个复杂的变量，当你需要使用一个繁琐的方法（比如访问数据库）很多次的时候是非常方便的。
简而言之就是起一个别名，方便调用。
例如： {% with p1=person_list.0 %} <p>{{ p1.name }},{{ p1.age }}</p> {% endwith %}
第二种方法：
{% with person_list.0 as p1 %}
<p>{{ p1.name }},{{ p1.age }}</p>
{% endwith %}
crsf_taken
这个标签用于跨站请求伪造保护。
自定义标签和过滤器：
1，在settings中的INSTALLED_APPS配置当前app，不然django无法找到自定义的simple_tag。
2，在app中创建templatetags模块(模块名只能是templatetags)
3，创建任意 .py文件， 如 my_tags.py。
from django import template from django.utils.safestring import mark_safe register = template.Library() # 以上三行固定写法，不能更改，变量名也不行。 @register.filter # 这样在一个函数上加一个装饰器，就可以使函数成为了过滤器。 def mult_filter(x,y): return x*y @register.simple_tag # 这样在函数上面加这个装饰器，相当于自定义了一个标签 def multi_tag(x,y,z): return x*y*z @register.filter def link_tag(href): return mark_safe("<a href=%s>click</a>"%href) # mark_safe是在python中通过django的安全保护机制。需要导入模块。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h1>自定义过滤器，标签</h1> {% load my_filter %} {# 一定要通过load 模板 将 自定义过滤器或标签的模板导入，这样才能使用#} <p>{{ num|mult_filter:2 }}</p> {# num 为第一个参数，冒号后的数值为第二个变量，且只能接收两个变量。 #} {#{% multi_tag 12 12 %}#} {% multi_tag 2 2 2 %} {# 标签可以传入多个参数，用空格隔开，在这里中传入参数，一定要与python文件中传入的形参数量一致。#} <p>{{ "http://www.baidu.com"|link_tag }}</p>> {# 网址作为参数传入到过滤器函数中#} </body> </html>
模板继承：
1，include：语法：{% include '模板名' %}
{% include 'advertise.html' %}
相当于直接把一个模板直接搬了过来。
Django模板引擎中最强大也是最复杂的部分就是模板继承了，模板继承可以让您创建一个基本的“骨架”模板，它包含您站点中全部元素，并且可以定义能够被子模板覆盖的blocks.
2，extend
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> {% block title %} <title>title</title> {% endblock %} <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <style> * { margin: 0; padding: 0; } .header{ width: 100%; height: 60px; background-color: #369; } .title{ line-height: 60px; color: white; font-weight: 100; margin-left: 20px; font-size: 20px; } .container{ margin-top: 20px; } </style> </head> <body> <div class="header"> <p class="title"> 路飞学诚 </p> </div> <div class="container"> <div class="row"> <div class="col-md-3"> <div class="panel panel-danger"> <div class="panel-heading"><a href="http://127.0.0.1:8000/index/">首页</a></div> <div class="panel-body"> Panel content </div> </div> <div class="panel panel-success"> <div class="panel-heading"><a href="http://127.0.0.1:8000/authors/">作者</a></div> <div class="panel-body"> Panel content </div> </div> <div class="panel panel-warning"> <div class="panel-heading"><a href="http://127.0.0.1:8000/articles/">文章管理</a></div> <div class="panel-body"> Panel content </div> </div> </div> <div class="col-md-9"> {% block content %} <h3>详细内容</h3> {% endblock %} </div> </div> </div> </body> </html>
上面这个模板，我们把它叫做base.html，它定义了一个可以用于两列排版页面的简单HTML骨架。“子模板”的工作是用它们的内容填充空的blocks。
子模板 index.html代码：
{% extends 'base.html' %} {% block title %} <title>首页</title> {% endblock %} {% block content %} <div class="jumbotron"> <h1>hello,index!</h1> <p><a class= "btn btn_danger btn-lg" href="#" role="button"> learn more</a></p> </div> {% endblock %}
extends 标签是这里的关键，它告诉模板引擎，这个模板继承了‘base.html’模板。当处理这个模板时，会先继承。所以继承最好要写在首行，不能写在下面。
模板引擎将注意到base.html模板中的两个block标签，并用自模板中的内容覆盖这些block内的内容。
注意：如果子模板中并没有定义 sidebar block , 系统会使用父模板中的值。父模板中的{% block %} 标签中的内容总是被用作备选内容。如果子模版中有内容，就会把夫模板中的内容覆盖。
拥有base.html的优点：是解决了代码的复用。
提示：
1，如果你在模板中使用{% extends %}标签，它必须是模板中的第一个标签，其他任何情况下，模板继承都将无法工作。
2，在base模板中设置越多的{% block %}标签越好。
3，如果你发现自己在大量的模板中复制内容，那可能意味着你应该把内容移动到父模板中的一个{% block %} 中。
4，为了更好的可读性，可以给{% block %} 标签加一个 {% endblock %}标签 一个名字。如：
{ % block content % }
...
{ % endblock content% }
5，不能在一个模板中定义多个相同的名字的block标签。