模板语言if/else/endif
{% if today_is_weekend %} <p>Welcome to the weekend!</p> {% else %} <p>Get back to work.</p> {% endif %}
解释:当变量:today_is_weekend 为真,返回:<p>Welcome to the weekend!</p> ,否则返回:<p>Get back to work.</p>
模板语言循环
1:如果模板语言遇到列表,直接进行循环取值即可。
2:如果模板语言遇到字典进行循环有以下3种:
- for item in dict.keys 只循环获取字典key
- for item in dict.value 只循环获取字典value
- for k,v in dict.items 循环获取字典的key,value全部。
实例url:fordict # 字典for循环的取值方法
1 userlist = { 2 '1': {'name': 'jack', 'age': 36}, 3 '2': {'name': 'anna', 'age': 26}, 4 '3': {'name': 'vivi', 'age': 16}, 5 } 6 def fordict(request): 7 return render(request,'dict_for.html',{'ulist':userlist})
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>循环字典</title> 6 </head> 7 <body> 8 <div> 9 {% for k in ulist.keys %} 10 <div>字典key:{{ k }}</div> 11 {% endfor %} 12 <hr /> 13 {% for v in ulist.values %} 14 <div>字典value:{{ v }}</div> 15 {% for k1,v1 in v.items %} 16 <div>字典k - v: {{ k1 }} -- {{ v1 }}</div> 17 {% endfor %} 18 {% endfor %} 19 <hr /> 20 {% for k,v in ulist.items %} 21 <div>字典k - v:{{ k }} - {{ v }}</div> 22 {% endfor %} 23 <hr /> 24 <hr /> 25 {% for k,v in ulist.items %} 26 {# <div><a href="/detail?nid={{ k }}">{{ v.name }}</a></div>#} 27 <div><a href="/detail-{{ k }}.html">{{ v.name }}</a></div> 28 {% endfor %} 29 </div> 30 </body> 31 </html>
实例url:detail # 查看详情
1 url写法 2 # url(r'^detail',views.detail), 3 # url(r'^detail-(d+).html',views.detail), # 正则写法 4 url(r'^detail-(?P<nid>d+).html',views.detail), # 正则分组写法 5 6 视图函数 7 def detail(request,nid): 8 # nid = request.GET.get('nid') 9 curr_info = userlist[nid] 10 return render(request,'detail.html',{'detail_info':curr_info})
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>详细信息</title> 6 </head> 7 <body> 8 <form action="/index" method="post"> 9 <input type="text" name="user" placeholder="用户名" /> 10 <input type="text" name="email" placeholder="email" /> 11 <input type="submit" value="提交" /> 12 </form> 13 <ul> 14 {% for k,v in detail_info.items %} 15 <li>{{ k }} -- {{ v }}</li> 16 {% endfor %} 17 </ul> 18 </body> 19 </html>
使用:reversed 对列表进行反向迭代
{% for athlete in athlete_list reversed %} ... {% endfor %}
使用:{% empty %} 的可选参数检测列表是否为空
{% for athlete in athlete_list %} <p>{{ athlete.name }}</p> {% empty %} <p>There are no athletes. Only computer programmers.</p> {% endfor %}
以下为 for 循环里 forloop模板变量的个别使用和属性说明:
说明:forloop的变量只能在for循环引用。
forloop.counter:当前循环的执行次数的整数计数器,默认从1开始。
{% for item in todo_list %} <p>{{ forloop.counter }}: {{ item }}</p> {% endfor %}
forloop.counter0:当前循环的执行次数从 0 开始计数。
forloop.revcounter :初始执行计数为序列数的总数,最后一次循环计数为1,也就是counter的逆序。
forloop.revcounter0 :功能同上,不同点是列数总数减1.
forloop.first:是一个布尔值,迭代第一次执行置为空
{% for object in objects %} {% if forloop.first %}<li class="first">{% else %}<li>{% endif %} {{ object }} </li> {% endfor %}
forloop.last:是一个布尔值,循环最后一次执行置为:True,常见用法是一系列链接之间放置管道符。如下:
{% for link in links %}{{ link }}{% if not forloop.last %} | {% endif %}{% endfor %}
输入: Link1 | Link2 | Link3 | Link4 这里无管道符
forloop.parentloop :是一个指向当前循环的上一级循环对象的引用。
{% for country in countries %} <table> {% for city in country.city_list %} <tr> <td>Country #{{ forloop.parentloop.counter }}</td> # 循环的上一级 <td>City #{{ forloop.counter }}</td> <td>{{ city }}</td> </tr> {% endfor %} </table> {% endfor %}
ifequal / ifnotequal
ifequal:比较2个值,如果相等,则显示{% ifequal%} 和 {% endifequal%} 之间的数据。可选标签{% else %}实例如下:
比较2个模板变量:user , currentuser
{% ifequal user currentuser %} <h1>Welcome!</h1> {% endifequal %}
注意:ifequal 只支持模板变量,字符串,整数,小数, 其他类型不支持。
过滤器:在模板变量被显示前修改它的值的一个简单方法,使用管道符:( | )
如:{{ name|lower }} :变量name的值被过滤器处理后,显示的值转换为小写。
过滤器参数:跟随冒号之后并用双引号包含,如:{{ bio|truncatewords:"30" }}: 显示变量bio 的前30个字符
重要的过滤器:
addslashes : 添加反斜杠到任何反斜杠、单引号或者双引号前面。 这在处理包含JavaScript的文本时是非常有用的。
date : 按指定的格式字符串参数格式化 date 或者 datetime 对象, 如:{{ pub_date|date:"F j, Y" }}
length : 返回变量的长度。 对于列表,这个参数将返回列表元素的个数。 对于字符串,这个参数将返回字符串中字符的个数。
include 模板标签
{% include %}:该标签允许包含其他的模板内容,标签的参数是所要包含的模板名称,可以是一个变量,也可以是用单/双引号硬编码的字符串。当多个模板出现相同代码的同时,就要使用{% include %} 来减少代码的重复量。如:
{% include 'nav.html' %} {% include "nav.html" %}
{% include template_name %} 参数也可以是一个变量
3:模板继承(实例包含titil,css content,js)
{% extends %}:必须保证其为模板中的第一个模板标记。 否则,模板继承将不起作用。
{% block %}:所有的 {% block %} 标签告诉模板引擎,子模板可以重载这些部分。
{{ block.super }}:这个变量将会表现出父模板中的内容。 如果只想在上级代码块基础上添加内容,而不是全部重载,该变量就显得非常有用了
继承的一种常见方式是下面的三层法:
-
创建 base.html 模板,在其中定义站点的主要外观感受。 这些都是不常修改甚至从不修改的部分。
-
为网站的每个区域创建 base_SECTION.html 模板(例如, base_photos.html 和 base_forum.html )。这些模板对 base.html 进行拓展,并包含区域特定的风格与设计。
-
为每种类型的页面创建独立的模板,例如论坛页面或者图片库。 这些模板拓展相应的区域模板。
实例:master.html 母版
1 {% block func %}{% endblock %} 2 <!DOCTYPE html> 3 <html lang="en"> 4 <head> 5 <meta charset="UTF-8"> 6 <title>{% block tital %}{% endblock %}</title> 7 <link rel="stylesheet" href="/static/commons.css" /> 8 {% block css %}{% endblock %} 9 </head> 10 <body> 11 12 <h1>母版继承</h1> 13 {% block content %}{% endblock %} 14 <script src="/static/jquery-1.12.4.min.js"></script> 15 {% block js %}{% endblock %} 16 </body> 17 </html>
实例:slave.html 继承版
1 {% extends 'master.html' %} 2 {% load func1 %} 3 {% block tital %}继承版{% endblock %} 4 {% block css %} 5 <style> 6 body{ background:#eeeeee} 7 </style> 8 {% endblock %} 9 {% block content %} 10 <h2>继承版本</h2> 11 {% include 'tag.html' %} 12 {% include 'tag.html' %} 13 {% include 'tag.html' %} 14 {% include 'tag.html' %} 15 {% count 20 40 %} 16 {% endblock %} 17 {% block js %} 18 <script>alert('js继承')</script> 19 {% endblock %}
注意:继承一个网页只能继承一个模板
4:模板导入
在html文件中使用:{% include 'tag.html' %} 可以将tag.html网页内容导入到文件中。
5:自定义函数
simple_tag
1:在app下创建templatetags目录
2:在此目录下建立任意xxx.py文件
3:在py文件中注册simple_tag,以下为固定写法,不能修改
from django import template
register = template.Library() # 创建template对象,
@register.simple_tag
def func(a1,a2,a3..):
return "str..."
4:settings中注册app
5:在需要引入的html文件的顶部载入py文件,{% load xxx %}
6:html文件中使用:{% 函数名 arg1 arg2... %}
优点:支持多个参数传入
缺点:不能应用到条件判断中
filter
1:在app下创建templatetags目录
2:在此目录下建立任意xxx.py文件
3:在py文件中注册simple_tag,以下为固定写法,不能修改
from django import template
register = template.Library() # 创建template对象,
@register.filter
def func(a1,a2):
return "str..."
4:settings中注册app
5:在需要引入的html文件的顶部载入py文件,{% load xxx %}
6:html文件中使用:{{ arg1|函数名:arg2 }}
优点:可以应用在条件判断中 {% if "china"|cstr:'beijing' %} {% endif %}
缺点:只支持2个参数传入,不能加空格
如:simple_tag 和 filter
1 from django import template 2 register = template.Library() 3 @register.simple_tag 4 def count(a1,a2,a3): 5 num = a1 + a2 + a3 6 return num 7 @register.filter 8 def cstr(a1,a2): 9 num = a1 + a2 10 return num 11 @register.filter 12 def power(a1): 13 return a1.upper()
html文件对应写法
1 {% load func1 %} # 导入py文件 2 <!DOCTYPE html> 3 <html lang="en"> 4 <head></head> 5 <body> 6 {% count 10 20 %} # 对应simple_tag输出30 7 {{ "china"|cstr:'beijing' }} # 对应filter输出chinabeijing 8 {{ 'china'|power }} #转换为大写 9 </body>