Flask_學(xué)習(xí)筆記_07:Flask中的for循環(huán)

上次講了if語(yǔ)句，其實(shí)在Flask中，用法基本一樣，唯一的區(qū)別就是HTML中for循環(huán)的語(yǔ)法格式稍微有點(diǎn)不同，要以一下格式來(lái)執(zhí)行for循環(huán)才有效。
{% for xx in xxx %}
{% endfor %}

創(chuàng)新互聯(lián)成立于2013年，我們提供高端成都網(wǎng)站建設(shè)、網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、網(wǎng)站定制、成都營(yíng)銷網(wǎng)站建設(shè)、微信小程序開發(fā)、微信公眾號(hào)開發(fā)、成都網(wǎng)站推廣服務(wù)，提供專業(yè)營(yíng)銷思路、內(nèi)容策劃、視覺(jué)設(shè)計(jì)、程序開發(fā)來(lái)完成項(xiàng)目落地，為成都發(fā)電機(jī)租賃企業(yè)提供源源不斷的流量和訂單咨詢。

想想什么時(shí)候才能用到for循環(huán)？大致就是遍歷list和dict吧。就來(lái)一個(gè)list當(dāng)中包含dict的例子。
代碼如下：

from flask import Flask, render_template

app = Flask(__name__)

@app.route("/")
def index():
    books = [
        {
            'name': '飛狐外傳',
            'author': '金庸',
            'price': 56
        },
        {
            'name': '雪山飛狐',
            'author': '金庸',
            'price': 62
        },
        {
            'name': '連城訣',
            'author': '金庸',
            'price': 69.5
        },
        {
            'name': '射雕英雄傳',
            'author': '金庸',
            'price': 72
        },
        {
            'name': '白馬嘯西風(fēng)',
            'author': '金庸',
            'price': 76.2
        },
        {
            'name': '鹿鼎記',
            'author': '金庸',
            'price': 77
        },
        {
            'name': '笑傲江湖',
            'author': '金庸',
            'price': 89
        },
        {
            'name': '書劍恩仇錄',
            'author': '金庸',
            'price': 96
        },
        {
            'name': '神雕俠侶',
            'author': '金庸',
            'price': 56
        },
        {
            'name': '俠客行',
            'author': '金庸',
            'price': 99
        },
        {
            'name': '倚天屠龍記',
            'author': '金庸',
            'price': 109
        },
        {
            'name': '碧血?jiǎng)?,
            'author': '金庸',
            'price': 110
        },
        {
            'name': '鴛鴦刀',
            'author': '金庸',
            'price': 56.9
        },
    ]
    return render_template('index.html', books=books)
if __name__ == '__main__':
    app.run(debug=True)

首先定義一個(gè)名為books的list，里面包含書名，作者和價(jià)格這三個(gè)屬性和值。重點(diǎn)來(lái)了，HTML中，我們應(yīng)該要怎么寫呢？見(jiàn)下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <table>
        <thead>
            <th>書名</th>
            <th>作者</th>
            <th>價(jià)格</th>
        </thead>
        <tbody>
            {% for book in books %}
                <tr>
                    <td>{{ book.name }}</td>
                    <td>{{ book.author }}</td>
                    <td>{{ book.price }}</td>
                </tr>
            {% endfor%}
        </tbody>
    </table>
</body>
</html>

給一個(gè)table標(biāo)簽，讓結(jié)果以表格形式呈現(xiàn)到前端。
給一個(gè)thead標(biāo)簽，定義表格頭部信息
給一個(gè)th標(biāo)簽，定義列名
給一個(gè)tbody標(biāo)簽，定義表格內(nèi)容
給一個(gè)tr標(biāo)簽，表示行信息
給一個(gè)td標(biāo)簽，表示單元格內(nèi)容信息

實(shí)際效果：
Flask_學(xué)習(xí)筆記_07: Flask中的for循環(huán)

總結(jié)：

Flask中，HTML中的for循環(huán)格式：
{% for xx in xx %}
{% endfor %}
Flask中，HTML中的訪問(wèn)變量元素的屬性格式： {{ xx.屬性}}

文章題目：Flask_學(xué)習(xí)筆記_07:Flask中的for循環(huán)
本文路徑：http://muchs.cn/article44/ijddee.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供服務(wù)器托管、營(yíng)銷型網(wǎng)站建設(shè)、商城網(wǎng)站、網(wǎng)站排名、靜態(tài)網(wǎng)站、企業(yè)網(wǎng)站制作

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容