百度360必应搜狗淘宝本站头条
mqtt服务器xftp6vscode使用技巧mybatiscollectionkeyerror
当前位置：网站首页 > 热门文章 > 正文

发现一款功能强大的 Python 组件 FlaskForm

bigegpt 2024-09-25 14:37 3 浏览

Part1：FlaskForm 是什么

说到 FlaskForm，首先得谈谈 WTForms 是什么。

WTForms 是一个 Flask 集成的框架，也可以说是库。用于处理浏览器表单提交的数据。

它在 Flask-WTF 的基础上扩展并添加了一些随手即得的精巧的帮助函数， 这些函数将会使在 Flask 里使用表单更加有趣。

Flask-WTF 是集成 WTForms，并带有 csrf 令牌的安全表单和全局的 csrf 保护的功能。

每次我们在建立表单所创建的类都是继承于 Flask_WTF 中的 FlaskForm，而 FlaskForm 是继承 WTForms 中 Forms。


Part2：WTForm 支持的字段与验证器

WTForms 支持 HTML 字段：

1.字段类型说明

  • StringField—文本字段， 相当于 type 类型为 text 的 input 标签
  • TextAreaField—多行文本字段
  • PasswordField—密码文本字段
  • HiddenField—隐藏文本字段
  • DateField—文本字段，值为 datetime.date 格式
  • DateTimeField—文本字段，值为 datetime.datetime 格式
  • IntegerField—文本字段，值为整数
  • DecimalField—文本字段，值为 decimal.Decimal 格式
  • FloatField—文本字段，值为浮点数
  • BooleanField—复选框，值为 True 和 False
  • RadioField—一组单选框
  • SelectField—下拉列表
  • SelectMultipleField—下拉列表，可选择多个值
  • FileField—文件上传字段
  • SubmitField—表单提交按钮
  • FormFiled—把表单作为字段嵌入另一个表单
  • FieldList—子组指定类型的字段


2.Validators 验证器

WTForms 可以支持很多表单的验证函数：

验证函数说明

  • Email—验证是电子邮件地址
  • EqualTo—比较两个字段的值；常用于要求输入两次密钥进行确认的情况
  • IPAddress—验证 IPv4 网络地址
  • Length—验证输入字符串的长度
  • NumberRange—验证输入的值在数字范围内
  • Optional—无输入值时跳过其它验证函数
  • DataRequired—确保字段中有数据
  • Regexp—使用正则表达式验证输入值
  • URL—验证url
  • AnyOf—确保输入值在可选值列表中
  • NoneOf—确保输入值不在可选列表中


Part3：示例演示

Python 代码

from flask import Flask,render_template,request,flash
#导入wtf扩展的表单类
from flask_wtf import FlaskForm
#导入自定义表单需要的字段
from wtforms import SubmitField,StringField,PasswordField
#导入wtf扩展提供的表单验证器
from wtforms.validators import DataRequired,EqualTo,Email,Length

app1 = Flask(__name__)
app1.config['SECRET_KEY']='1'

class Login(FlaskForm):
    username = StringField(label=u'用户名:',
                     validators=[DataRequired(message='用户名不能为空'),
                                 Length(min=6,max=12,message='长度为6-12位')],
                     render_kw={'placeholder':'请输入用户名...','maxlength':12}
                     )
    email =  StringField(u'邮箱',
                    validators=[DataRequired(message= u'邮箱不能为空'),
                                Length(1, 64),
                              Email(message= u'请输入有效的邮箱地址，比如：test@qq.com')])
    passwd = PasswordField(label=u'密码:', validators=[DataRequired(),
                            EqualTo('passwd2', message='密码不一致')])
    passwd2 = PasswordField(label=u'确认密码:',validators=[DataRequired()])
    submit = SubmitField(u'提交')

@app1.route('/', methods=['GET', 'POST'])
def index():
    form = Login()
    if form.validate_on_submit():
        name = form.username.data
        email=form.email.data
        pswd = form.passwd.data
        pswd2 = form.passwd2.data
        print(name, email,pswd, pswd2)
        return '注册成功'
    else:
        if request.method == 'POST':
            flash(u'信息有误，请重新输入！')
        print(form.validate_on_submit())
    return render_template('register.html', form=form)

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

Html 代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form method="post">
{{ form.csrf_token() }}
    {{ form.username.label }}
    <p>{{ form.username }}</p>
    {% for tip in form.username.errors %}
        <span style="color:red">{{ tip }}</span>
    {% endfor %}
    <br>
    {{ form.email.label }}
    <p>{{ form.email }}</p>
    {% for tip in form.email.errors %}
        <span style="color:red">{{ tip }}</span>
    {% endfor %}
    <br>
     {{ form.passwd.label }}
    <p>{{ form.passwd }}</p>
    {% for tip in form.passwd.errors %}
        <span style="color:red">{{ tip }}</span>
    {% endfor %}
    <br>
    {{ form.passwd2.label }}
    <p>{{ form.passwd2 }}</p>
    <br>
