Web框架——Flask系列之模板使用练习（六）

一、实现的效果如下:

二、实现要求：

给定如下5条数据,只显示4行数据，背景颜色依次为：黄，绿，红，紫

my_list = [{"id": 1,"value": "我爱工作"},{"id": 2,"value": "工作使人快乐"},{"id": 3,"value": "沉迷于工作无法自拔"},{"id": 4,"value": "日渐消瘦"},{"id": 5,"value": "以梦为马，越骑越傻"}
]

三、模板代码

{% for item in my_list if item.id != 5 %}{% if loop.index == 1 %}<li style="background-color: orange">{{ item.value }}</li>{% elif loop.index == 2 %}<li style="background-color: green">{{ item.value }}</li>{% elif loop.index == 3 %}<li style="background-color: red">{{ item.value }}</li>{% else %}<li style="background-color: purple">{{ item.value }}</li>{% endif %}
{% endfor %}

四、python代码

from flask import Flask,render_templateapp = Flask(__name__)@app.route('/')
def hello_world():my_list = [{"id": 1,"value": "我爱工作"},{"id": 2,"value": "工作使人快乐"},{"id": 3,"value": "沉迷于工作无法自拔"},{"id": 4,"value": "日渐消瘦"},{"id": 5,"value": "以梦为马，越骑越傻"}]return render_template("practice.html",my_list=my_list)if __name__ == '__main__':app.run(debug=True)

Web框架——Flask系列之模板使用练习（六）相关推荐

Web框架——Flask系列之Flask简介（一）
一.Web应用程序作用 Web(World Wide Web)诞生最初的目的,是为了利用互联网交流工作文档二.关于Web框架 (一)什么是Web框架? 已经封装好了一段代码,协助程序快速开发,相当于 ...
Web框架——Flask系列之Jinja2模板引擎（二）
Jinja2模板引擎简介一.Jinja2模板概述用来展示数据的html页面,这个过程也通常称为渲染,属于Jinja2的功能使用模板的好处: 视图函数只负责业务逻辑和数据处理(业务逻辑方面) 而模 ...
Web框架——Flask系列之蓝图Blueprint（二十一）
一.为什么学习蓝图? 我们学习Flask框架,是从写单个文件,执行hello world开始的.我们在这单个文件中可以定义路由.视图函数.定义模型等等.但这显然存在一个问题:随着业务代码的增加,将所有 ...
Web框架——Flask系列之Flask创建app对象路由（十二）
一.初始化参数 import_name: 当前模块名 static_url_path:静态资源的url前缀,默认为'static' static_folder: 静态文件目录名,默认'static' ...
Web框架——Flask系列之WTF表单验证练习（七）
一.Web表单 web表单是web应用程序的基本功能. 它是HTML页面中负责数据采集的部件.表单有三个部分组成:表单标签.表单域.表单按钮.表单允许用户输入数据,负责HTML页面数据采集,通过表单将 ...
Web框架——Flask系列之数据库迁移（二十）
一.Flask-Migrate扩展在开发过程中,需要修改数据库模型,而且还要在修改之后更新数据库.最直接的方式就是删除旧表,但这样会丢失数据. 更好的解决办法是使用数据库迁移框架,它可以追踪数据库模 ...
Web框架——Flask系列之Flask中的特殊变量和方法（十九）
在Flask中,有一些特殊的变量和方法是可以在模板文件中直接访问的. 一.config对象 config 对象就是Flask的config对象,也就是 app.config 对象. {{ config ...
Web框架——Flask系列之宏、继承、包含（十八）
一.宏类似于python中的函数,宏的作用就是在模板中重复利用代码,避免代码冗余. Jinja2支持宏,还可以导入宏,需要在多处重复使用的模板代码片段可以写入单独的文件,再包含在所有模板中,以避免重 ...
Web框架——Flask系列之综合案例——图书管理系统（十）
一.知识点: 表单创建数据库操作一对多关系演练二.实现步骤: 创建数据库配置信息,定义模型类创建数据库表,添加测试数据编写html页面,展示数据添加数据删除书籍,删除作者三.创建数据库 ...

Web框架——Flask系列之模板使用练习（六）

一、实现的效果如下:

二、实现要求：

三、模板代码

四、python代码

Web框架——Flask系列之模板使用练习（六）相关推荐

最新文章

热门文章