MySQL数据无法渲染到HTML模板，Flask视图函数返回无效响应报错

这个错误的根源很明确：你的index()视图函数不是在所有代码路径下都返回了有效响应。具体来说：

• 当用户用GET方法访问首页时，函数没有任何return语句，默认返回None
• 当POST请求提交的食物名称在数据库中找不到匹配数据（data <= 0）时，函数也没有返回任何内容

Flask要求所有视图函数必须返回合法的响应对象（比如渲染的模板、重定向、字符串等），否则就会抛出这个TypeError。

下面是修复后的完整方案：

1. 完善Flask路由代码 #

我们需要补充GET请求的返回逻辑，以及查询无结果时的响应处理：

@app.route('/', methods=['GET', 'POST'])
def index():
    # 处理GET请求：返回首页模板，让用户输入查询内容
    if request.method == "GET":
        return render_template('index.html')
    
    # 处理POST请求
    food = request.form['food']
    cur = mysql.connection.cursor()
    # execute返回受影响的行数，用来判断是否有匹配结果
    data = cur.execute("SELECT * FROM recipies WHERE title = %s", [food])
    
    if data > 0:
        results = cur.fetchall()
        cur.close()  # 关闭游标，避免资源泄漏
        return render_template('results.html', results=results)
    else:
        cur.close()
        # 查询无结果时，返回结果页面并提示用户
        return render_template('results.html', results=None)

2. 优化HTML模板（results.html） #

添加无结果时的提示，让页面更友好，同时建议按数据库字段拆分显示数据（而不是直接输出整个result元组）：

{% extends "base.html" %}
{% block content %}
    {% if results %}
        <table border="1">
            {% for result in results %}
                <tr>
                    <!-- 替换成你数据库实际的字段顺序，比如标题、食材、步骤等 -->
                    <td>{{ result[0] }}</td>
                    <td>{{ result[1] }}</td>
                    <td>{{ result[2] }}</td>
                </tr>
            {% endfor %}
        </table>
    {% else %}
        <p>没有找到匹配的食谱，请尝试其他关键词！</p>
    {% endif %}
{% endblock %}

额外补充：创建首页模板（index.html） #

需要一个包含表单的首页，让用户可以提交查询内容：

{% extends "base.html" %}
{% block content %}
    <form method="POST">
        <label for="food">输入食谱名称：</label>
        <input type="text" id="food" name="food" required>
        <button type="submit">搜索食谱</button>
    </form>
{% endblock %}

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