Python Flask获取表单输入功能无法正常运行问题求助

问题原因 #

• 后端代码逻辑顺序错误：return render_template('signup.htm') 放在了表单处理逻辑之前，函数触发时会直接返回页面，后续的表单取值、密码校验、重定向代码完全不会执行，属于死代码。
• 后端未区分请求方法：没有对GET/POST请求做分支处理，不管什么请求都直接返回页面，不会触发表单处理逻辑。
• 前端表单配置错误：密码输入框缺少name属性，Flask的request.form是通过表单元素的name属性匹配取值的，没有对应name属性就无法拿到密码值；同时原表单缺少提交按钮，无法触发POST请求提交数据。

修复方案 #

后端代码修正 #

# 确保已经导入需要的依赖
from flask import Flask, render_template, request, redirect, url_for

app = Flask(__name__)

@app.route('/signup', methods=["GET", "POST"])
def signup():
    # POST请求时才处理表单数据
    if request.method == "POST":
        # 用get方法取值，字段不存在时返回空字符串，避免抛出400错误
        password = request.form.get('password', '')
        if password == "python":
            return redirect(url_for("home"))
    # GET请求或者密码校验失败时返回注册页面
    return render_template('signup.htm')

# 补全home路由，避免重定向时404
@app.route('/home')
def home():
    return "欢迎来到首页"

if __name__ == '__main__':
    app.run(debug=True)

前端表单代码修正 #

<form action="/signup" method="POST">
  <input 
    type="password" 
    name="password" 
    class="form-control" 
    id="exampleFormControlInput1" 
    placeholder="Password"
  >
  <!-- 添加提交按钮触发表单提交 -->
  <button type="submit" class="btn btn-primary">提交</button>
</form>

额外注意事项 #

• 不要将return语句放置在业务逻辑之前，Python函数执行到return就会终止后续所有代码的运行。
• 所有需要后端取值的表单输入元素，必须添加和后端取值键匹配的name属性。
• 处理同时支持GET/POST的路由时，建议先做请求方法判断，分开处理不同请求的逻辑。

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