flask html提交表单,Flask 将表单数据发送到模板

Flask 将表单数据发送到模板

我们已经看到,可以在 URL 规则中指定 http 方法。触发函数接收的 Form数据可以以字典对象的形式收集它并将其转发到模板以在相应的网页上呈现它。

在以下示例中,'/' URL会呈现具有表单的网页(student.html)。填入的数据会发布到触发result()函数的 '/result' URL。

result()函数收集字典对象中的 request.form中存在的表单数据,并将其发送给 result.html。

该模板动态呈现表单数据的 HTML 表格。

下面给出的是应用程序的 Python 代码:from flask import Flask, render_template, request

app = Flask(__name__)

@app.route('/')

def student():

return render_template('student.html')

@app.route('/result',methods = ['POST', 'GET'])

def result():

if request.method == 'POST':

result = request.form

return render_template("result.html",result = result)

if __name__ == '__main__':

app.run(debug = True)

下面给出的是 student.html的 HTML 脚本。

Name

Physics

Chemistry

Maths

下面给出了模板( result.html )的代码:

{% for key, value in result.items() %}

{{ key }} {{ value }}

{% endfor %}

运行 Python 脚本,并在浏览器中输入 URL

c437bc54c16f731e724b1ea8303288e9.png

当点击提交按钮时,表单数据以 HTML 表格的形式呈现在 result.html上。

0952c229e3c3f60443a0c40da6b0973e.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Flask表单提交是指在Flask框架中通过表单向服务器提交数据的过程。Flask提供了多种方法来实现表单提交,其中包括使用HTML表单以及使用Flask-WTF扩展中的WTForms库来创建和处理表单。 在使用HTML表单的情况下,可以通过在Flask模板中编写HTML表单代码来创建表单表单提交动作可以通过指定表单的method为POST,并设置action属性为请求的URL路径来实现。然后,在Flask应用的路由函数中,可以使用request.form来获取表单中的数据,进而进行处理。这种方式比较常见且简单,适用于简单的表单提交场景。 另一种更灵活和强大的方式是使用Flask-WTF扩展中的WTForms库,它可以帮助我们更方便地创建和处理表单。首先需要安装Flask-WTF库,可以通过运行`pip install -i https://pypi.douban.com/simple Flask-WTF`来完成安装。 使用WTForms,我们可以通过定义一个继承自`flask_wtf.FlaskForm`的表单类来创建表单。在表单类中,可以定义各种字段,如文本输入框、单选框、复选框等,并设置相应的验证规则。在Flask应用的路由函数中,可以通过实例化表单类来获取表单对象,并使用`form.validate_on_submit()`方法来验证表单数据的合法性。如果验证通过,可以通过`form.fieldname.data`来获取表单字段的值,进而进行处理。这种方式更加灵活且易于扩展,适用于复杂的表单提交场景。 总结起来,Flask表单提交可以通过使用HTML表单Flask-WTF的WTForms库来实现。使用HTML表单需要在模板中编写HTML代码,并在Flask应用的路由函数中使用`request.form`来获取表单数据。而使用WTForms需要定义一个表单类,并在路由函数中实例化表单类,然后通过调用相应的方法来验证和处理表单数据。 <span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [Flask表单提交的方法](https://blog.csdn.net/weixin_36380516/article/details/80008602)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [Web前端之Flask框架--表单操作](https://blog.csdn.net/ANingL/article/details/104724255)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值