一、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. java8 用Optional取代null

    如何处理null 怎样做才能避免不期而至的NullPointerException呢?通常,可以在需要的地方添加null的检查(过于激进的防御式检查甚至会在不太需要的地方添加检测代码),并且添加的方式 ...

  2. LODOP打印超文本有边距不居中的情况2

    之前的博文:LODOP打印项水平居中.之前的博文有介绍超文本和纯文本的居中方式,设置超文本打印项居中时,注意打印内容要在打印项本身宽度里居中.之前的博文超文本用的是个表格,而且表格本身没有margin ...

  3. Jenkins - 构建流水线

    1 - 以流水线的方式进行构建 关联多任务形成流水线的两种方法 通过定义项目的后续项目,将项目直接关联起来按顺序执行, 另外定义一个用于统筹管理的项目,定义各项目之间的关联性,然后以流水线的方式执行 ...

  4. Kubernetes & Docker 容器网络终极之战(十四)

    目录 一.单主机 Docker 网络通信 1.1.host 模式 1.2 Bridge 模式 1.3 Container 模式 1.4.None 模式 二.跨主机 Docker 网络通信分类 2.1 ...

  5. jenkins回滚之groovy动态获取版本号

    grovvy调试: 部署路径确定下来, 每个服务写死,传参 服务名 + 环境 给版本服务返回版本信息: groovy取分支: def gettags = ("git ls-remote -h ...

  6. js中引用类型Math一些常用的方法和属性

    js中有一种引用类型叫做Math,和Global属于单体内置对象,里面有一些非常常用的数学方法和数学常量 常用数学常量 Math.E; // 自然对数的底数Math.LN10 10的自然对数 Math ...

  7. 【Linux】一步一步学Linux——Linux系统常用快捷键(12) 待更新...

    目录 00. 目录 01. Gnome下的快捷键 02. 其它 03. 参考 00. 目录 @ 参考博客:https://blog.csdn.net/dengjin20104042056/articl ...

  8. Linux的软连接、硬链接和find命令

    软链接和硬链接 序号 命令 作用 01 ln –s 被链接的源文件 链接文件 建立文件的软连接,用通俗的是方式类似于Windows下的快捷链接 源文件连接要是有绝对路径,不能使用相对路径,这样可以方便 ...

  9. 基于 Docker 和 GitLab 的前端自动化部署实践笔记

    基于 Docker 和 GitLab 的前端自动化部署 实践笔记 随着接触的项目越来越多,在部署测试流程上重复耗时工作也越来越多,所以对前端工作的CI/CD实现愈发迫在眉睫. 前端开发由于三大框架的崛 ...

  10. mysql数据库优化实战--日期及IP地址的正确存储方式