![](https://files.mdnice.com/user/17949/8a26638a-5d2f-464b-8bec-6bc51206028a.png)

    <p>{{ form.submit() }}</p>

    {% for x in get_flashed_messages() %}
        {{ x }}
    {% endfor %}

</form>
</body>
</html>


Part4：页面提交后的效果展示

相关推荐

C#.NET Autofac 详解（c# autoit）

简介Autofac是一个成熟的、功能丰富的.NET依赖注入（DI）容器。相比于内置容器，它额外提供：模块化注册、装饰器（Decorator）、拦截器（Interceptor）、强o的属性/方法注...

webapi 全流程（webapi怎么部署）

C#中的WebAPIMinimalApi没有控制器，普通api有控制器，MinimalApi是直达型，精简了很多中间代码，广泛适用于微服务架构MinimalApi一切都在组控制台应用程序类【Progr...

.NET外挂系列:3. 了解 harmony 中灵活的纯手工注入方式

一：背景1.讲故事上一篇我们讲到了注解特性，harmony在内部提供了20个HarmonyPatch重载方法尽可能的让大家满足业务开发，那时候我也说了，特性虽然简单粗暴，但只能解决95%...

C# 使用SemanticKernel调用本地大模型deepseek

一、先使用ollama部署好deepseek大模型。具体部署请看前面的头条使用ollama进行本地化部署deepseek大模型二、创建一个空的控制台dotnetnewconsole//添加依赖...

C#.NET 中间件详解（.net core中间件use和run）

简介中间件（Middleware）是ASP.NETCore的核心组件，用于处理HTTP请求和响应的管道机制。它是基于管道模型的轻量级、模块化设计，允许开发者在请求处理过程中插入自定义逻辑。...

IoC 自动注入:让依赖注册不再重复劳动

在ASP.NETCore中，IoC（控制反转）功能通过依赖注入（DI）实现。ASP.NETCore有一个内置的依赖注入容器，可以自动完成依赖注入。我们可以结合反射、特性或程序集扫描来实现自动...

C#.NET 依赖注入详解（c#依赖注入的三种方式）

简介在C#.NET中，依赖注入（DependencyInjection，简称DI）是一种设计模式，用于实现控制反转（InversionofControl，IoC），以降低代码耦合、提高可...

C#从零开始实现一个特性的自动注入功能

在现代软件开发中，依赖注入（DependencyInjection,DI）是实现松耦合、模块化和可测试代码的一个重要实践。C#提供了优秀的DI容器，如ASP.NETCore中自带的Micr...

C#.NET 仓储模式详解（c#仓库货物管理系统）

简介仓储模式（RepositoryPattern）是一种数据访问抽象模式，它在领域模型和数据访问层之间创建了一个隔离层，使得领域模型无需直接与数据访问逻辑交互。仓储模式的核心思想是将数据访问逻辑封装...

C#.NET 泛型详解（c# 泛型 滥用）

简介泛型（Generics）是指在类型或方法定义时使用类型参数，以实现类型安全、可重用和高性能的数据结构与算法为什么需要泛型类型安全防止“装箱／拆箱”带来的性能损耗，并在编译时检测类型错误。可重用同一...

数据分析-相关性分析（相关性 分析）

相关性分析是一种统计方法，用于衡量两个或多个变量之间的关系强度和方向。它通过计算相关系数来量化变量间的线性关系，从而帮助理解变量之间的相互影响。相关性分析常用于数据探索和假设检验，是数据分析和统计建模...

geom_smooth()函数-R语言ggplot2快速入门18

在每节，先运行以下这几行程序。library(ggplot2)library(ggpubr)library(ggtext)#用于个性化图表library(dplyr)#用于数据处理p...

规范申报易错要素解析（规范申报易错要素解析）

为什么要规范申报？规范申报是以满足海关监管、征税、统计等工作为目的，纳税义务人及其代理人依法向海关如实申报的行为，也是海关审接单环节依法监管的重要工作。企业申报的内容须符合《中华人民共和国海关进出口货...

「Eurora」海关编码归类 全球海关编码查询 关务服务

　　海关编码是什么?　　海关编码即HS编码，为编码协调制度的简称。　　其全称为《商品名称及编码协调制度的国际公约》(InternationalConventionforHarmonizedCo...

9月1日起，河南省税务部门对豆制品加工业试行新政7类豆制品均适用投入产出法

全媒体记者杨晓川报道9月2日，记者从税务部门获悉，为减轻纳税人税收负担，完善农产品增值税进项税额抵扣机制，根据相关规定，结合我省实际情况，经广泛调查研究和征求意见，从9月1日起，我省税务部门对豆制品...

一周热门
最近发表
标签列表