Flask返回多个变量|极客笔记

Flask返回多个变量

Flask是一个使用Python编写的轻量级Web应用框架。在Flask中，我们经常需要将多个变量传递给前端页面，以便在页面中使用这些变量进行数据展示和处理。本文将详细介绍如何在Flask应用中返回多个变量，并演示如何在前端页面中使用这些变量。

创建Flask应用

首先，我们需要安装Flask库。可以使用以下命令来安装：

pip install Flask

接下来，我们创建一个简单的Flask应用，用于演示如何返回多个变量。在项目目录下创建一个名为app.py的文件，输入以下代码：

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def index():
    name = 'Alice'
    age = 25
    city = 'New York'
    return render_template('index.html', name=name, age=age, city=city)

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

在上面的代码中，我们创建了一个Flask应用，并定义了一个路由'/'，在该路由中返回了三个变量name、age和city，并使用render_template函数渲染模板index.html。

创建前端模板

接下来，我们需要创建一个名为index.html的模板文件，用于展示在Flask应用中传递的多个变量。在项目目录下创建一个名为templates的文件夹，并在其中创建index.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>Flask Multiple Variables</title>
</head>
<body>
    <h1>Welcome, {{ name }}</h1>
    <p>Your age is: {{ age }}</p>
    <p>You are from: {{ city }}</p>
</body>
</html>

在上面的HTML代码中，我们使用Flask的模板语言{{ }}来输出在Flask应用中传递的变量name、age和city的值。