第一段引用上面的摘要
本文旨在解决 Flask 应用中，从 MySQL 数据库查询到的数据无法在网页上正确显示的问题。通过分析 SQLAlchemy 查询结果的特性，提供将查询结果转换为 Python 字典的方法，从而使 Jinja2 模板引擎能够正确渲染数据，最终解决网页显示问题。本文提供详细的代码示例和步骤说明，帮助开发者快速定位和解决类似问题。
问题分析
在 Flask 应用中，我们经常需要从数据库中查询数据，并在网页上展示。当使用 SQLAlchemy 作为 ORM 时，查询结果通常以 Row 对象的形式返回。然而，Jinja2 模板引擎可能无法直接渲染这种类型的对象，导致网页上显示空白或出现错误。
从提供的代码可以看出，问题出现在 index.html 模板中，select 标签中的 option 元素为空。这意味着 Jinja2 无法正确读取 result1 和 result2 中的数据，导致无法生成 option 的 value 和显示内容。
解决方案：将 SQLAlchemy Row 对象转换为 Python 字典
Jinja2 模板引擎可以很好地处理 Python 字典。因此，将 SQLAlchemy Row 对象转换为 Python 字典是解决此问题的关键。
方法一：使用 __dict__ 属性
SQLAlchemy Row 对象通常具有 __dict__ 属性，可以将其转换为字典。修改 app.py 文件中的 index 函数，如下所示：
from flask import Flask, render_template, request
from sqlalchemy.exc import SQLAlchemyError
from sqlalchemy import create_engine
app = Flask(__name__)
@app.route("/")
def index():
dialect = "mysql"
username = "root"
psw = ""
host="localhost"
dbname = "cyclic_championship"
engine = create_engine(f"{dialect}://{username}:{psw}@{host}/{dbname}")
try:
con = engine.connect()
query1 = "SELECT CID FROM CYCLIST"
query2 = "SELECT SID FROM STAGE"
result1 = con.execute(query1)
result2 = con.execute(query2)
# 将 result1 和 result2 转换为字典
rows = [dict(row) for row in result1]
rowss = [dict(row) for row in result2]
con.close()
return render_template("index.html", rows=rows, rowss=rowss)
except SQLAlchemyError as e:
error = str(e.__dict__['orig'])
return render_template('error.html', error_message=error)
app.run(debug=False, port=5001)这种方法将 result1 和 result2 转换为字典列表，然后传递给模板。
方法二：使用 mappings() 方法
SQLAlchemy 2.0 及更高版本推荐使用 mappings() 方法。它返回一个可以像字典一样访问结果的 MappingResult 对象。
from flask import Flask, render_template, request
from sqlalchemy.exc import SQLAlchemyError
from sqlalchemy import create_engine
from sqlalchemy.orm import Session
app = Flask(__name__)
@app.route("/")
def index():
dialect = "mysql"
username = "root"
psw = ""
host="localhost"
dbname = "cyclic_championship"
engine = create_engine(f"{dialect}://{username}:{psw}@{host}/{dbname}")
try:
with Session(engine) as session:
query1 = "SELECT CID FROM CYCLIST"
query2 = "SELECT SID FROM STAGE"
result1 = session.execute(query1).mappings().all()
result2 = session.execute(query2).mappings().all()
session.close()
return render_template("index.html", rows=result1, rowss=result2)
except SQLAlchemyError as e:
error = str(e.__dict__['orig'])
return render_template('error.html', error_message=error)
app.run(debug=False, port=5001)修改 HTML 模板
确保在 HTML 模板中正确访问字典中的数据。根据数据库表的结构，修改 index.html 文件如下：
Hello World Cyclist Position by stage
