Flask – 从 Python 显示数据库到 HTML

在本文中，我们将介绍如何使用 Flask 框架将 Python 中的数据库显示到 HTML 页面上。Flask 是一个轻量级的 Python web 框架，它提供了简单易用的工具和库来帮助开发人员构建 Web 应用程序。我们将介绍如何连接数据库、查询数据库并将数据呈现到 HTML 页面上。

阅读更多：Flask 教程

连接数据库

首先，我们需要配置 Flask 应用程序与数据库的连接。Flask 支持多种数据库，如 MySQL、PostgreSQL、SQLite 等。在本示例中，我们将使用 SQLite 数据库。

首先，我们需要安装 Flask 和 SQLite 的 Python 包。可以使用以下命令来安装它们：

pip install flask
pip install sqlite3

接下来，我们需要在 Python 代码中导入这些包，并创建一个数据库连接。下面是一个示例代码：

from flask import Flask
import sqlite3

app = Flask(__name__)
db_path = "path/to/database.db"

@app.route("/")
def index():
    conn = sqlite3.connect(db_path)
    return "Connected to the database"

if __name__ == "__main__":
    app.run()

在上面的示例中，我们创建了一个名为 app 的 Flask 应用程序，并通过 sqlite3.connect() 函数连接到 SQLite 数据库。请注意，你需要将 db_path 替换为你自己的数据库路径。

查询数据库

在连接到数据库之后，我们可以执行各种查询操作来获取数据。下面是一个示例代码，它从数据库中检索所有用户的信息：

@app.route("/users")
def get_users():
    conn = sqlite3.connect(db_path)
    cursor = conn.cursor()
    cursor.execute("SELECT * FROM users")
    users = cursor.fetchall()

    result = ""
    for user in users:
        result += f"Username: {user[0]}, Email: {user[1]}\n"

    conn.close()

    return result

在上面的示例中，我们执行了一个名为 "SELECT * FROM users" 的 SQL 查询，检索了所有的用户记录。然后，我们遍历了结果集 users，并将每个用户的用户名和电子邮件显示出来。最后，我们关闭了数据库连接。

将数据呈现到 HTML 页面

为了将数据显示到 HTML 页面上，我们可以使用 Flask 提供的模板引擎来呈现动态内容。下面是一个示例代码，它使用了 Jinja2 模板引擎来将数据库中的用户数据显示到一个 HTML 表格中：

from flask import render_template

@app.route("/users")
def show_users():
    conn = sqlite3.connect(db_path)
    cursor = conn.cursor()
    cursor.execute("SELECT * FROM users")
    users = cursor.fetchall()

    conn.close()

    return render_template("users.html", users=users)

在上面的示例中，我们首先导入了 render_template 函数，它用于呈现模板，并将数据传递给模板。然后，我们执行同样的 SQL 查询来检索用户数据，并将结果集 users 传递给模板。在模板中，我们可以使用类似于 {{ user.username }} 的语法来访问用户的属性，并将它们显示在 HTML 页面上。

下面是一个简单的 users.html 模板示例：

<table>
  <thead>
    <tr>
      <th>Username</th>
      <th>Email</th>
    </tr>
  </thead>
  <tbody>
    {% for user in users %}
    <tr>
      <td>{{ user[0] }}</td>
      <td>{{ user[1] }}</td>
    </tr>
    {% endfor %}
  </tbody>
</table>

在上面的示例中，我们使用了一个简单的 HTML 表格来显示用户数据。在模板中，我们使用了一个 for 循环来遍历用户列表，并将每个用户的用户名和电子邮件显示为一个表格行。通过这种方式，我们可以将数据库中的数据直接显示到 HTML 页面上。

总结

在本文中，我们介绍了如何使用 Flask 框架将 Python 中的数据库显示到 HTML 页面上。我们首先介绍了如何连接数据库，并执行查询操作来获取数据。然后，我们学习了如何使用 Flask 的模板引擎来将数据呈现到 HTML 页面上。通过这些步骤，我们可以方便地将数据库中的数据展示在用户界面上。Flask 提供了简单易用的工具和库，使得这个过程变得非常简单和高效。希望本文对你有所帮助，谢谢阅读！