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

本文介绍了如何在Flask应用中实现动态列表和动态表格的展示。通过使用Jinja2模板引擎的控制块{% if %}/{% for %},在HTML页面中嵌入后端代码。在动态列表部分,讲解了如何通过for循环遍历数据,并根据条件改变样式。在动态表格部分,展示了如何构建表格、使用loop内置变量进行迭代,以及表格的样式调整。此外,还提及了列表内嵌套字典和表格属性的设置技巧。
摘要由CSDN通过智能技术生成

一、前提须知

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

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

二、动态列表

2.1 html文件中:

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

<ul>
    {% for girl in girls %}

    {% endfor %}
</ul>

 注意:后面一定要写endfor

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

<ul>
    {% for girl in girls %}
        <li>{
  { girl }}</li>
    {% endfor %}
</ul>
{# 列的行数随着girl的变化而变化  #}
  • 5
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值