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. (WPF) ComboBox 之绑定

    1.  在UI(Xaml) 里面直接绑定数据. <Window x:Class="WpfTutorialSamples.ComboBox_control.ComboBoxSample& ...

  2. win2008 配置TLS1.2

    配置TLS1.2 提供两种方法, 选择其中一种就行了 1.手动设置 找到HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\SecurityProv ...

  3. 第三章 八位数字开关板&模拟输入板&火焰传感器

    这节我将带大家了解亮宁机器人基础外接硬件. 八位数字板开关 接线方法:W1~W8接23~37号数字端口,Enter接39号数字端口,vcc和gnd分别接正负. #include <LNDZ.h& ...

  4. gcc常用参数列举

    [参数详解] -c    只激活预处理,编译,和汇编,也就是他只把程序做成obj文件  例子用法:  gcc -c hello.c  他将生成.o的obj文件    -S  只激活预处理和编译,就是指 ...

  5. ceph-文件存储

    文件存储 ceph文件系统提供了任何大小的符合posix标准的分布式文件系统,它使用Ceph RADOS存储数据.要实现ceph文件系统,需要一个正在运行的ceph存储集群和至少一个ceph元数据服务 ...

  6. 递归遍历目录拷贝cdh下的lib到一个目录

    destpath='/home/hadoop/soft/hadoop-2.0.0-cdh4.5.0/cdhlib/'jarpath='/home/hadoop/soft/hadoop-2.0.0-cd ...

  7. 第50章 读写内部FLASH—零死角玩转STM32-F429系列

    第50章     读写内部FLASH 全套200集视频教程和1000页PDF教程请到秉火论坛下载:www.firebbs.cn 野火视频教程优酷观看网址:http://i.youku.com/fire ...

  8. Unicode编码字符 转换成汉字

    转载:http://www.chengxuyuans.com/iPhone_IOS/48128.html - (NSString *)replaceUnicode:(NSString *)unicod ...

  9. STL 之 set的应用

    关于set Set是STL中的一个容器,特点是其中包含的元素值是唯一的,set根据其底层实现机制分为hash存储和红黑树存储两种方式,这两种结构最本质的区别就是有序和无序,红黑树的存储是有序的而has ...

  10. Django 入门案例开发

    Django是一个重量级的web开发框架,它提供了很多内部已开发好的插件供我们使用:这里不去描述 Django直接进入开发过程. Django入门案例分两部分:一.开发环境的配置:二.业务需求分析. ...