Django模板语法

Posted 2020-12-22 baicai37

tags:

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

模板应用实例：

技术图片

文件说明：

# views.py   app01的视图层函数
# urls.py     路由(路径与视图函数的对应关系)
# Grammar_test.html    html文件

day59day59urls.py

from django.conf.urls import url
from django.contrib import admin
from app01 import views

urlpatterns = [
    url(r‘^admin/‘, admin.site.urls),
    # 写我们自己的路由与视图函数对应关系,这里我们可以根据功能的不同执行不同的app下面的views
    url(r‘^index/‘, views.index),
    url(r‘^get_user/‘, views.get_user),
    url(r‘^test/‘, views.test),
]

day59app01views.py

from django.shortcuts import render,HttpResponse,redirect

#语法测试
def test(request):
    user_data = {"username":"egon","age":18,"sex":"male","hobby":"DBJ"}

    return render(request,"Grammar_test.html",{"user_dict":user_data})    #第三个参数：键对应html获取的变量名，值对应html获取的变量名对应的值

day59 emplatesGrammar_test.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
{{ user_dict }}
</body>
</html>

访问http://127.0.0.1:8000/test/ 查看：

技术图片

这样就实现了通过后端向html文件输入内容

模板语法

注释

Django 注释使用 {# #}。

{# 这是一个注释 #}

变量

模板语法：

# views.py里面：｛"HTML变量名" : "views变量名"｝
# HTML文件引用：｛｛变量名｝｝

views.py

#语法测试
def test(request):
    username = "egon"
    return render(request,"Grammar_test.html",{"name":username})

Grammar_test.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

{{ name }}

</body>
</html>

浏览器访问：

技术图片

列表

Grammar_test.html中，可以用点"."索引下标取出对应的元素。

views.py

#语法测试
def test(request):
    # user_data = {"username":"egon","age":18,"sex":"male","hobby":"DBJ"}
    views_list = ["egon","tank","jason"]
    return render(request,"Grammar_test.html",{"t_list":views_list})

Grammar_test.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

{{ t_list }}   # 取出整个列表
<!--可以通过.索引下标方式取值-->
{{ t_list.0 }}  # 取出列表的第一个元素
{{ t_list.1 }}  # 取出列表的第二个元素
{{ t_list.2 }}  # 取出列表的第三个元素

</body>
</html>

访问浏览器：

技术图片

字典

Grammar_test.html中，可以用点"."键取出对应的值。

views.py

#语法测试
def test(request):
    user_data = {"username":"egon","age":18,"sex":"male","hobby":"DBJ"}
    return render(request,"Grammar_test.html",{"t_dict":user_data})

Grammar_test.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<!--取整个字典-->
{{ t_dict }}
<!--取字典中指定键对应的值-->
{{ t_dict.username }}
{{ t_dict.age }}
{{ t_dict.sex }}
{{ t_dict.hobby }}


</body>
</html>

在浏览器中访问

技术图片

if/else 标签

基本语法：

# 单分支
{% if condition %}
     ... display
{% else %}
    ... display
{% endif %}

# 多分支
{% if condition1 %}
   ... display 1
{% elif condition2 %}
   ... display 2
{% else %}
   ... display 3
{% endif %}

根据条件判断是否输出。if/else 支持嵌套。

{% if %} 标签接受 and ， or 或者 not 关键字来对多个变量做判断，或者对变量取反（ not )，

也可以使用关系比较操作符：

> < >= <= == !=

注意：进行比较操作时，比较操作符两边必须有空格。

例如：

{% if athlete_list and coach_list %}
     athletes 和 coaches 变量都是可用的。
{% endif %}

实例：

views.py

#语法测试
def test(request):
    # user_data = {"username":"egon","age":18,"sex":"male","hobby":"DBJ"}
    score = 77
    return render(request,"Grammar_test.html",{"user_score":score})

Grammar_test.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
{% if user_score >= 90 %}
    优秀
{% elif user_score >= 80 and user_score < 90 %}
    良好
{% else %}
    一边玩去
{% endif %}
</body>
</html>

浏览器访问

技术图片

for标签

{% for %} 允许我们在一个序列上迭代。

与 Python 的 for 语句的情形类似，循环语法是 for X in Y ，Y 是要迭代的序列而 X 是在每一个特定的循环中使用的变量名称。

语法：

{% for x in  y %}
    display...
{% endfor %}

每一次循环中，模板系统会渲染在 {% for %} 和 {% endfor %} 之间的所有内容。

例如，给定一个运动员列表 athlete_list 变量，我们可以使用下面的代码来显示这个列表：

<ul>
{% for athlete in athlete_list %}
    <li>{{ athlete.name }}</li>
{% endfor %}
</ul>

遍历列表

使用语法：

{% for x in 列表 %}
  列表不为空时执行
{% empty %}
  列表为空时执行
{% endfor %}

实例1：列表不为空

views.py

#语法测试
def test(request):
    # user_data = {"username":"egon","age":18,"sex":"male","hobby":"DBJ"}
    t_list = ["egon","tank","jason"]
    return render(request,"Grammar_test.html",{"teacher_list":t_list})

Grammar_test.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <ul>
        {% for teacher in teacher_list %}
            <li>{{ teacher }}</li>
        {% endfor %}
    </ul>
</body>
</html>

浏览器访问：

技术图片

实例2：列表为空

views.py

#语法测试
def test(request):
    # user_data = {"username":"egon","age":18,"sex":"male","hobby":"DBJ"}
    t_list = []
    return render(request,"Grammar_test.html",{"teacher_list":t_list})

Grammar_test.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <ul>
        {% for teacher in teacher_list %}
            <li>{{ teacher }}</li>
        {% empty %}
            <li>列表为空</li>
        {% endfor %}
    </ul>
</body>
</html>

浏览器访问

技术图片

给标签增加一个 reversed 使得该列表被反向迭代：

views.py

#语法测试
def test(request):
    # user_data = {"username":"egon","age":18,"sex":"male","hobby":"DBJ"}
    t_list = ["egon","tank","jason"]
    return render(request,"Grammar_test.html",{"teacher_list":t_list})

Grammar_test.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <ul>
        {% for teacher in teacher_list reversed %}
            <li>{{ teacher }}</li>
        {% empty %}
            <li>列表为空</li>
        {% endfor %}
    </ul>
</body>
</html>

浏览器访问

技术图片

遍历字典

可以直接用字典 .items 方法，用变量的解包分别获取键和值。

views.py

#语法测试
def test(request):
    user_data = {"username":"egon","age":18,"sex":"male","hobby":"DBJ"}
    return render(request,"Grammar_test.html",{"user_dict":user_data})

Grammar_test.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <ul>
        {% for key,value in user_dict.items %}
            <li>{{ key }}:{{ value }}</li>
        {% endfor %}
    </ul>
</body>
</html>

浏览器访问

技术图片

在 {% for %} 标签里可以通过 {{forloop}} 变量获取循环序号。

forloop.counter: 顺序获取循环序号，从 1 开始计算
forloop.counter0: (可以配合依据索引取值的变量) 顺序获取循环序号，从 0 开始计算
forloop.revcounter: 倒叙获取循环序号，结尾序号为 1
forloop.revcounter0:(可以配合依据索引取值的变量) 倒叙获取循环序号，结尾序号为 0
forloop.first（一般配合if标签使用）: 第一条数据返回 True，其他数据返回 False
forloop.last（一般配合if标签使用）: 最后一条数据返回 True，其他数据返回 False

示例：

views.py

#语法测试
def test(request):
    views_list = ["a", "b", "c", "d", "e"]
    return render(request,"Grammar_test.html",{"data_list":views_list})

Grammar_test.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

{% for i in data_list %}
    {{ forloop.counter }}
{% endfor %}
<hr>
{% for i in data_list %}
    {{ forloop.counter0 }}
{% endfor %}
<hr>
{% for i in data_list %}
    {{ forloop.revcounter }}
{% endfor %}
<hr>
{% for i in data_list %}
    {{ forloop.revcounter0 }}
{% endfor %}
<hr>
{% for i in data_list %}
    {{ forloop.first }}
{% endfor %}
<hr>
{% for i in data_list %}
    {{ forloop.last }}
{% endfor %}
</body>
</html>

浏览器访问

技术图片

过滤器

模板过滤器可以在变量被显示前修改它，过滤器使用管道字符

模板语法：

{{ 变量名 | 过滤器：可选参数 }}

将大写字母改小写

{{ name|lower }}

views.py

#语法测试
def test(request):
    user_data = "Egon"
    return render(request,"Grammar_test.html",{"t_data":user_data})

Grammar_test.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
{{ t_data|lower }}
</body>
</html>

浏览器访问

技术图片

过滤管道可以被* 套接* ，既是说，一个过滤器管道的输出又可以作为下一个管道的输入：

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

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

每当我将 Python 代码放入 Django 模板时都会出现语法错误

django 源码模板的语法符号的使用

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

django模板语法

Django 模板过滤器语法错误

Django模板语法

目录：

模板应用实例：

模板语法

注释

变量

列表

字典

if/else 标签

基本语法：

for标签

语法：

遍历列表

使用语法：

实例1：列表不为空

实例2：列表为空

给标签增加一个 reversed 使得该列表被反向迭代：

遍历字典

在 {% for %} 标签里可以通过 {{forloop}} 变量获取循环序号。

过滤器

模板语法：

将大写字母改小写