[学习笔记] flask-动态列表、动态表格

一、前提须知

1.1 控制块{% if %}/{% for %} 等…

即在前端页面上可写后端代码,就是用{% %}来实现的

二、动态列表

2.1 html文件中:

a) 在
标签里添加for循环块,语法和平时在py文件写的一样,只不过多加了{% %}


    {% for girl in girls %}

    {% endfor %}

注意:后面一定要写endfor

b) for循环里加
* 标签,
* 里面是变量所以用的时候要用{{变量名}}才可以获取到后端传的数据


    {% for girl in girls %}
        {{ girl }}
    {% endfor %}

{# 列的行数随着girl的变化而变化  #}

c) 升级例子—只要girl名字长度大于3的判断为红色

方法:在for循环里加if条件,条件为girl的名字长度大于3则变红,否则不变红

{% 主看方法,先不纠结样式 %}

    {% for girl in girls %}
        {% if girl|length>=3 %}
            {{ girl }} {# 设a的样式为令字体变红的css样式 #}
        {% else %}
            {{ girl }}
        {% endif %}
    {% endfor %}

注意:girl|length 为利用过滤器获取girl长度

2.2 拓展:取的值为字典

{# 方法是一样的 #}

    {% for v in girls.values() %}
        {{ v }}
    {% endfor %}

注意:

a) girls.values()顾名思义,就是girls这个字典的值,不包含键key

b) 如果是key那就把 values()替换keys()

c) items()既有key又有valuesm,当然也可以把values替换成items()

练习发现:有些电脑系统不同,似乎可把users.values()写成users.0.values(),此句不做参考,可能练习的是错误的,先给自己留个疑问

三、动态表格

方法:先建表格

| |

Original: https://blog.csdn.net/qq_51148692/article/details/119702763
Author: Trick fairy
Title: [学习笔记] flask-动态列表、动态表格

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/746783/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

亲爱的 Coder【最近整理,可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球