Flask Form 多个数据|极客教程

Flask Form 多个数据

在Web应用程序的开发过程中，处理表单数据是一个必不可少的功能。Flask作为一个轻量级的Web框架，提供了方便的方式来处理表单数据。在本文中，我们将学习如何在Flask应用程序中处理多个数据字段的表单。

创建Flask应用程序

首先，我们需要创建一个Flask应用程序。我们可以使用Flask的Flask类来创建一个应用程序。我们还需要安装flask模块。可以通过以下命令来安装：

pip install flask

接下来，我们创建一个名为app.py的Python文件，并添加以下代码：

from flask import Flask

app = Flask(__name__)

@app.route('/')
def index():
    return 'Hello, World!'

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

以上代码创建了一个简单的Flask应用程序，当访问根URL时，会返回Hello, World!。

创建表单

接下来，我们将创建一个表单来接收多个数据字段。我们将使用Flask-WTF插件来简化表单创建和验证过程。可以通过以下命令来安装Flask-WTF：

pip install flask-wtf

我们在app.py文件中添加以下代码来创建表单：

from flask_wtf import FlaskForm
from wtforms import StringField, SubmitField

class MultiDataForm(FlaskForm):
    name = StringField('Name')
    email = StringField('Email')
    submit = SubmitField('Submit')

以上代码创建了一个名为MultiDataForm的表单，其中包含了两个输入字段name和email，以及一个提交按钮submit。

添加表单视图

接下来，我们需要添加一个视图来渲染表单并处理用户提交的数据。我们在app.py文件中添加以下代码：

from flask import render_template
from app import app
from forms import MultiDataForm

@app.route('/form', methods=['GET', 'POST'])
def form():
    form = MultiDataForm()
    if form.validate_on_submit():
        name = form.name.data
        email = form.email.data
        return f'Name: {name}, Email: {email}'
    return render_template('form.html', form=form)

以上代码创建了一个名为form的视图，当用户访问/formURL时，将渲染表单并处理用户提交的数据。如果表单验证通过，将返回用户提交的数据。

创建HTML模板

最后，我们需要创建一个HTML模板来渲染表单。我们在templates文件夹下创建一个名为form.html的文件，并添加以下代码：

<!DOCTYPE html>
<html>
<head>
    <title>Multi Data Form</title>
</head>
<body>
    <h1>Multi Data Form</h1>
    <form method="POST">
        {{ form.hidden_tag() }}
        <p>{{ form.name.label }}: {{ form.name }}</p>
        <p>{{ form.email.label }}: {{ form.email }}</p>
        <p>{{ form.submit }}</p>
    </form>
</body>
</html>

以上代码创建了一个简单的HTML表单，显示了两个输入字段和一个提交按钮。