表单提交_flask表单提交

最新推荐文章于 2023-07-24 23:03:18 发布
最新推荐文章于 2023-07-24 23:03:18 发布
阅读量528 收藏 1
点赞数
文章标签： 表单提交
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_36474001/article/details/112729599
版权

好久不见，今天心血来潮给大家科普下flask表单提交小知识，小板凳坐坐好，开讲了！

正题:

准备两个html文件，代码如下

index.htmle5aa39afd98ff35891e830c6aa6006fc.png

login.html8da4fcd45c98539de6020bcb1e16f08c.png

在flask文件中写一个路由，将页面的值接受并且将作为入参请求登录接口

434ef0e8453a0b80bd2a040e167cb618.png

fname引用index.html中的值

lname引用index.html的值

num返回给login.html显示

response返回给login.html显示

启动flask服务，打开页面输入127.0.0.1:5000

页面输入用户名、密码

1053d49d5bc9745e809f439125c509e0.png

提交后页面自动显示如下

643310632572813e43a603a575739fc5.png

今天写的这个有点小小的绕，其实最简单的就是直接return页面传过来的fname和lname显示到login.html

但既然想要高端必须加点难度啊，将页面的值传入一个接口作为入参再将接口返回的值显示再页面上，想想就很赞啊！

不知道你看懂了没，学会了瞬间觉得自己很厉害了，可以自己再思考下是不是可以再加点东西形成自己的一个可用的工具，帮助减轻工作呢，有问题随时解答！

如果上面的能帮助到你，记得点个赞哦！

