Flask 中如何处理表单提交？-JavaScript中文网-JavaScript教程资源分享门户

推荐答案

在 Flask 中处理表单提交通常涉及以下步骤：

创建表单类：使用 Flask-WTF 扩展来定义表单类，继承自 FlaskForm。
渲染表单：在模板中使用 Jinja2 语法渲染表单。
处理表单提交：在视图函数中处理表单的提交，验证数据并执行相应的操作。

示例代码

// www.javascriptcn.com code example
from flask import Flask, render_template, redirect, url_for
from flask_wtf import FlaskForm
from wtforms import StringField, SubmitField
from wtforms.validators import DataRequired

app = Flask(__name__)
app.config['SECRET_KEY'] = 'your_secret_key'

class MyForm(FlaskForm):
    name = StringField('Name', validators=[DataRequired()])
    submit = SubmitField('Submit')

@app.route('/', methods=['GET', 'POST'])
def index():
    form = MyForm()
    if form.validate_on_submit():
        name = form.name.data
        # 处理表单数据
        return redirect(url_for('success', name=name))
    return render_template('index.html', form=form)

@app.route('/success/<name>')
def success(name):
    return f'Hello, {name}!'

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

模板文件 `index.html`

// www.javascriptcn.com code example
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Form Example</title>
</head>
<body>
    <h1>Submit Your Name</h1>
    <form method="POST">
        {{ form.hidden_tag() }}
        {{ form.name.label }} {{ form.name(size=20) }}
        {{ form.submit() }}
    </form>
</body>
</html>

本题详细解读

1. 创建表单类

在 Flask 中，通常使用 Flask-WTF 扩展来处理表单。Flask-WTF 提供了 FlaskForm 类，你可以通过继承它来定义自己的表单类。每个表单字段都是一个类的实例，例如 StringField、SubmitField 等。你还可以为字段添加验证器，如 DataRequired，以确保用户输入了有效的数据。

2. 渲染表单

在模板中，你可以使用 Jinja2 语法来渲染表单。form.hidden_tag() 用于生成隐藏的 CSRF 令牌字段，以防止跨站请求伪造攻击。form.name.label 和 form.name(size=20) 分别用于渲染字段的标签和输入框。

3. 处理表单提交

在视图函数中，你可以通过 form.validate_on_submit() 方法来检查表单是否已提交且数据有效。如果表单数据有效，你可以通过 form.name.data 来获取用户输入的数据，并执行相应的操作，例如重定向到另一个页面或保存数据到数据库。

4. 安全性

Flask-WTF 自动处理 CSRF 保护，确保表单提交的安全性。你只需要在应用配置中设置 SECRET_KEY，Flask-WTF 会自动生成和验证 CSRF 令牌。

通过以上步骤，你可以在 Flask 中轻松处理表单提交，并确保数据的安全性和有效性。

Flask 中如何处理表单提交？