20.Flask中Jinja2向模板传递参数html页面显示传递参数的值

最新推荐文章于 2023-09-01 15:04:00 发布

小魏大数据

最新推荐文章于 2023-09-01 15:04:00 发布

阅读量709

点赞数

文章标签： flask python 后端

本文链接：https://blog.csdn.net/qq_36301043/article/details/127417701

版权

文章目录

一、Flask中Jinja2向模板传递参数html页面显示传递参数的值
- 2.HTML前端代码

一、Flask中Jinja2向模板传递参数html页面显示传递参数的值

代码如下（示例）：

# Flask Jinja2向模板传递参数html页面显示传递参数的值
from flask import Flask,render_template

app = Flask(__name__)


@app.route('/')
def index():
    # 可以传递单个变量
    return render_template('index20.html',info = 'Flask这是一个模板')
@app.route('/index/')
def index2():
    # 可以传递多个变量
    return render_template('index20.html',arg = 'Flask模板传参',info = 'Python中的Flask')

@app.route('/home/')
def home():
    # 可以传递字典等多个元素
    context = {
        'uname':'张三',
        'age':18,
        'height':100,
        'wu_qi':{'jin':'徒手','yuan':'弓箭'}

    }
    return render_template('index20.html',**context)

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

2.HTML前端代码

代码如下（示例）：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>模板传递</h1>
    <!-- 单个元素 传递 -->
    <p>这是关于 {{ info }} 的内容</p>
    <hr>
    <!-- 多个元素传递 -->
    <p>这是一个关于{{ arg }} 的内容</p>
    <!-- 字典元素 等多个元素传递 -->
    {{ uname }} === {{ age }} === {{ height }} === {{ wu_qi['jin'] }} === {{ wu_qi.get('jin') }} ==={{ wu_qi.jin }}
</body>
</html>