南城游子
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
自学第一天，Flask提交表单数据
Yll222520的博客
06-27 1236
flask表单提交
flask入门之表单提交
guyyihuh的博客
10-28 9278
1. 介绍 Flask是基于python的web框架，核心部分包括Werkzeug和jinja2。 本节模拟一个表单提交的过程，即在用户提交表单后浏览到新页面。需要准备两个html文件（一个提交界面和一个新界面）和一个app.py文件。 2. 代码实现 app.py文件代码如下： from flask import Flask,render_template,request import datetime app = Flask(__name__) @app.route('/test/reg
flask提交表单
nickyu888的博客
01-10 345
1. 创建test_flask.py主程序 test_flask.py from flask import Flask, render_template, request app = Flask(__name__) @app.route('/') def student(): return render_template('student.html') @app.route('/re...
Flask表单提交的方法
Java知音
04-19 1万+
这里介绍一下Flask表单提交相关的方法，还是以代码实例为主。首先，Flask模板中表单提交代码与我们一般写的H5表单无异，当然，Flask也提供了表单类，Flask-WTF扩展。这里只介绍常规的表单提交方法。首先是模板类：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&g...
Flask单Form表单多按钮提交
Major_S的博客
07-20 254
【代码】Flask单Form表单多按钮提交。
详解flask表单提交的两种方式
09-20
主要介绍了详解flask表单提交的两种方式，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Flask框架学习笔记之表单基础介绍与表单提交方式
09-18
本篇文章将深入探讨Flask中的表单基础和两种主要的提交方式——GET和POST。 首先，让我们了解表单的基本概念。在HTML中，表单是由`<form>`标签定义的，它包含了各种表单元素，如文本框、密码框、文本区域、单选按钮...
C_Flask_4.2_需求评审表单设计_ver1.0.11
08-08
"C_Flask_4.2_需求评审表单设计_ver1.0.11"标题暗示了这是一个针对Flask 4.2版本的C#项目的需求评审表格，版本号为1.0.11，表明这可能是项目的迭代更新。 需求规格说明书是软件开发的基石，它详尽地定义了系统应...
C_Flask_5.18_软件测试需求评审表单设计_ver1.1.01
08-08
"C_Flask_5.18_软件测试需求评审表单设计_ver1.1.01"是一个专门针对这类开发环境的测试需求评审工具，用于规范和系统化测试流程，提高测试效率和质量。 该表单的设计包含了多个关键元素，旨在确保所有可能的问题都...
C_Flask_5.18_软件问题报告表单设计_ver1.2.01
08-08
《C_Flask_5.18_软件问题报告表单设计》是针对基于Flask框架的C#软件开发过程中的质量控制环节所设计的重要文档模板。版本Ver1.2.01对原有的报告表单进行了优化和更新，旨在提供更有效的问题跟踪和管理机制，确保...
Flask创建表单
sisiair的博客
01-12 2119
使用flask提交表单的方式 1、前端html： {% extends "base.html" %} {% import "bootstrap/wtf.html" as wtf %} {% block title %}Flasky{% endblock %} {% block page_content %} Hello, {% if name %}{{ name }}{% els
flask-表单提交 弹窗 跳转页面
热门推荐
srg1011的博客
07-02 1万+
问题: 在用flask的过程中,遇到一个问题,就是想提交一个表单之后弹出一个提交成功,然后跳转到另一个页面. 但是如果用submit 则无法跳转,用button不能提交. 最后还是选择了用submit,然后在.py里面进行重定向. 前端页面x.html中: ... .py中: @app.route('/XXX',methods=['GET','POST'])
form提交表单_19. Flask web表单 FlaskWTF表单扩展
weixin_39747399的博客
11-30 300
Web表单web表单是web应用程序的基本功能。它是HTML页面中负责数据采集的部件。表单有三个部分组成：表单标签、表单域、表单按钮。表单允许用户输入数据，负责HTML页面数据采集，通过表单将用户输入的数据提交给服务器。在Flask中，为了处理web表单，我们一般使用Flask-WTF扩展，它封装了WTForms，并且它有验证表单数据的功能。安装Flask-WTF扩展pip3 insta...
Flask表单
gaitiangai的专栏
05-28 280
1、安装表单依赖：pip install Flask-WTF2、引入即将要继承的表单类：from   flask_wtf   import   Form3、引入标签类：from  wtforms import StringFeild4、引入输入限制： from  wtforms.validators  import  Required...
flask中web表单应用
happy_bigqiang的博客
03-15 1669
web表单1: 制作简易表单有几个步骤： 1， 跨站请求伪造保护 2， 表单类 3， 在视图函数中处理表单 4， 在html文件中处理表单 5, 关于重定向和用户会话—- – – ———分割线之具体步骤 0，先安装 pip install flask-wtf1， 老规矩，先在hello.py中修改代码,Cross-Site Request Forgery ,flas
Flask表单-cookie登录
珂鸣玉的博客
04-19 507
一、基于Flask的请求方式简介 Flask前端表单 前端flask请求和其他的web请求没有区别 后端flask必须在aap.route里面通过method=[]来声明post方法，才可以接受post数据 Flask当中，request是一个独立的模块，我们需要导入 From flask import request Flask 试图函数当做，和django一样可以通过，reques...
flask表单验证的流程
鶸者为何战斗
12-28 3284
稍微看了一下flask form的验证源码 @app.route('/form', methods=['POST', 'GET']) def form(): form = EntriesForm()//1 if request.method == 'GET': return render_template('hello.html', form=form)
如何使用Flask-WTF来处理表单提交和验证？
2301_78316786的博客
07-24 795
总之，Flask-WTF提供了一个简单的方法来处理Flask应用中的表单提交和验证。Flask-WTF是一个Flask插件，它结合了Flask和WTForms，使得在Flask应用中处理表单变得非常简单。身份验证：Flask-WTF提供了一个简单的的方法来验证用户身份，可以与Flask的认证系统集成。接下来，让我们创建一个简单的Flask应用，并使用Flask-WTF处理表单提交和验证。自定义验证器：可以使用自定义验证器来验证表单数据，例如邮箱地址验证、密码强度验证等。首先，我们要安装Flask-WTF。
flask 表单提交
最新发布
08-27
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、付费专栏及课程。

余额充值