flask-模板中变量的使用

作者: 测试探索 | 来源:发表于2022-07-23 16:20 被阅读0次

flask-模板中变量的使用
Flask 框架（2）-模板
freemarker（三）宏
Django学习-第三讲（下） Django 模板变量和常用标签
Laravel-Blade模板引擎-2.基础语法及include
flask-模板中的宏
idea thymeleaf 变量未定义
使用Word模板通过替换变量的方法实现word导出
03Angular模板在组件类中的引用
关于模板中form.errors的显示

一、基础变量的渲染

目录结构

代码
app.py

from flask import Flask,render_template,render_template_string,g,url_for

app = Flask(__name__)

@app.route("/")
def index():
    # 1、简单数据类型的渲染
    age = 40
    money = 65.89
    name = '张三'
    return render_template("index.html",age = age,money = money,name = name)

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

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h3>1.简单数据类型的渲染</h3>
    <p>我的年龄：{{ age }}</p>
    <p>我的钱包：{{ money }}</p>
    <p>我的名字：{{ name }}</p>
</body>
</html>

运行结果

二、dict类型数据的渲染

app.py

from flask import Flask,render_template,render_template_string,g,url_for

app = Flask(__name__)

@app.route("/")
def index():
    # 1、简单数据类型的渲染
    age = 40
    money = 65.89
    name = '张三'

    # 2、用户信息
    user_info = {
        'username':'张三',
        'nickname':'三个',
        'address.city':'广州',
        'address.area':'天河'
    }
    return render_template("index.html",age = age,money = money,name = name,user_info = user_info)
if __name__ == '__main__':
    app.run(debug=True)

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h3>1.简单数据类型的渲染</h3>
    <p>我的年龄：{{ age }}</p>
    <p>我的钱包：{{ money }}</p>
    <p>我的名字：{{ name }}</p>

    <h3>2、用户信息 dict</h3>
    <p>用户名：{{ user_info.username }}</p>
    <p>用户昵称：{{ user_info.nickname}}</p>
    <p>用户地址：{{ user_info['address.city']}} - {{ user_info['address.area']}}</p>
</body>
</html>

image.png

三、list/tuple类型数据的渲染

app.py

from flask import Flask,render_template,render_template_string,g,url_for

app = Flask(__name__)

@app.route("/")
def index():
    # 1、简单数据类型的渲染
    age = 40
    money = 65.89
    name = '张三'

    # 2、用户信息
    user_info = {
        'username':'张三',
        'nickname':'三个',
        'address.city':'广州',
        'address.area':'天河'
    }

    # 3、元祖和列表
    tuple_city = ('北京','上海','广州','深圳')
    list_city = ['北京','上海','广州','深圳']
    return render_template("index.html",age = age,money = money,name = name,user_info = user_info,tuple_city = tuple_city,list_city = list_city )

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

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h3>1.简单数据类型的渲染</h3>
    <p>我的年龄：{{ age }}</p>
    <p>我的钱包：{{ money }}</p>
    <p>我的名字：{{ name }}</p>

    <h3>2、用户信息 dict</h3>
    <p>用户名：{{ user_info.username }}</p>
    <p>用户昵称：{{ user_info.nickname}}</p>
    <p>用户地址：{{ user_info['address.city']}} - {{ user_info['address.area']}}</p>

    <h3>3. 元祖和列表</h3>
    <p>
        {{ tuple_city[0]}}<br/>
        {{ tuple_city[1]}}<br/>
        {{ tuple_city[2]}}<br/>
        {{ tuple_city[3]}}<br/>
    </p>

    <p>
        {{ list_city[0]}}<br/>
        {{ list_city[1]}}<br/>
        {{ list_city[2]}}<br/>
        {{ list_city[3]}}<br/>
    </p>

</body>
</html>

image.png

四、list/tuple嵌套dict复杂类型数据的渲染

app.py

from flask import Flask,render_template,render_template_string,g,url_for

app = Flask(__name__)

@app.route("/")
def index():
    # 1、简单数据类型的渲染
    age = 40
    money = 65.89
    name = '张三'

    # 2、用户信息
    user_info = {
        'username':'张三',
        'nickname':'三个',
        'address.city':'广州',
        'address.area':'天河'
    }

    # 3、元祖和列表
    tuple_city = ('北京','上海','广州','深圳')
    list_city = ['北京','上海','广州','深圳']

    # 4、复杂的数据结构
    list_user = [
        {
            'username':'张三',
            'address':{
                'city':'广州',

            }
        },
        {
            'username': '李四',
            'address': {
                'city': '北京',

            }
        }
    ]
    return render_template("index.html",age = age,money = money,name = name,user_info = user_info,tuple_city = tuple_city,list_city = list_city,list_user=list_user )



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

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h3>1.简单数据类型的渲染</h3>
    <p>我的年龄：{{ age }}</p>
    <p>我的钱包：{{ money }}</p>
    <p>我的名字：{{ name }}</p>

    <h3>2、用户信息 dict</h3>
    <p>用户名：{{ user_info.username }}</p>
    <p>用户昵称：{{ user_info.nickname}}</p>
    <p>用户地址：{{ user_info['address.city']}} - {{ user_info['address.area']}}</p>

    <h3>3、元祖和列表</h3>
    <p>
        {{ tuple_city[0]}}<br/>
        {{ tuple_city[1]}}<br/>
        {{ tuple_city[2]}}<br/>
        {{ tuple_city[3]}}<br/>
    </p>

    <p>
        {{ list_city[0]}}<br/>
        {{ list_city[1]}}<br/>
        {{ list_city[2]}}<br/>
        {{ list_city[3]}}<br/>
    </p>

    <h3> 4、复杂的数据结构</h3>
    <p>
        第一个用户：<br/>
        用户名:{{ list_user[0].username}};地址 {{ list_user[0]['address']['ciyt']}}
    </p>
</body>
</html>

image.png