码迷，mamicode.com
首页 > 其他好文 > 详细

Django模板语法

时间：2020-05-24 16:29:56      阅读：63      评论：0      收藏：0      [点我收藏+]

标签：优秀   def   遍历   实例   接受   condition   each   一个   变量   

目录：

 

模板应用实例：

技术图片

 文件说明：

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

day59\day59\urls.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),
]

day59\app01\views.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\templates\Grammar_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模板语法

标签：优秀   def   遍历   实例   接受   condition   each   一个   变量   

原文地址：https://www.cnblogs.com/baicai37/p/12943989.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
登录后才能评论！
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
mamicode.com排行更多图片
更多
友情链接
兰亭集智   国之画   百度统计   站长统计   阿里云   chrome插件   新版天听网
关于我们 - 联系我们 - 留言反馈
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码！