一、前提须知
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/
转载文章受原作者版权保护。转载请注明原作者出处!