for标签使用详解：

for...in... 标签： for...in... 类似于 Python 中的 for...in... 。可以遍历列表、元组、字符串、字典等一切可以遍历的对象。示例代码如下：

{% for person in persons %}

    <p>{{ person.name }}</p>

{% endfor %}

如果想要反向遍历，那么在遍历的时候就加上一个 reversed 。示例代码如下：

{% for person in persons reversed %}

    <p>{{ person.name }}</p>

{% endfor %}

遍历字典的时候，需要使用 items 、 keys 和 values 等方法。在 DTL 中，执行一个方法不能使用圆括号的形式。遍历字典示例代码如下：

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

    <p>key：{{ key }}</p>

    <p>value：{{ value }}</p>

{% endfor %}

在 for 循环中， DTL 提供了一些变量可供使用。这些变量如下：

  • forloop.counter ：当前循环的下标。以1作为起始值。
  • forloop.counter0 ：当前循环的下标。以0作为起始值。
  • forloop.revcounter ：当前循环的反向下标值。比如列表有5个元素，那么第一次遍历这个属性是等于5，第二次是4，以此类推。并且是以1作为最后一个元素的下标。
  • forloop.revcounter0 ：类似于forloop.revcounter。不同的是最后一个元素的下标是从0开始。
  • forloop.first ：是否是第一次遍历。
  • forloop.last ：是否是最后一次遍历。
  • forloop.parentloop ：如果有多个循环嵌套，那么这个属性代表的是上一级的for循环。

3. for...in...empty 标签：这个标签使用跟 for...in... 是一样的，只不过是在遍历的对象如果没有元素的情况下，会执行 empty 中的内容。示例代码如下：

{% for person in persons %}

    <li>{{ person }}</li>

{% empty %}

    <li>暂时还没有任何人</li>

{% endfor %}

实例代码如下：

views.py：

from django.shortcuts import render

# Create your views here.

# my_dict = {"name": 'tom'}

# my_list = ["jerry",]

# my_tupe = ("alice",)

my_dict = {'books':[

                    {"name":'红楼梦','author':'曹雪芹',"price":150},

                    {"name":'水浒传','author':'罗贯中',"price":140},

                    {"name":'三国演义','author':'施耐庵',"price":160},

                    {"name":'西游记','author':'吴承恩',"price":130},

                    ],

            # "comment": ['内容不错', "真的假的啊"],

            "comment": [],

           }

def index(request):

    return render(request, 'index.html', context=my_dict)

    # return render(request, 'index.html', context={'age': 20})

    # return render(request, 'index.html', context={'username': "jack_cheng",

    #                                               'list1':my_dict,

    #                                               'list2':my_list,

    #                                               'list3':my_tupe})

url.py:

from django.contrib import admin

from django.urls import path

from front import views

urlpatterns = [

    path('admin/', admin.site.urls),

    path('front/', views.index),

]

index.html:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

{#<p>字符串：{{ username }}</p>#}

{#<p>字典：{{ list1.name }}</p>#}

{#<p>列表：{{ list2.0 }}</p>#}

{#<p>元组：{{ list3.0 }}</p>#}

{#{% if age < 18 %}#}

{#    <p>您是未成年人</p>#}

{#{% elif age >= 18 and age < 80 %}#}

{#    <p>您是成年人</p>#}

{#{% else %}#}

{#    <p>您是老年人</p>#}

{#{% endif %}#}

<table>

    <thead>

        <tr>

            <td>序号</td>

            <td>作者</td>

            <td>书名</td>

            <td>价格</td>

        </tr>

    </thead>

    <tbody>

    {% for book in books  %}

        {% if forloop.first %}

            <tr style="background: red;">

        {% elif forloop.last %}

            <tr style="background: pink">

        {% else %}

            <tr>

        {% endif %}

            <td>{{ forloop.counter }}</td>

            <td>{{ book.name }}</td>

            <td>{{ book.author }}</td>

            <td>{{ book.price }}</td>

        </tr>

    {% endfor %}

    </tbody>

</table>

{% for item in comment %}

    <li>{{ item }}</li>

{% empty %}

    <li>抱歉内容为空</li>

{% endfor %}

</body>

</html>

027：for标签使用详解的更多相关文章

  1. Drawable实战解析：Android XML shape 标签使用详解（apk瘦身，减少内存好帮手）

    Android XML shape 标签使用详解   一个android开发者肯定懂得使用 xml 定义一个 Drawable,比如定义一个 rect 或者 circle 作为一个 View 的背景. ...

  2. HTML标签----图文详解（二）

    HTML标签超详细的图文演示再来一波~~~ 如果还没有看过昨天的福利的,那可要抓紧喽,传送门:HTML标签----图文详解 本文主要内容 列表标签 表格标签 框架标签及内嵌框架<iframe&g ...

  3. HTML标签----图文详解

    国庆节快乐,还在加班的童鞋,良辰必有重谢! 本文主要内容 头标签 排版标签:<p>     <br>     <hr>     <center>     ...

  4. Struts标签库详解【3】

    struts2标签库详解 要在jsp中使用Struts2的标志,先要指明标志的引入.通过jsp的代码的顶部加入以下的代码: <%@taglib prefix="s" uri= ...

  5. Android XML shape 标签使用详解（apk瘦身，减少内存好帮手）

    Android XML shape 标签使用详解   一个android开发者肯定懂得使用 xml 定义一个 Drawable,比如定义一个 rect 或者 circle 作为一个 View 的背景. ...

  6. 【jsp】JSTL标签大全详解

    一.JSTL标签介绍 1.什么是JSTL? JSTL是apache对EL表达式的扩展(也就是说JSTL依赖EL),JSTL是标签语言!JSTL标签使用以来非常方便,它与JSP动作标签一样,只不过它不是 ...

  7. POM标签大全详解

    父(Super) POM <project xmlns = "http://maven.apache.org/POM/4.0.0" xmlns:xsi = "htt ...

  8. 029：url标签使用详解

    url标签使用详解: 在模版中,我们经常要写一些 url ,比如某个 a 标签中需要定义 href 属性.当然如果通过硬编码的方式直接将这个 url 写死在里面也是可以的.但是这样对于以后项目维护可能 ...

  9. 028：with标签使用详解

    with标签使用详解: 1.在模板中享用使用变量,可以通过  with  语句实现: 2.with  有两种用法,具体情况如下 ( 包括注意事项 ) : index.html: <p>wi ...

随机推荐

  1. CSS - 初始值、指定值、计算值、应用值、实际值

    初始值:未提供指定值且未从父元素指定值继承的 CSS 属性的值. 指定值:通过直接声明或 CSS 属性的值. 计算值:通过需要计算得到的值,如,继承和相对的尺寸.(注意:有些计算要等到布局确定才能进行 ...

  2. Win7下64位机安装SQL2000

    win7下64位机安装SQLSERVER20001．右击计算机属性,查看操作系统 2．打开安装文件夹,按图点击 3.开始安装 4． 下一步选择 安装SQL Server2000 组件 5． 下一步 选 ...

  3. [USACO 2008 Jan. Silver]架设电话线 —— 最短路+二分

    一道图论的最短路题.一开始连最短路都没想到,可能是做的题太少了吧,完全没有思路. 题目大意: FJ的农场周围分布着N根电话线杆,任意两根电话线杆间都没有电话线相连.一共P对电话线杆间可以拉电话线,第i ...

  4. 安全运维 - Windows系统维护

    Windows系统加固 账户管理和啊认证授权 日志配置操作 IP协议安全配置:启用SYN攻击保护 文件权限 服务安全 安全选项:启动安全选项.禁用未登录前关机 其他安全配置: 防病毒管理.设置屏幕保护 ...

  5. Ubuntu操作系统的总结操作

    一.Ubuntu系统环境变量 Ubuntu Linux系统环境变量配置文件分为两种:系统级文件和用户级文件 1.系统级文件: /etc/profile:在登录时,操作系统定制用户环境时使用的第一个文件 ...

  6. ceph部署-基础部署

    一.硬件要求:CPU:4C内存:每个守护进程需要500MRAM,1TB存储对应1GRAM磁盘:至少1TB网卡:1GB以上,最好两个 centos7环境安装 二.CEPH安装1.建立管理节点(1)添加y ...

  7. display:table

    display:table的CSS声明能够让一个HTML元素和它的子节点像table元素一样.使用基于表格的CSS布局,使我们能够轻松定义一个单元格的边界.背景等样式,而不会产生因为使用了table那 ...

  8. CentOSLinux系统中Ansible自动化运维的安装以及利用Ansible部署JDK和Hadoop

    Ansible 安装和配置 Ansible 说明 Ansible 官网:https://www.ansible.com/ Ansible 官网 Github:https://github.com/an ...

  9. Appium+Python之生成html测试报告

    思考:测试用例执行后,如何生成一个直观漂亮的测试报告呢? 分析:1.unittest单元测试框架本身带有一个textTestRunner类,可以生成txt文本格式的测试报告,但是页面不够直观 2.我们 ...

  10. 详解 vue 双向数据绑定的原理，并实现一组双向数据绑定

    1:vue 双向数据绑定的原理: Object.defineProperty是ES5新增的一个API,其作用是给对象的属性增加更多的控制Object.defineProperty(obj, prop, ...