在Flask中收集用户输入数据

在 Flask 中，收集用户输入数据通常是通过表单（forms）来实现的。以下是一些基础概念和相关内容：

基础概念

Flask-WTF: 这是一个 Flask 扩展，用于处理 Web 表单。它集成了 WTForms，一个灵活的表单验证和渲染库。
WTForms: 一个 Python 库，用于构建和处理 HTML 表单。
表单字段（Form Fields）: 表单中的各个输入元素，如文本框、复选框、单选按钮等。
表单验证（Form Validation）: 确保用户输入的数据符合预期的格式和规则。

类型

常见的表单字段类型包括：

StringField：文本输入框。
PasswordField：密码输入框。
BooleanField：复选框。
RadioField：单选按钮组。
SelectField：下拉选择框。
TextAreaField：多行文本输入框。

应用场景

用户注册和登录：收集用户名、密码等信息。
数据提交表单：如产品评论、调查问卷等。
搜索功能：用户输入搜索关键词。

示例代码

以下是一个简单的 Flask 应用示例，展示了如何使用 Flask-WTF 收集用户输入数据：

from flask import Flask, render_template, redirect, url_for
from flask_wtf import FlaskForm
from wtforms import StringField, PasswordField, SubmitField
from wtforms.validators import DataRequired, Length

app = Flask(__name__)
app.config['SECRET_KEY'] = 'your_secret_key'  # 替换为你的密钥

class LoginForm(FlaskForm):
    username = StringField('Username', validators=[DataRequired(), Length(min=4, max=20)])
    password = PasswordField('Password', validators=[DataRequired()])
    submit = SubmitField('Login')

@app.route('/login', methods=['GET', 'POST'])
def login():
    form = LoginForm()
    if form.validate_on_submit():
        # 处理表单数据
        username = form.username.data
        password = form.password.data
        # 这里可以添加验证逻辑，例如检查用户名和密码是否正确
        return redirect(url_for('success'))
    return render_template('login.html', form=form)

@app.route('/success')
def success():
    return 'Login successful!'

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

表单模板 (`login.html`)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Login</title>
</head>
<body>
    <h1>Login</h1>
    <form method="POST" action="">
        {{ form.hidden_tag() }}
        <p>
            {{ form.username.label }}<br>
            {{ form.username(size=32) }}
        </p>
        <p>
            {{ form.password.label }}<br>
            {{ form.password(size=32) }}
        </p>
        <p>{{ form.submit() }}</p>
    </form>
</body>
</html>