Python怎么将list返回给前端

原创

mob64ca12dd8bce 2024-08-25 06:57:31 ©著作权

©著作权归作者所有：来自51CTO博客作者mob64ca12dd8bce的原创作品，请联系作者获取转载授权，否则将追究法律责任

使用Python将List返回给前端的实际案例

在现代web开发中，后端和前端的沟通通常通过API实现。Python作为一种广泛应用的后端开发语言，经常被用来构建RESTful API，以便将数据返回给前端展示。在这篇文章中，我们将探讨如何用Python将一个List返回给前端，并通过一个实际的示例来解决一个常见的问题。

实际问题场景

假设我们正在开发一个在线书籍管理系统。前端需要从后端获取所有书籍的信息（如书名、作者和出版年份）。为此，我们需要一个API接口来提供这些数据。

系统架构

下面是我们系统的基本架构：

erDiagram
    USER {
        string userId
        string userName
        string email
    }
    BOOK {
        string bookId
        string title
        string author
        int year
    }
    USER ||--o{ BOOK : borrows

在这个架构中，USER 表示用户，BOOK 表示书籍，用户可以借阅书籍。

使用Flask构建API

Flask是一个轻量级的Python web框架，适合构建小型和中型的API。接下来，我们将使用Flask构建一个API接口，返回书籍的List。

安装Flask

如果您还没有安装Flask，可以使用以下命令进行安装：

pip install Flask

创建API

接下来，我们创建一个简单的Flask应用，并在其中定义一个API接口，以返回书籍的List：

from flask import Flask, jsonify

app = Flask(__name__)

# 假设这是我们从数据库获取的书籍数据
books = [
    {"bookId": "1", "title": "Python编程", "author": "John Doe", "year": 2020},
    {"bookId": "2", "title": "数据结构与算法", "author": "Jane Doe", "year": 2019},
    {"bookId": "3", "title": "Flask Web开发", "author": "Tom Smith", "year": 2021},
]

@app.route('/api/books', methods=['GET'])
def get_books():
    return jsonify(books)

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

API解析

在上面的代码中，我们定义了一个数组books，其中硬编码了几本书的详细信息。当前端发送一个GET请求到/api/books时，get_books函数会被调用，并使用Flask的jsonify方法将这个List转换为JSON格式，返回给前端。

测试API

您可以使用Postman或浏览器访问以下网址，测试我们的API：

您应会看到类似以下的JSON响应：

[
    {"bookId": "1", "title": "Python编程", "author": "John Doe", "year": 2020},
    {"bookId": "2", "title": "数据结构与算法", "author": "Jane Doe", "year": 2019},
    {"bookId": "3", "title": "Flask Web开发", "author": "Tom Smith", "year": 2021}
]

前端获取数据

在前端，您可以使用Fetch API来获取这些数据。例如，使用JavaScript的代码如下：

fetch('
    .then(response => response.json())
    .then(data => {
        console.log(data);
        // 在这里你可以将数据渲染到网页上
    })
    .catch(error => console.error('Error:', error));