WTForms是什么?

相当于django的ModelForm。

在网页中,为了和用户进行信息交互总是不得不出现一些表单。flask设计了WTForm表单库来使flask可以更加简便地管理操作表单数据。WTForm中最重要的几个概念如下:

  Form类,开发者自定义的表单必须继承自Form类或者其子类。Form类最主要的功能是通过其所包含的Field类提供对表单内数据的快捷访问方式。

  各种Field类,即字段。一般而言每个Field类都对应一个input的HTML标签。比如WTForm自带的一些Field类比如BooleanField就对应<input type="checkbox">,SubmitField就对应<input type="submit">等等。

  Validator类。这个类用于验证用户输入的数据的合法性。比如Length验证器可以用于验证输入数据的长度,FileAllowed验证上传文件的类型等等。

  另外,flask为了防范csfr(cross-site request forgery)攻击,默认在使用flask-wtf之前要求app一定要设置过secret_key。最简单地可以通过app.config['SECRET_KEY'] = 'xxxx'来配置。app的配置涉及到如何架构整个项目目录,这里默认这个SECRET_KEY已经配置完成。

直接上代码:

后端代码:

from flask import Flask, render_template,request
from wtforms.fields import simple, core #用来创建组件
from wtforms import validators
from wtforms import Form #被继承 app = Flask(__name__) class LoginForm(Form):
username = simple.StringField(
label="用户名", # 标签标记
validators=[validators.DataRequired(message="用户名不能为空"),
validators.Length(min=,max=,message="不是长了就是短了")], # 校验条件 可迭代条件
# description='', # 描述标记
id="user_id", # 标签ID
default=None, # 默认值
widget=None, # 默认组件(input type="text") 在StringField中已经被实例化了
render_kw={"class":"my_login"}, # {"class":"my_login"}
)
password = simple.PasswordField(
label="密码", # 标签标记
validators=[validators.DataRequired(message="密码不能为空"),
validators.Length(min=, max=, message="不是长了就是短了"),
validators.Email(message="密码必须符合邮箱规则")], # 不知道
# description='', # 描述标记
id="user_id", # 标签ID
default=None, # 默认值
widget=None, # 默认组件(input type="text") 在PasswordField中已经被实例化了
render_kw={"class": "my_login"}, # {"class":"my_login"}
) class RegForm(Form):
username = simple.StringField(
label="用户名", # 标签标记
validators=[validators.DataRequired(message="用户名不能为空"),
validators.Length(min=,max=,message="用户名不是长了就是短了")], # 校验条件 可迭代条件
) password = simple.PasswordField(
label="密码", # 标签标记
validators=[validators.DataRequired(message="密码不能为空"),
validators.Length(min=, max=, message="密码不是长了就是短了"),
validators.Email(message="密码必须符合邮箱规则")],
) repassword = simple.PasswordField(
label="确认密码", # 标签标记
validators=[validators.EqualTo(fieldname="password",message="眼神未确认")]
) gender = core.RadioField(
label="性别",
coerce=str,
choices=(
("","女"),
("","男")
),
default=""
) hobby = core.SelectMultipleField(
label="爱好",
validators=[validators.Length(min=,max=,message="癖好有问题")],
coerce=int,
choices=(
(, "fengjie"),
(, "luoyufeng"),
(, "lixueqin"),
(, "wuyifan"),
(, "panta")
),
default=(,,)
) @app.route("/",methods=["GET","POST"])
def index():
if request.method == "GET":
fm = LoginForm()
return render_template("index.html",wtf = fm)
else:
new_fm = LoginForm(request.form)
if new_fm.validate():
return new_fm.data.get("password")
else:
return render_template("index.html", wtf=new_fm) @app.route("/reg",methods=["GET","POST"])
def reg():
if request.method == "GET":
rf = RegForm()
return render_template("reg.html",rf = rf)
else:
rf = RegForm(request.form)
if rf.validate():
print(type(rf.data.get("gender")),rf.data.get("gender"))
return rf.data.get("password")
else:
return render_template("reg.html", rf=rf) if __name__ == '__main__':
app.run(debug=True)

前端代码:index

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<form action="" method="post" novalidate>
{{ wtf.username.label }}
{{ wtf.username }}
<p><h1>{{wtf.username.errors.}}</h1></p>
<p>
{{ wtf.password.label }}
{{ wtf.password }}
</p>
<p><h1>{{wtf.password.errors.}}</h1></p>
<input type="submit" value="登录">
</form>
</body>
</html>

前端代码reg

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<form action="" method="post" novalidate>
{% for field in rf %}
<p>{{ field.label }}{{ field }}{{ field.errors. }}</p>
{% endfor %}
<input type="submit" value="注册">
</form>
</body>
</html>

访问效果:

 
 
 

