Flask 使用Flask处理带有单选按钮的表单

在本文中，我们将介绍如何使用Flask框架处理带有单选按钮的表单。Flask是一个用于构建Web应用程序的微型框架，它具有简洁明了的API，并且易于上手。处理带有单选按钮的表单是Web开发中常见的任务之一，下面将通过一个示例详细介绍如何使用Flask来处理这样的表单。

阅读更多：Flask 教程

准备工作

在开始之前，我们需要安装Flask框架。可以通过以下命令使用pip进行安装：

pip install flask

安装完成后，我们可以开始构建我们的应用程序。

创建Flask应用

首先，我们创建一个新的Python文件，并导入Flask模块：

from flask import Flask, render_template, request

app = Flask(__name__)

Flask类是Flask框架的核心组件，我们通过实例化这个类来创建我们的Flask应用程序。
render_template函数用于渲染模板文件，我们将在后面的示例中使用它。
request对象代表当前请求的信息，我们将使用它来获取表单数据。

接下来，我们定义一个路由，该路由将处理表单的提交：

@app.route('/submit', methods=['POST'])
def submit():
    selected_option = request.form.get('options')
    return "You have selected: " + selected_option

@app.route 装饰器用于指定URL和相应的处理函数。这里我们指定了/submit作为URL，并将submit函数作为处理函数。
methods参数告诉Flask这个路由只接受POST请求。

在submit函数中，我们通过request.form.get方法获取名为options的表单字段的值。这里的options是我们表单中单选按钮的name属性。

创建表单模板

现在，我们需要创建一个HTML模板来显示表单并接收用户的输入。在项目的根目录下创建一个名为templates的文件夹，并在其中创建一个名为form.html的文件：

<!DOCTYPE html>
<html>
<head>
    <title>Flask Form</title>
</head>
<body>
    <h1>请选择一个选项：</h1>
    <form action="/submit" method="post">
        <input type="radio" name="options" value="option1"> 选项1<br>
        <input type="radio" name="options" value="option2"> 选项2<br>
        <input type="radio" name="options" value="option3"> 选项3<br>
        <input type="submit" value="提交">
    </form>
</body>
</html>

在这个模板中，我们使用了input标签来创建单选按钮，并使用name属性给它们分配一个共同的名称options，以便在后端处理时可以通过该名称获取用户的选择。

运行应用程序

接下来，我们需要编写一个用于启动应用程序的代码：

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

在终端中执行以下命令以启动Flask应用程序：

python 文件名.py

然后在浏览器中访问http://localhost:5000，您将看到一个带有单选按钮的表单。选择一个选项并点击“提交”按钮，您将被重定向到/submit路由，并在页面上看到你选择的选项。

总结

通过本文的介绍，我们学习了如何使用Flask处理带有单选按钮的表单。我们首先创建了一个Flask应用程序，并定义了一个处理表单提交的路由。然后，我们创建了一个HTML模板用于显示表单和接收用户的选择。最后，我们启动应用程序并在浏览器中测试了它的功能。希望这个示例能帮助您更好地理解如何使用Flask处理具有单选按钮的表单。