flask的for、if语法

for循环语法：

{% for 变量 in 可迭代对象 %}
for循环要做的任务
{% endfor %}

if语句语法：

{% if 条件 %}
    条件为true
{% else %} 
    条件为false
{% endif %}

loop语法 for循环中使用 可以添加索引：

{{ loop.index }}  序号是从1开始
{{ loop.index0 }} 序号是从0开始

{{ loop.revindex }} 序号是倒序 最后结束是1
{{ loop.revindex0 }} 序号是倒序 最后结束是0

案例：app.py

复制代码
from flask import Flask
from flask import make_response, request, render_template,redirect,url_for
import setting,json

app = Flask(__name__)
app.config.from_object(setting)

@app.route('/show')
def show():
    girls = ["yanan","zhouqiang","nike","puma"]
    users = [
        {"name":"zhouqiang","age":18,"gender":"man","address":"anhuihefei"},
        {"name": "zhouqiang", "age": 18, "gender": "man", "address": "anhuihefei"},
        {"name": "zhouqiang", "age": 18, "gender": "man", "address": "anhuihefei"},
        {"name": "zhouqiang", "age": 18, "gender": "man", "address": "anhuihefei"},
        {"name": "zhouqiang", "age": 18, "gender": "man", "address": "anhuihefei"},
        {"name": "zhouqiang", "age": 18, "gender": "man", "address": "anhuihefei"},
        {"name": "zhouqiang", "age": 18, "gender": "man", "address": "anhuihefei"}

    ]
    return render_template('test.html',users = users)

# 如果没有找到匹配的，会以空白字符串填充
if __name__ == '__main__':
    app.run(host='127.0.0.1', port=5000)
复制代码

html

复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .a{
            color:red;
        }
    </style>
</head>
<body>
<div>用户信息展示</div>
<ul>
{% for girl in girls %}
    {% if girl|length >=5 %}
        <li class="a"> {{ girl }} </li>
    {% else %}
        <li> {{ girl }} </li>
    {% endif %}
{% endfor %}
</ul>

<table>
    {% for user in users %}
        <tr {% if loop.last %} style="background-color: deeppink" {% endif %}> #判断是否是最后一行，如果是就添加样式
            <td>{{ loop.index }}</td>
            <td>{{ loop.index0 }}</td>
            <td>{{ user.name }}</td>
            <td>{{ user.age }}</td>
            <td>{{ user.gender }}</td>
            <td>{{ user.address }}</td>
        </tr>
    {% endfor %}
</table>

</body>
</html>
复制代码

 

posted @   fat_girl_spring  阅读(368)  评论(0)  编辑  收藏  举报
编辑推荐：
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
阅读排行：
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单，K8s 太复杂？w7panel 让容器管理更轻松！
点击右上角即可分享
微信分享提示