from flask import Flask,render_template

app = Flask(__name__)

app.config.update(

    DEBUG = True,

)

@app.route('/')

def index():

    context = {

        'user':['老男孩是垃圾1','老男孩是垃圾2','老男孩是垃圾3'],

        'person':{

            'name':"xiaowu",

            'age': 18,

            'salary' : 10000,

        },

        'books':[

            {

                'name':'三国演义',

                'author':'罗贯中',

                'price':110

            },

            {

                'name': '红楼梦',

                'author': '曹雪芹',

                'price': 109

            },

            {

                'name': '西游记',

                'author': '吴承恩',

                'price': 111

            },

            {

                'name': '水浒传',

                'author': '施耐庵',

                'price': 112

            },

        ]

    }

    return render_template('for_used.html',**context)

if __name__ == '__main__':

    app.run()
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>for模板使用</title>

    <style>

        th,td{

            border: solid 1px silver

        }

    </style>

</head>

<body>

    <h1>for循环的模板使用</h1>

    <!--reverse过滤器,反转列表元素-->

    {% for foo in user|reverse %}

        <li>{{ foo }}</li>

    <!--user中没有任何值，是空列表-->

    {% else %}

        <p>列表中没有任何值</p>

    {% endfor %}

    <table style="border-spacing: 1px;">

        <thead>

            <tr>

                <th>姓名</th>

                <th>年龄</th>

                <th>薪水</th>

            </tr>

        </thead>

        <tbody>

            <tr>

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

                <td>{{ person.age }}</td>

                <td>{{ person.salary }}</td>

            </tr>

        </tbody>

    </table>

    <table style="border-spacing: 1px;">

        <thead>

            <tr>

                <th>姓名</th>

                <th>年龄</th>

                <th>薪水</th>

            </tr>

        </thead>

        <tbody>

            <tr>

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

                    <td>{{ value }}</td>

                {% endfor %}

            </tr>

            <!--下面的写法-->

            <tr>

                {% for value in person.values()%}

                    <td>{{ value }}</td>

                {% endfor %}

            </tr>

        </tbody>

    </table>

    <!--------------------------------------------------------------------->

    <table>

        <thead>

            <tr>

                <th>序号</th>

                <th>书名</th>

                <th>作者</th>

                <th>价格</th>

            </tr>

        </thead>

        <tbody>

                {% for book in books %}

                    <!--loop.first,看是否是第一迭代，是True,不是false-->

                    {% if loop.first %}

                        <tr style="background: red">

                    <!--loop.last，看是否是最后一次迭代，是True，不是false-->

                    {% elif loop.last %}

                        <tr style="background: green">

                    {% else %}

                        <tr>

                    {% endif %}

                    <!---loop.index 从1开始计数，计数列表有多少元素-->

                    <!---loop.index0 从0开始技术-->

                        <td>{{ loop.index }}</td>

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

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

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

