温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

(七)模板变量

发布时间:2020-04-24 04:32:33 来源:网络 阅读:284 作者:TtrToby 栏目:开发技术

服务端代码:

'''
前面我们在模板中使用的{{ name }} 结构表示一个变量,它是一种特殊的占位符,告诉模

板引擎这个位置的值从渲染模板时使用的数据中获取。

除了单单使用变量之外,我们还可以对变量进行一些额外的操作,譬如,让变量的值全部大写,或者是首字母大写,等等。这种改变变量值的行为叫做过滤器。
'''

#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)

前端代码:

对应上面后端代码的前端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过滤器 应用HTML语法-->
    {{ var_html|safe }}
    <h2>列表</h2>
    {{ var_list }}
    <h2>元组</h2>
    {{ var_tuple }}
    <h2>字典</h2>
    {{ var_dict }}
    <h2>对象</h2>
    {{ var_user }}
</body>
</html>


向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI