zoukankan      html  css  js  c++  java
  • 第二十一节 模板中的for标签

    views.py 代码

     1 from django.shortcuts import render,HttpResponse,redirect,reverse
     2 
     3 def index(request):
     4     context = {
     5         'books':['林花谢了春红', '太匆匆', '无奈朝来寒雨', '晚来风', '胭脂泪', '相留醉', '几时重', '自是人生长恨水长东'],
     6         'heros':{
     7             'name':'jinx',
     8             'age':19,
     9             'height':185
    10         }
    11     }
    12     return render(request, 'index.html', context=context)

    index.html 代码

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>模板渲染</title>
     6 </head>
     7 <body>
     8     <ul>
     9         {% for book in books reversed %}
    10             <!-- 不支持continue和break -->
    11             {% if forloop.first %}
    12             <!-- 判断是否是第一次遍历 -->
    13                 <li style="background: gold;"></li>
    14             {% elif forloop.last
    15             <!-- 判断是否是最后一次遍历 -->
    16                 <li style="background: red;"></li>
    17             {% endif %}
    18             <li>{{forloop.revcounter0}}.{{ book }}</li>
    19             <!-- {{forloop.counter}} 从1开始,表示遍历到第几个
    20                  {{forloop.counter0}} 从0开始
    21                  {{forloop.revcounter}} 反向最小是1
    22                  {{forloop.revcounter0}} 反向最小是0 -->
    23         {% endfor %}
    24         <br>
    25     </ul>
    26     <br>
    27     <ul>
    28         {% for key in heros.keys %}
    29             <li>{{ key }}</li>
    30         {% empty %}
    31         <!-- 如果字典中没有任何内容,就显示下面的内容 -->
    32             <li>这是一个空字典</li>
    33         {% endfor %}
    34     </ul>
    35     <br>
    36     <ul>
    37         {% for value in heros.values %}
    38             <li>{{ value }}</li>
    39         {% endfor %}
    40     </ul>
    41     <br>
    42     <ul>
    43         {% for key, value in heros.items %}
    44             <li>{{ key }}:{{ value }}</li>
    45         {% endfor %}
    46     </ul>
    47 </body>
    48 </html>
  • 相关阅读:
    MS SQL SERVER导出表结构到Excel
    Ajax.ActionLink用法
    Layer弹出层关闭后刷新父页面
    Ajax.BeginForm提示不支持live属性或方法的错误
    BootStrap带样式打印
    利用JQuery jsonp实现Ajax跨域请求 .Net 的*.handler 和 WebService,返回json数据
    Bootstrap打印问题
    EF的表左连接方法Include和Join
    vs code的local history插件
    idea debug的drop frame,set watch和设置过滤条件
  • 原文地址:https://www.cnblogs.com/kogmaw/p/12445522.html
Copyright © 2011-2022 走看看