Flask WTForms – 将文本字段发送到数组

在本文中，我们将介绍如何使用Flask和WTForms将文本字段POST到一个数组。

阅读更多：Flask 教程

为什么要将文本字段发送到数组？

在一些Web应用程序中，我们可能需要允许用户输入多个条目的信息。例如，一个博客应用可能允许用户同时撰写多篇博客文章。在这种情况下，我们需要一种方法来接收用户输入的多个标题和内容。

一个解决方案是将文本字段发送到一个数组，这样我们就可以轻松地处理多个输入。

创建Flask应用程序

首先，我们需要设置一个基本的Flask应用程序。我们将使用以下代码创建一个简单的应用程序：

from flask import Flask, render_template, request
from wtforms import Form, StringField, SubmitField

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

class MyForm(Form):
    title = StringField('Title')
    content = StringField('Content')
    submit = SubmitField('Submit')

@app.route('/', methods=['GET', 'POST'])
def index():
    form = MyForm(request.form)
    if request.method == 'POST' and form.validate():
        titles = request.form.getlist('title')
        contents = request.form.getlist('content')
        for title, content in zip(titles, contents):
            # 处理每个标题和内容
            # 在这里你可以将它们保存到数据库或进行其他操作
            print(f'Title: {title}, Content: {content}')
    return render_template('index.html', form=form)

在这段代码中，我们导入了必要的模块和类，并创建了一个基本的表单类MyForm。表单类由两个文本字段和一个提交按钮组成。

我们还设置了一个路由'/'，可以通过GET和POST方法访问。在POST请求中，我们调用request.form.getlist()方法来获取用户输入的多个标题和内容。然后我们可以对这些数据进行处理，比如将它们保存到数据库或进行其他操作。

创建HTML模板

接下来，我们需要为应用程序创建一个HTML模板。在这个例子中，我们将使用Jinja2模板引擎和Bootstrap框架来创建一个简单的用户界面。

以下是一个简单的index.html模板示例：

<!DOCTYPE html>
<html>
<head>
    <title>Flask WTForms</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
    <div class="container">
        <h1>Flask WTForms</h1>
        <form method="POST" action="/">
            {{ form.csrf_token }}
            {{ form.title.label }}
            {{ form.title }}
            {{ form.content.label }}
            {{ form.content }}
            {{ form.submit }}
        </form>
    </div>
</body>
</html>

这个模板包含了一个标题、一个内容和一个提交按钮。我们使用WTForms的模板标记来渲染表单字段。