flask-5的for循环使用

最新推荐文章于 2023-09-12 14:02:18 发布

春天的菠菜

最新推荐文章于 2023-09-12 14:02:18 发布

阅读量1.5k

点赞数

分类专栏： flask 文章标签： flask for

本文链接：https://blog.csdn.net/legend818/article/details/103644565

版权

flask 专栏收录该内容

29 篇文章 3 订阅

订阅专栏

目录结构：

for_template.py的代码如下：

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/for_template/')
def for_template():
    # 字典for循环数据
    user = {
        'name': '小明',
        'age': 19
    }
    # 列表for循环数据
    L = ['北京', '上海', '深圳', '广州']
    # 列表+字典嵌套for示例
    students = [
        {
            'name': '小明',
            'age': 19,
            'sex': '男'
        },
        {
            'name': '小红',
            'age': 18,
            'sex': '女'
        },
        {
            'name': '小成',
            'age': 17,
            'sex': '男'
        }
    ]
    return render_template('index_for.html', user=user, L=L, students=students)

if __name__ == "__main__":
    app.run(debug=True)

index_for.html 代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <p>这是一个for循环的示例,这里是字典循环</p>
    <hr>
    <div style="border:1px solid #999;padding:3px;">
        <p>   遍历key与value</p>
        {% for k,v in user.items() %}
        <p>{{k}}:{{v}}</p>
        {% endfor %}
        <hr>
        <p>  遍历key</p>
        {% for k in user.keys() %}
        <p>key：{{k}}</p>
        {% endfor %}

        <hr>
        <p>   遍历value</p>
        {% for v in user.values() %}
        <p>value：{{v}}</p>
        {% endfor %}
    </div>

     <hr>
    <p>这是一个for循环的示例,这里是列表循环</p>

    <div style="border:1px solid #999;padding:3px;" >
        {% for i in L %}
        <p>城市：{{i}}</p>
        {% endfor %}
    </div>
    <hr>
    <p>一个示例</p>
    <table>
        <thead>
            <td>姓名</td>
            <td>年龄</td>
            <td>性别</td>
        </thead>
        <tbody>
            {% for people in students %}
                <tr>
                    <td>{{people.name}}</td>
                    <td>{{people.age}}</td>
                    <td>{{people.sex}}</td>
                </tr>
            {% endfor %}
        </tbody>
    </table>
</body>
</html>

运行结果如下：