一、WTfroms简介

WTForms插件是类似于django的form组件的插件，可以帮我们写标签，校验数据等。

二、安装与使用

安装:

pip install WTForms

使用:

from wtforms import Form

from wtforms.fields import simple, core

from wtforms import validators

class RegForm(Form):

    username = simple.StringField(

        label="用户名",

        validators=[

            validators.DataRequired(message="数据不能为空！"),

            validators.length(min=4, max=6, message="用户名不能少于4位且不能大于6位")

        ],

        render_kw={"class": "form-control", "pp": ""}

    )

    password = simple.PasswordField(

        label="密码",

        validators=[

            validators.DataRequired(message="密码不能为空！"),

            validators.length(min=6, max=16, message="密码不能少于6位且不能大于6位"),

            validators.Regexp(regex="\d+", message="密码必须是数字")

        ],

        render_kw={"class": "form-control", "pp": ""}

    )

    re_password = simple.PasswordField(

        label="确认密码",

        validators=[

            validators.EqualTo(fieldname="password", message="两次密码不一致")

        ],

        render_kw={"class": "form-control"}

    )

    gender = core.RadioField(

        label="性别",

        validators=[

            validators.DataRequired(message="请先选择一个性别！")

        ],

        choices=((1, "男"), (2, "女")),

        coerce=int,

        # default=1,

    )

    hobby = core.SelectMultipleField(

        label="爱好",

        choices=((1, "游戏"), (2, "妹子"), (3, "汉子")),

        coerce=int,

        default=[1, 2],

        render_kw={"class": "form-control"}

    )

@app.route("/register", methods=("GET", "POST"))

def reg():

    form_obj = RegForm()

    if request.method == "POST":

        print(request.form)

        form_obj = RegForm(request.form)

        if form_obj.validate():

            ers = request.form.to_dict()

            print(ers)

            print(form_obj.data)

            return "注册成功"

    return render_template("reg.html", form_obj=form_obj)

if __name__ == '__main__':

    app.run(debug=True)

前端:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"

          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

</head>

<body>

<div class="container">

    <div class="row">

        <div class="col-md-4 col-md-offset-4">

            <form action="" method="post" novalidate>

                {% for field in form_obj %}

                    <div class="form-group">

                        {{ field.label }}

                        {{ field }}

                        {{ field.errors.0 }}

                    </div>

                {% endfor %}

                <div>

                    <button class="btn btn-primary btn-lg btn-block">注册</button>

                </div>

            </form>

        </div>

    </div>

</div>

</body>

</html>

Flask之WTfroms组件的更多相关文章

  1. Flask第三方工具组件介绍

    flask-wtf组件flask-login组件flask-session组件flask-sqlalchemy组件flask-script组件flask-cache组件flask-assets组件fl ...

  2. flask框架----flask-session组件

    简介 flask-session是flask框架的session组件,由于原来flask内置session使用签名cookie保存,该组件则将支持session保存到多个地方,如: redis:保存数 ...

  3. Python Flask wtfroms组件

    简介 WTForms是一个支持多个web框架的form组件,主要用于对用户请求数据进行验证. 安装: pip3 install wtforms 用户登录注册示例 1. 用户登录 当用户登录时候,需要对 ...

  4. flask之三方组件

    Flask-session Flask-session跟框架自带的session有什么区别呢 框架自带的session是通过请求上下文~放入到Local中的~那如果我们想把session放入别的地方怎 ...

  5. Flask框架—flask_sqlalchemy组件使用

    一.flask_sqlalchemy组件 我们之前学过SQLAlchemy,一个独立的数据库关系对象映射,其实在flask中也有官方认可的第三方SQLAlchemy组件,用于处理flask中对象关系映 ...

  6. 8、flask之flask-script组件

    Flask Script扩展提供向Flask插入外部脚本的功能,包括运行一个开发用的服务器,一个定制的Python shell,设置数据库的脚本,cronjobs,及其他运行在web应用之外的命令行任 ...

  7. flask之flask-script组件

    Flask Script扩展提供向Flask插入外部脚本的功能,包括运行一个开发用的服务器,一个定制的Python shell,设置数据库的脚本,cronjobs,及其他运行在web应用之外的命令行任 ...

  8. flask框架----flask-script组件

    Flask Script扩展提供向Flask插入外部脚本的功能,包括运行一个开发用的服务器,一个定制的Python shell,设置数据库的脚本,cronjobs,及其他运行在web应用之外的命令行任 ...

  9. 1.7 flask 的组件 wtfroms使用

    2019-1-7 17:59:37 还有两天左右flask就结束啦!昨晚逛了一下吾爱破解还有慕课,发现有三个意外项目, Django生鲜项目,flask电影网站项目,vue美团网项目,都保存百度云啦, ...

随机推荐

  1. 报错：sqoop2执行job时：Exception: Job Failed with status:3

    报错背景: 创建完成sqoop2的一个job,主要功能是将数据从hdfs存到mysql数据库中. 执行job的时候发生报错. 报错现象: sqoop:> start job -j -s Subm ...

  2. [LeetCode] 210. Course Schedule II 课程安排II

    There are a total of n courses you have to take, labeled from 0 to n - 1. Some courses may have prer ...

  3. 对get post等http请求方式的理解

    本文是关于get,post等几种请求方式的资料搜集和学习,HTTP,HTTP2协议的涉及点,然后提到了socket协议,RPC 先是和朋友的一些交流对话,问着问着就到了我的知识盲区.需要恶补一下这方面 ...

  4. poj 2775 文件结构“图"

    总时间限制: 1000ms 内存限制: 65536kB 描述 在计算机上看到文件系统的结构通常很有用.Microsoft Windows上面的"explorer"程序就是这样的一个 ...

  5. npm，umi，yarn

    npm 是什么? npm 为你和你的团队打开了连接整个 JavaScript 天才世界的一扇大门.它是世界上最大的软件注册表,每星期大约有 30 亿次的下载量,包含超过 600000 个 包(pack ...

  6. java8新特性1--Lambda表达式

    一.Lambda表达式是什么? Lambda表达式有两个特点 一是匿名函数,二是可传递. 匿名函数的应用场景是 通常是在需要一个函数,但是又不想费神去命名一个函数的场合下使用Lambda表达式.lam ...

  7. Python-13-模块和包

    一.模块的概念 在计算机程序的开发过程中,随着程序代码越写越多,在一个文件里代码就会越来越长,越来越不容易维护. 为了编写可维护的代码,我们把很多函数分组,分别放到不同的文件里,这样,每个文件包含的代 ...

  8. PAT(B) 1060 爱丁顿数（Java：21分）

    题目链接:1060 爱丁顿数 (25 point(s)) 题目描述 英国天文学家爱丁顿很喜欢骑车.据说他为了炫耀自己的骑车功力,还定义了一个"爱丁顿数" E ,即满足有 E 天骑车 ...

  9. Find the median（线段树+离散化）（2019牛客暑期多校训练营（第七场））

    题目出处:Find the median 示例: 输入: 53 1 4 1 5 92 7 1 8 2 9 输出:3 4 5 4 5 说明:L = [3, 2 ,4, 1, 7],R = [4, 8, ...

  10. windows 开始→运行→命令集锦

    windows 开始→运行→命令集锦 来源于网络,侵权请通知我删除 命令 说明 vwinver 检查Windows版本 wmimgmt.msc 打开windows管理体系结构(WMI) wupdmgr ...