Flask中视图函数传数据到前端页面

1.将字符串传到前端页面

   在user.py中做简单修改即可

 @pythonweb_blue.route('/user')
        def user():
        	data = '我是小可爱'
        	return render_template('index.html',data = data)

index.html

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <h1>{{data}}</h1>
    </body>
    </html>

2.传多个数据时,先把数据写成字典之后再传入,举例说明。

在这里插入图片描述

 @pythonweb_blue.route('/user')
    def user():
        context2 = {
            'username': 'abc',
            'age': 18,
            'sex': '男'
        }
        return render_template('index.html',**context2)```

index.html

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <h1>{{username}}</h1>
    </body>
    </html>

3.总结

(1) 传单个数据`
return render_template(‘需要传参网址’,xx= xx);
前端接收:
                   {{xx}}
(2) 传多个数据
先把数据写进字典,字典整体传
return render_template(‘需要传参网址’,**字典名’);
前端接收:
                  {{变量名}}

猜你喜欢

转载自blog.csdn.net/weixin_44141899/article/details/86515590