{#                        <td style="row-span: 4">#}

{#                        <!--loop.length的列表的长度-->#}

{#                            <h4>总数:{{ loop.length }}</h4>#}

{#                        </td>#}

                    </tr>

                {% endfor %}

        </tbody>

        <tfoot>

                <tr>

                    <td>

                        <p style="font-weight: bold;font-size: 12px">总数</p>

                    </td>

                    <!--rowspan中必须指定要合并的列数目，是两行还是三行等等-->

                    <!--colspan中必须指定要合并的列数目，是两列还是三列等等-->

                    <td colspan="" style="text-align: center">

                        4

                    </td>

                </tr>

        </tfoot>

    </table>

</body>

</html>

模板中for 的使用的更多相关文章

  1. ThinkPHP+Smarty模板中截取包含中英文混合的字符串乱码的解决方案

    好几天没写博客了,其实有好多需要总结的,因为最近一直在忙着做项目,但是困惑了几天的Smarty模板中截取包含中英文混合的字符串乱码的问题,终于解决了,所以记录下来,需要的朋友看一下: 出现乱码的原因: ...

  2. SMARTY模板中如何使用get,post,request,cookies,session,server变量

    {$smarty}保留变量不需要从PHP脚本中分配,是可以在模板中直接访问的数组类型变量,通常被用于访问一些特殊的模板变量.例如,直接在模板中访问页面请求变量.获取访问模板时的时间戳.直接访问PHP中 ...

  3. django url路径与模板中样式相对路径的问题

    static目录下有css和js及image等文件夹,里面放置网站的一些静态文件,static位于网站根目录下,django中配置静态文件这个就细说,网上都有,昨天在添加新内容时发现一个问题,我的ur ...

  4. 走进AngularJs(二) ng模板中常用指令的使用方式

    通过使用模板,我们可以把model和controller中的数据组装起来呈现给浏览器,还可以通过数据绑定,实时更新视图,让我们的页面变成动态的.ng的模板真是让我爱不释手.学习ng道路还很漫长,从模板 ...

  5. [原创]java WEB学习笔记109：Spring学习---spring对JDBC的支持：使用 JdbcTemplate 查询数据库，简化 JDBC 模板查询，在 JDBC 模板中使用具名参数两种实现

    本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱 ...

  6. Thinkphp回顾(五)之前台模板中的基本语法

    一.导入CSS和JS文件 的三种方式  (了解) 1.link方式(常规) <link rel=’stylesheet’ type=’text/css’ href=’__PUBLIC__/Js/ ...

  7. Thymeleaf+SpringMVC，如何从模板中获取数据

    Thymeleaf+SpringMVC,如何从模板中获取数据 在一个典型的SpringMVC应用中,带@Controller注解的类负责准备数据模型Map的数据和选择一个视图进行渲染.这个模型Map对 ...

  8. ThinkPHP模板中如何操作session，以及如果session中保存的是数组的情况

    在ThinkPHP的模板中操作session时,可以参考ThinkPHP参考文档中的“模板—>系统变量”部分,在默认模板引擎中,语法如下: {$Think.session.user} //输出s ...

  9. ejs模板中的四种表达式输出形式

    在ejs模板中,通常会用下面四种方式在HTML中输出服务端的变量或表达式的值: 1. 直接在<%%>中写表达式或变量.这种情况通常只是用来进行表达式计算或给变量赋值,不会有任何输出,被称作 ...

  10. django 模板中url的处理

    在模板中直接添加‘/home’这样的链接是十分不推荐的,因为这是一个相对的链接,在不同网页中打开可能会返回不一样的结果. 所以推荐的是 <a href="{{ object.get_a ...

随机推荐

  1. mahout从入门到放弃--安装（1）

    1.稀里糊涂下载 我的集群是hadoop 2.7.3 ,本来想找到对应的mahout版本,但是没有找到.本着安全原则,mahout最新版本是0.14.0,回退一个版本使用0.13.0 mahout地址 ...

  2. Python 文件I/OⅢ

    read()方法 read()方法从一个打开的文件中读取一个字符串.需要重点注意的是,Python字符串可以是二进制数据,而不是仅仅是文字. 语法: 在这里,被传递的参数是要从已打开文件中读取的字节计 ...

  3. node的安装和配置教程

    node,除了做数据服务处理,还是各大框架的环境依赖,作为前端开发人员,node是必不可少的.好了,接下来直接开始. 一.根据自己的安装环境(即你的电脑系统版本)下载对应安装包,官网地址:https: ...

  4. Cookie相关工具方法

    /** * InputStream转化为byte[]数组 * @param input * @return * @throws IOException */ public static byte[] ...

  5. PHP中变量声明和定义的区别

    先记录一下(不知道PHP是不是一样,但是C语言是这样的):把建立空间的声明称之为“定义”,而把不需要建立存储空间的声明称之为“声明”.声明的最终目的是为了提前使用,即在定义之前使用,如果不需要提前使用 ...

  6. 「CQOI2014」数三角形

    题目链接 问题分析 可以先任意选\(3\)个数,然后减去三点共线的部分. 三点共线又分\(2\)种情况: 横的或者竖的.这一部分方案数是\(n\times{m\choose 3}+m\times {n ...

  7. JavaBean，EJB，POJO，Spring Bean 的演进历程

    JavaBean Sun公司对类提出的规范:1,类是public的2,有一个无参构造方法3,属性修饰要用private,通过get set操作4,实现Serializable接口5,对事件使用Swin ...

  8. C++入门经典-例3.19-使用break跳出循环

    1:代码如下: // 3.19.cpp : 定义控制台应用程序的入口点. // #include "stdafx.h" #include <iostream> usin ...

  9. Linux Bash shell常用操作快捷键

    转自:https://linuxtoy.org/archives/bash-shortcuts.html 生活在 Bash shell 中,熟记以下快捷键,将极大的提高你的命令行操作效率. 编辑命令 ...

  10. 如何将浏览器上的JS文件屏蔽

    在学习自定验证时,需要在页面上进行调试运行结果,这时的JS会影响运行结果的显示,所以我们会将JS代码屏蔽掉,那么我们该如何做呢? 第一步: 在浏览器地址栏输入about:config  点击“我保证会 ...