Flask书籍搜索应用表单提交失败触发404错误求助

问题根源分析 #

• 表单Action错误：index.html模板里的url_for('found', bookname=bookname)中，bookname变量在渲染首页时根本没定义（index路由只传递了books参数），生成的URL是/found/或/found/None，完全不符合/found/<string:bookname>的路由规则，直接触发404。
• Index路由POST逻辑错误：当前index的POST分支直接渲染found.html，没有重定向到found路由，导致URL停留在根路径，也没法触发found路由的书籍查询逻辑。
• Found路由冗余：found路由的POST分支完全多余，搜索请求应该通过GET传递书籍名称（让URL可分享），或者表单提交后重定向到found的GET请求。

修复方案 #

1. 修正Index路由的POST处理

把直接渲染页面改成重定向到found路由，遵循POST-REDIRECT-GET模式，既保证URL正确带书名，又避免重复提交：

from flask import redirect, url_for  # 确保导入这两个方法

@app.route('/', methods=['GET', 'POST'])
def index():
    if request.method == 'POST':
        tgt = request.form.get("bookname", "").strip()
        if tgt:
            return redirect(url_for('found', bookname=tgt))
        # 输入为空时返回首页并提示
        return render_template('index.html', books=bookshelf, error="请输入书名")
    return render_template('index.html', books=bookshelf)

2. 修正表单的Action

表单直接提交到index路由即可（或用url_for('index')生成路径）：

<form action="{{ url_for('index') }}" method="post">
    <div>
        <input type="text" name="bookname" placeholder="输入书名"/>
    </div>
    <div>
        <button style="background-color: #009879;" type="submit">搜索</button>
    </div>
</form>

3. 简化Found路由逻辑

去掉多余的POST分支，只处理GET请求：

@app.route('/found/<string:bookname>', methods=['GET'])
def found(bookname):
    target_book = None
    for b in bookshelf:
        if bookname.lower() == b['title'].lower():
            target_book = b
            break
    if target_book:
        return render_template('found.html', book=target_book)
    else:
        return render_template('found.html', error="未找到该书")

4. （可选）优化查询效率

如果书籍数据量较大，提前构建小写书名到书籍的映射，避免每次循环遍历：

# 初始化时构建映射（放在路由定义前）
book_title_map = {book['title'].lower(): book for book in bookshelf}

@app.route('/found/<string:bookname>', methods=['GET'])
def found(bookname):
    target_book = book_title_map.get(bookname.lower())
    if target_book:
        return render_template('found.html', book=target_book)
    else:
        return render_template('found.html', error="未找到该书")

验证效果 #

提交表单后会自动跳转到/found/[输入的书名]，URL正确显示书名；存在的书籍展示详情，不存在的显示错误提示，彻底解决404问题。

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