Django模板系统

Posted qiaoqianshitou

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Django模板系统相关的知识，希望对你有一定的参考价值。

变量 {{ 变量名 }}

逻辑操作{% 逻辑操作 %}

点操作在模板语言中是 用于获取对象的相应属性值得。

views.py

 1 def test(request):
 2     l_test = [‘小李飞刀 ‘, ‘一双绣花鞋‘, ‘暗夜心慌慌‘]
 3     d_test = {‘nut‘: ‘coconut‘, ‘fruit‘:‘apple‘, ‘bird‘: ‘wing‘}
 4 
 5     class Program(object):
 6 
 7         def __init__(self, name, host):
 8             self.name = name
 9             self.host = host
10 
11         def clown(self):
12             return ‘{} is very funny‘.format(self.name)
13 
14     amune = Program(‘谢娜‘, ‘快乐大本营‘)
15     elegant = Program(‘汪涵‘, ‘天天向上‘)
16 
17     program_list = [amune, elegant]
18 
19     return render(request, ‘test.html‘, {‘l‘: l_test, ‘d‘: d_test, ‘program‘: program_list})

在html文件中进行点操作

{# 这是模板注释语法 #}

{# 取得列表的第二个元素 #}

{{ l.1 }}

{# 用键从字典里取值 #}

{{ d.nut }}

{# 取对象的属性 #}

{{ program.0.name }}

{# 点操作调用方法 #}

{{ program.1.clown }}

上传文件操作：

Views.py

def index(request):
    if request.method == ‘POST‘:
        file_obj = request.FILES.get(‘img‘)
        file_name = file_obj.name
        with open(file_name, ‘wb‘) as f:
            for line in file_obj.chunks():
                f.write(line)
        print(‘=‘*120)
        name = request.POST.get(‘username‘)
        print(name)
        return HttpResponse(name+‘OK‘)
return render(request, ‘index.html‘)

html文件

<form action="/index/" method="post" enctype="multipart/form-data">
    <input type="text" name="username">
    <input type="file" name="img">
    <input type="submit" name="提交">
</form>

过滤器

（一）filters

{{ value|filter_name:参数 }}

1.设置默认值default

{{ value|default:’parameter’ }}

 2.获取value的长度length

{{ value|length }}

3.将值格式化为文件尺寸filesizeformat

{{ file_name|filesizeformat }}

4.切片slice

{{value|slice:"2:-1"}}

5.格式化时间date

{{ today|date }}

6.safe

为了安全，django会对HTML标签和JS等语法标签自动转义。关闭Django中的自动转义有两种方法：

第一种：

{% autoescape off %}

    {# 这是在py文件里传来的 #}

    {{ h1 }}

    {# 这是从当前html传来的 #}

    {{ ‘<strong>this is a code from html</strong>‘ }}

{% endautoescape %}

第二种：

{{ ‘<h1>this is safe code‘|safe }}

（二）turncatechars

如果字符串多于指定的字符数量将会被截断截断的字符串将可以翻译的省略号序列结尾

{{ turn|truncatechars:150 }}

（三）自定义filter

在app里新建名字为templatetags的python package

在包里创建一个存放自制filter的py文件

在py文件里

from django import template
register = template.Library()

@register.filter(name="cut")
def cut(value, arg):
    return value.replace(arg, "")

@register.filter(name="add_wg")
def add_wg(value):
return "{} 山上".format(value)

在html文件里

{# 先导入我们自定义filter那个文件 #}
{% load xx %}
{# 使用我们自定义的filter #}
{{ ‘cut‘|cut:"0" }}
{{ ‘aa‘|add_wg }}

for标签

for…endfor

<ul>
{% for user in user_list %}
    <li>{{ user.name }}</li>
{% endfor %}
</ul>

参数

技术分享图片 
{{ forloop.counter  }} 当前循环的索引值（从1开始）
{{ forloop.counter0 }} 当前循环的索引值（从0开始）
{{ forloop.revcounter }} 当前循环的倒序索引值（从1开始）
{{ forloop.revcounter0 }} 当前循环的倒序索引值（从0开始）
{{ forloop.first }} 当前循环是不是第一次循环（布尔值）
{{ forloop.last }} 当前循环是不是最后一次循环（布尔值）
{{ forloop.parentloo }} 本层循环的外层循环
View Code

for…empty…endfor

<ul>
{% for user in user_list %}
    <li>{{ user.name }}</li>
{% empty %}
    <li>空空如也</li>
{% endfor %}
</ul>

If标签

if语句支持 and 、or、==、>、<、!=、<=、>=、in、not in、is、is not判断。

If…else…endif

{% if 条件 %}
    条件成立
{% else %}
    条件不成立
{% endif %}

If…elif…else…endif

{% if 条件1 %}
    条件1成立
{% elif 条件2 %}
    条件2成立
{% else %}
    条件1,2都不成立
{% endif %}

With起别名

{% with 别名=原名 %}
    别名应用范围
{% endwith %}

csrf_token

这个标签用于跨站请求伪造保护，在form表单里写{% csrf_token %}

<form action=’’ method=’post’>
{% csrf_token %}
。。。。。。
</form>

CSRF扩展学习网址：CSRF 攻击的应对之道

浏览器同源策略学习网址：浏览器的同源策略

注意事项

第一项：

a=10

b=20

c=-5

连续判断 ：a>b>c

在python中相当于a>b and b>c

在javascript中相当于a>b的结果再与c进行比较

在Django的模板语言中不支持这种写法

第二项：

在Django的模板语言中属性的优先级大于方法

def xx(request):

    d = {"a": 1, "b": 2, "c": 3, "items": "100"}

    return render(request, "xx.html", {"data": d})

如上，我们在使用render方法渲染一个页面的时候，传的字典d有一个key是items并且还有默认的 d.items() 方法，此时在模板语言中:

{{ data.items }}。默认会取d的items key的值。

母版

技术分享图片 
 1 <!DOCTYPE html>
 2 
 3 <html lang="en">
 4 
 5 <head>
 6 
 7   <meta charset="UTF-8">
 8 
 9   <meta http-equiv="x-ua-compatible" content="IE=edge">
10 
11   <meta name="viewport" content="width=device-width, initial-scale=1">
12 
13   <title>Title</title>
14 
15   {# 用于给子页面替换导入的css，这种css是只有该子页面使用的 #}
16 
17   {% block page-css %}
18 
19  
20 
21   {% endblock %}
22 
23 </head>
24 
25 <body>
26 
27  
28 
29 <h1>这是母板的标题</h1>
30 
31 {% block page-main %}
32 
33  
34 
35 {% endblock %}
36 
37 <h1>母板底部内容</h1>
38 
39 {# 用于给子页面替换导入的js，这种js是只有该子页面使用的#}
40 
41 {% block page-js %}
42 
43  
44 
45 {% endblock %}
46 
47 </body>
48 
49 </html>
View Code

子页面继承母版

在子页面的页面最上方使用以下继承

{% extends ‘layouts.html’ %}

 

以上是关于Django模板系统的主要内容，如果未能解决你的问题，请参考以下文章

JavaScript 片段在 Django 模板中不起作用

如何在扩展另一个文件的 django 模板中使用带有动态内容的 html 块片段？

Django模板过滤器 - 一行

Django的模板系统

Django的模板系统

如何在Django视图中使用for循环返回每次迭代[关闭]