一、實現的效果如下:

二、實現要求：

給定如下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系列之模板使用练习（六）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。