11,flask之--WTForms的更多相关文章

  1. Flask插件wtforms、Flask文件上传和Echarts柱状图

    一.wtforms 类比Django的Form组件Form组件的主要应用是帮助我们自动生成HTML代码和做一些表单数据的验证 flask的wtforms用法跟Form组件大同小异参考文章:https: ...

  2. 1.11 flask

    2019-1-11 16:14:34 还有一天flask剩下的就是爬虫了! 越努力,越幸运!永远不要高估自己! 别人玩,你在默默努力!上帝不会亏待你的! Flask-SQLAlchemy参考连接 ht ...

  3. 85、flask之wtforms

    本篇导航: wtforms组件的使用 自定义From组件 一.wtforms组件的使用 1.flask中的wtforms WTForms是一个支持多个web框架的form组件,主要用于对用户请求数据进 ...

  4. flask之wtforms

    本篇导航: wtforms组件的使用 自定义From组件 一.wtforms组件的使用 1.flask中的wtforms WTForms是一个支持多个web框架的form组件,主要用于对用户请求数据进 ...

  5. Flask的WTforms

    一.简单介绍 WTForms是一个支持多个web框架的form组件,主要用于对用户请求数据进行验证. 类似于Django中的modelform 安装: pip3 install wtforms 二.简 ...

  6. Flask之wtforms源码分析

    一.wtforms源码流程 1.实例化流程分析 # 源码流程 1. 执行type的 __call__ 方法,读取字段到静态字段 cls._unbound_fields 中: meta类读取到cls._ ...

  7. 【Flask】WTForms基本使用

    # WTForms笔记:这个库一般有两个作用.第一个就是做表单验证,把用户提交上来的数据进行验证是否合法.第二个就是做模版渲染. ### 做表单验证:1. 自定义一个表单类,继承自wtforms.Fo ...

  8. flask flask_session,WTForms

    一.Flask_session 本质上,就是是cookie 下的session存储在redis中,方便快速取得session from flask import Flask,session from ...

  9. 11.Flask钩子函数

    在Flask中钩子函数是使用特定的装饰器的函数.为什么叫做钩子函数呢,是因为钩子函数可以在正常执行的代码中,插入一段自己想要执行的代码,那么这种函数就叫做钩子函数. before_first_requ ...

随机推荐

  1. SpringBoot的运行原理

    SpringBoot关于自动配置的源码在spring-boot-autoconfigure-xxxxx.jar中 <源码解析> 查看当前项目中已启用的和未启用的自动配置的报告的三种方法: ...

  2. 建堆复杂度O(n)证明

    堆排序中首先需要做的就是建堆,广为人知的是建堆复杂度才O(n),它的证明过程涉及到高等数学中的级数或者概率论,不过证明整体来讲是比较易懂的. 堆排过程 代码如下 void print(vector&l ...

  3. js call(),apply(),对象冒充,改变变量作用域

    1.apply(); function box(n1,n2){ return n1+n2; } function pox(n1,n2){ alert(box.apply(this,[n1,n2])); ...

  4. PHP:global全局变量的使用

    global全局变量能够让我们更好的去运用,直接上例子: 1.一个函数,获取函数外的内容: 得到的结果: 2.两个函数,函数2获取函数1的全局变量内容:(重点) 结果: 以上就是我的总结啦 END

  5. C++学习之虚函数继承和虚继承

    虚函数的定义要遵循以下重要规则: 1.如果虚函数在基类与派生类中出现,仅仅是名字相同,而形式参数不同,或者是返回类型不同,那么即使加上了virtual关键字,也是不会进行晚绑定的. 2.只有类的成员函 ...

  6. .net core 2.0 WIndows IIS下发布(WIN 10环境)

    最近在做练习,发布.net core webapi在本机IIS上,使用.net core的文件系统发布到IIS后,出现错误 500.19 观察了下页面如下 查阅资料才知道是少安装了一个DotNetCo ...

  7. 【LOJ115】无源汇有上下界可行流(模板题)

    点此看题面 大致题意: 给你每条边的流量上下界,让你判断是否存在可行流.若有,则还需输出一个合法方案. 大致思路 首先,每条边既然有一个流量下界\(lower\),我们就强制它初始流量为\(lower ...

  8. 几乎零配置产生Nuget包的库:White Tie

    通过Nuget管理器为你所需要产生Nuget包的项目安装White Tie,目前最新版本为1.3.16,VS2015下可用,VS2013应该问题也不大,VS2010就不好说了. 安装好之后直接重新生成 ...

  9. Git笔记(pull/push)

    一.从远程服务器上获取分支 git pull <远程主机名> <远程分支>:<本地分支> 例如 git pull origin master:loacal_bran ...

  10. SpringBoot集成Quartz(解决@Autowired空指针Null问题即依赖注入的属性为null)

    使用spring-boot作为基础框架,其理念为零配置文件,所有的配置都是基于注解和暴露bean的方式. Quartz的4个核心概念: 1.Job表示一个工作,要执行的具体内容.此接口中只有一个方法v ...