Django模板进阶

本节主要讲 Django模板中的循环，条件判断，常用的标签，过滤器的使用。

1. 列表，字典，类的实例的使用

2. 循环：迭代显示列表，字典等中的内容

3. 条件判断：判断是否显示该内容，比如判断是手机访问，还是电脑访问，给出不一样的代码。

4. 标签：for，if 这样的功能都是标签。

5. 过滤器：管道符号后面的功能，比如{{ var|length }}，求变量长度的 length 就是一个过滤器。

如果需要将一个或多个变量共享给多个网页或者所有网页使用，比如在网页上显示来访者的IP，这个可以使用 Django 上下文渲染器 来做。

实例一：显示一个基本的字符串在网页上

views.py

在视图中我们传递了一个字符串名称是string到模板  home.html, 在模板中这样使用它

home.html

{{  var }}

实例二，讲解了基本的for循环和List内容的显示

views.py

1

2

3

def home(request):

    TutorialList = ["HTML", "CSS", "jQuery", "Python", "Django"]

    return render(request, 'home.html', {'TutorialList': TutorialList})

在视图中我们传递了一个List到模板 home.html，在模板中这样使用它：

home.html

1

2

3

4

教程列表：

{% for i in TutorialList %}

{{ i }}

{% endfor %}

for 循环要有一个结束标记，上面的代码假如我们对应的是首页的网址（自己修改urls.py），显示在网页上就是：

简单总结一下：一般的变量之类的用 {{ }}（变量），功能类的，比如循环，条件判断是用 {%  %}（标签）

实例三，显示字典中内容：

views.py

1

2

3

def home(request):

    info_dict = {'site': u'自强学堂', 'content': u'各种IT技术教程'}

    return render(request, 'home.html', {'info_dict': info_dict})

home.html

1

站点：{{ info_dict.site }} 内容：{{ info_dict.content }}

在模板中取字典的键是用点info_dict.site，而不是Python中的 info_dict['site']，效果如下：

还可以这样遍历字典：

1

2

3

{% for key, value in info_dict.items %}

    {{ key }}: {{ value }}

{% endfor %}

其实就是遍历这样一个 List:  [('site', u'自强学堂'), ('content', u'各种IT技术教程')]

实例四，在模板进行 条件判断和 for 循环的详细操作：

views.py

1

2

3

def home(request):

    List = map(str, range(100))# 一个长度为100的 List

    return render(request, 'home.html', {'List': List})

假如我们想用逗号将这些元素连接起来：

home.html

1

2

3

{% for item in List %}

    {{ item }}, 

{% endfor %}

效果如下：

我们会发现最后一个元素后面也有一个逗号，这样肯定不爽，如果判断是不是遍历到了最后一个元素了呢？

用变量 forloop.last 这个变量，如果是最后一项其为真，否则为假，更改如下：

1

2

3

{% for item in List %}

    {{ item }}{% if not forloop.last %},{% endif %} 

{% endfor %}

当列表中可能为空值时用 for  empty

1

2

3

4

5

6

7

<ul>

{% for athlete in athlete_list %}

    <li>{{ athlete.name }}</li>

{% empty %}

    <li>抱歉，列表为空</li>

{% endfor %}

</ul>

实例六，模板中的逻辑操作：

6.1、   ==, !=, >=, <=, >, < 这些比较都可以在模板中使用，比如：

1

2

3

4

5

6

7

8

9

10

11

{% if var >= 90 %}

成绩优秀，自强学堂你没少去吧！学得不错

{% elif var >= 80 %}

成绩良好

{% elif var >= 70 %}

成绩一般

{% elif var >= 60 %}

需要努力

{% else %}

不及格啊，大哥！多去自强学堂学习啊！

{% endif %}

（注意：比较符号前后必须有至少一个空格！）

and, or, not, in, not in 也可以在模板中使用

假如我们判断 num 是不是在 0 到 100 之间：

1

2

3

4

5

{% if num <= 100 and num >= 0 %}

num在0到100之间

{% else %}

数值不在范围之内！

{% endif %}

假如我们判断 'ziqiangxuetang' 在不在一个列表变量 List 中：

1

2

3

{% if 'ziqiangxuetang' in List %}

自强学堂在名单中

{% endif %}

实例七，模板中 获取当前网址，当前用户等：

如果不是在 views.py 中用的 render 函数，是 render_to_response 的话，需要将 request 加入到 上下文渲染器（点击查看详细）

Django 1.8 及以后 修改 settings.py （Django 1.11 中新建的项目已经默认加上了）

1

2

3

4

5

6

7

8

9

10

11

12

13

14

TEMPLATES = [

    {

        'BACKEND': 'django.template.backends.django.DjangoTemplates',

        'DIRS': [],

        'APP_DIRS': True,

        'OPTIONS': {

            'context_processors': [

                ...

                'django.template.context_processors.request',

                ...

            ],

        },

    },

]

Django 1.7 及以前 修改 settings.py：

如果没有 TEMPLATE_CONTEXT_PROCESSORS 请自行添加下列默认值：

1

2

3

4

5

6

7

8

9

TEMPLATE_CONTEXT_PROCESSORS = (

    "django.contrib.auth.context_processors.auth",

    "django.core.context_processors.debug",

    "django.core.context_processors.i18n",

    "django.core.context_processors.media",

    "django.core.context_processors.static",

    "django.core.context_processors.tz",

    "django.contrib.messages.context_processors.messages",

)

然后再加上 django.core.context_processors.request

1

2

3

4

5

TEMPLATE_CONTEXT_PROCESSORS = (

    ...

    "django.core.context_processors.request",

    ...

)

然后在 模板中我们就可以用 request 了。一般情况下，推荐用 render 而不是用 render_to_response

7.1 获取当前用户：

1

{{ request.user }}

如果登陆就显示内容，不登陆就不显示内容：

1

2

3

4

5

{% if request.user.is_authenticated %}

    {{ request.user.username }}，您好！

{% else %}

    请登陆，这里放登陆链接

{% endif %}

7.2.1 获取当前网址：

1

{{ request.path }}

7.2.2 获取当前 GET 参数：

1

{{ request.GET.urlencode }}

7.2.3 合并到一起用的一个例子：

1

<a href="{{ request.path }}?{{ request.GET.urlencode }}&delete=1">当前网址加参数 delete</a>