求助：在Flask中用SQLAlchemy从MySQL填充下拉菜单遇空数据问题

你的下拉菜单点击后空白的问题，核心出在路由代码的错误用法、SQLAlchemy未正确初始化，还有HTML结构不符合Bootstrap规范，以下是具体修复步骤：

1. 修复路由与数据库初始化代码 #

你已经引入了SQLAlchemy ORM，却错误混用了原生MySQL连接方式，同时render_template的参数也有误，修改如下：

修正后的路由代码 #

@app.route('/')
def main():
    # 使用SQLAlchemy ORM查询，替代原生游标操作
    vehicle = Vehicle.query.order_by(Vehicle.id).all()
    # render_template第一个参数是模板文件名（比如你的HTML文件叫index.html就写'index.html'）
    return render_template('index.html', vehicle=vehicle)

补全SQLAlchemy初始化步骤 #

你的数据库配置代码缺少关键的初始化操作，必须在配置后添加：

db = SQLAlchemy()
DB_NAME = "base.db"

app = Flask(__name__)
app.config['SECRET_KEY'] = 'secret'
app.config['SQLALCHEMY_DATABASE_URI']='mysql+pymysql://root:pass123@localhost/base'
app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = False

# 初始化SQLAlchemy，建立数据库连接
db.init_app(app)

# 首次运行时可添加，自动创建表
with app.app_context():
    db.create_all()

2. 修复HTML下拉菜单结构 #

Bootstrap的dropdown-menu是基于<ul><li><a>的结构，你错误地在<li>里嵌套了<option>（这是<select>标签的专属元素），修改为：

<div class="dropdown" align="center">
    <button class="btn btn-primary btn-lg dropdown-toggle" type="button" data-toggle="dropdown">
        Vehicles
        <span class="caret"></span>
    </button>
    <ul class="dropdown-menu">
        {% for car in vehicle %}
            <li><a href="#">{{ car.reg }} - {{ car.brand }}</a></li>
            <li class="divider"></li>
        {% endfor %}
    </ul>
</div>

如果需要的是表单提交用的下拉选择框，应该用<select>标签而非Bootstrap dropdown：

<select class="form-control" name="vehicle">
    {% for car in vehicle %}
        <option value="{{ car.id }}">{{ car.reg }} - {{ car.brand }}</option>
    {% endfor %}
</select>

3. 验证数据是否正确查询 #

如果修复后仍无数据，可在路由中添加打印语句验证：

@app.route('/')
def main():
    vehicle = Vehicle.query.order_by(Vehicle.id).all()
    print(vehicle)  # 控制台会输出查询到的Vehicle对象列表，确认是否有数据
    return render_template('index.html', vehicle=vehicle)

若控制台输出为空，检查数据库中vehicle表（SQLAlchemy默认类名小写为表名）是否真的有数据，避免表名大小写不匹配导致的查询失败。

内容的提问来源于stack exchange，提问作者green