from  django.shortcuts import render

 def index(request):
context={
'books':[
'5年高考3年模拟',
'家猪养殖与配种',
'Python 3 面向对象编程',
'MySQL数据库从删库到跑路'
],
'person':{
'username':'randomlee',
'age':'',
'height':''
},
'book2s':[
{
'name':'5年高考3年模拟',
'author':'黄冈中学',
'price':''
},
{
'name':'家猪养殖与配种',
'author':'不知道',
'price':''
},{
'name':'Python 3 面向对象编程',
'author':'a',
'price':''
},{
'name':'MySQL数据库从删库到跑路',
'author':'abc',
'price':''
}
],
'comments':[
' 文章的评论内容'
]
}
return render(request,'index.html',context)

views.py

 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
body {
text-align: center;
background: pink;
{#line-height: 100px;#}
}
td{
border: 1px solid;
padding: 10px; }
table{
text-align: center;
}
</style> </head>
<body>
<ul> {% for book in books reversed %}
<li>{{ book }}</li>
{% endfor %}
</ul>
<ul>
{% for v in person.values %}
<li>{{ v }}</li>
{% endfor %}
{% for k in person.keys %}
<li>{{ k }}</li>
{% endfor %}
{% for k,v in person.items %}
<li>{{ k }}/{{ v }}</li>
{% endfor %} </ul> <table>
<thead>
<tr>
<td>从1开始序号</td>
<td>从0开始序号</td>
<td>反转序号最后一位是1</td>
<td>反转序号最后一位是0</td>
<td>书名</td>
<td>作者</td>
<td>价格</td>
</tr>
</thead>
<tbody> {% for book2 in book2s %}
{% if forloop.first %}
{# 是否是遍历的第一行 #}
<tr style="background: red" >
{% elif forloop.last %}
{# 是否遍历的最后一行#}
<tr style="background: blue">
{% else %}
<tr>
{% endif %}
<td>{{ forloop.counter }}</td>
<td>{{ forloop.counter0 }}</td>
<td>{{ forloop.revcounter }}</td>
<td>{{ forloop.revcounter0 }}</td>
<td>{{ book2.name }}</td>
<td>{{ book2.author }}</td>
<td>{{ book2.price }}</td>
</tr>
{% endfor %} </tbody>
</table> <ul>
{% for comment in comments %}
<li>{{ comment }}</li>
{% empty %}
<li>没有任何评论</li>
{% endfor %} </ul> </body>
</html>

index.html

Django DTL模板语法中的循环的更多相关文章

  1. Django DTL模板语法中的循环的笔记

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

  2. Django DTL模板语法中的过滤器

    template_filter_demo 过滤器相关: 一.形式:小写{{ name | lower }} 二.串联:先转义文本到HTML,再转换每行到 <p> 标签{{ my_text| ...

  3. Django DTL模板语法中的url反转

    """template_url_demo URL Configuration The `urlpatterns` list routes URLs to views. F ...

  4. Django DTL模板语法中定义变量

  5. Django DTL模板语法中的判断

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  6. Django( 学习第五部 Django之模板语法)

    目录 模板语法 --- 传值 摸板语法 --- 过滤器 模板语法 --- 标签 自定义过滤器.标签.inclusion_tag 模板的继承 模板语法 --- 传值 {{}}       变量相关 {% ...

  7. Django框架----模板语法

    Django模板系统 官方文档 一.什么是模板? 只要是在html里面有模板语法就不是html文件了,这样的文件就叫做模板. 二.模板语法分类 只需要记两种特殊符号: {{  }}和 {% %} 变量 ...

  8. Django之模板语法

    Django框架之第三篇模板语法(重要!!!) 一.什么是模板? 只要是在html里面有模板语法就不是html文件了,这样的文件就叫做模板. 二.模板语法分类 一.模板语法之变量:语法为 {{ }}: ...

  9. Django框架(五) Django之模板语法

    什么是模板 只要是在html里面有模板语法就不是html文件了,这样的文件就叫做模板 模板语法分类 模板语法之变量:语法为 {{ 变量名 }}: 在 Django 模板中遍历复杂数据结构的关键是句点字 ...

随机推荐

  1. 10.11NOIP模拟题(2)

    /* string水过 */ #include<bits/stdc++.h> #define N 1001 using namespace std; int n,x,y,m,pre; st ...

  2. php编译安装参数详解

    ./configure --prefix=/usr/local/php --with-config-file-path=/usr/local/php/etc --with-mysql=/usr/loc ...

  3. [Swift]通天遁地Swift

    ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★➤微信公众号:山青咏芝(shanqingyongzhi)➤博客园地址:山青咏芝(https://www.cnblogs. ...

  4. $Hdu1381\ Crazy\ Search$

    前置芝士 :string 的 基本用法 string s = "hello world" ; string tmp(s,0,5) ; cout << tmp <& ...

  5. hihocoder #1698 假期计划 (排列组合+费马小定理+乘法逆元)

    Description 小Ho未来有一个为期N天的假期,他计划在假期中看A部电影,刷B道编程题.为了劳逸结合,他决定先拿出若干天看电影,再拿出若干天刷题,最后再留若干天看电影.(若干代指大于0)  每 ...

  6. c语言数据读入---sscanf、fscanf

    #include <iostream> #include <cstdio> #include <cstring> #include <stdlib.h> ...

  7. 371 Sum of Two Integers 两整数之和

    不使用运算符 + 和-,计算两整数a .b之和.示例:若 a = 1 ,b = 2,返回 3. 详见:https://leetcode.com/problems/sum-of-two-integers ...

  8. ios基础笔试题-集锦二

    前言 下文转载自:http://www.henishuo.com/objc-interview-two/ 1.即时聊天App不会采用的网络传输方式 A. UDP B. TCP C. HTTP D. F ...

  9. 往文件内写入内容(java)

    新建个工具类,并标记成静态的,方便调用. package util; import java.io.File;import java.io.FileOutputStream; public class ...

  10. es6之数据结构 set,WeakSet,mapWeakMap

    { let list = new Set(); list.add(1); list.add(2); list.add(1); console.log(list); //Set(2) {1, 2} le ...