溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

(七)模板變量

發(fā)布時間:2020-04-24 04:32:33 來源:網(wǎng)絡(luò) 閱讀:284 作者:TtrToby 欄目:開發(fā)技術(shù)

服務(wù)端代碼:

'''
前面我們在模板中使用的{{ name }} 結(jié)構(gòu)表示一個變量,它是一種特殊的占位符,告訴模

板引擎這個位置的值從渲染模板時使用的數(shù)據(jù)中獲取。

除了單單使用變量之外,我們還可以對變量進行一些額外的操作,譬如,讓變量的值全部大寫,或者是首字母大寫,等等。這種改變變量值的行為叫做過濾器。
'''

#coding:utf-8
from flask import Flask, render_template
app = Flask(__name__)

class UserModel(object):
    '''對象類型'''
    name = '張珊'
    age = 45
    def __str__(self):
        return "%s-%s" % (self.name, self.age)

@app.route('/')
def index():
    '''訪問首頁'''
    var_str = '這是后端傳過來的一個字符串'
    var_str_en = 'this is a string'
    var_html = "<span style='color:#f00;'>這是一個HTML字符串</span>"
    var_list = ['name','1234','元素3']
    var_tuple = ("laowang","tantianran","dengwenqing")
    var_dict = {"key1":"value1","name":"tanzhenxing"}
    var_user = UserModel()
    return render_template("var_index.html",
                           var_str = var_str,
                           var_str_en = var_str_en,
                           var_html = var_html,
                           var_list = var_list,
                           var_tuple = var_tuple,
                           var_dict = var_dict,
                           var_user = var_user
                        )

if __name__ == '__main__':
    app.run(debug=True)

前端代碼:

對應(yīng)上面后端代碼的前端HTML文件(var_index.html)代碼:
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>模板變量</title>
    <link rel="stylesheet" type="text/css" href="">
</head>
<body>
    <h2>字符串</h2>
    {{ var_str }} <br />
    <!-- jinjia過濾器 將英文字符串變成大寫-->
    {{ var_str_en|upper }} <br />
    <!-- jinjia過濾器 應(yīng)用HTML語法-->
    {{ var_html|safe }}
    <h2>列表</h2>
    {{ var_list }}
    <h2>元組</h2>
    {{ var_tuple }}
    <h2>字典</h2>
    {{ var_dict }}
    <h2>對象</h2>
    {{ var_user }}
</body>
</html>


向AI問一下細節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI