flask中的wtforms使用方法


Posted in Python onJuly 21, 2018

一、简单介绍flask中的wtforms

WTForms是一个支持多个web框架的form组件,主要用于对用户请求数据进行验证。

安装:

pip3 install wtforms

二、简单使用wtforms组件

1、用户登录

flask中的wtforms使用方法

具体代码:

from flask import Flask,render_template,request,redirect
from wtforms.fields import core
from wtforms.fields import html5
from wtforms.fields import simple
from wtforms import Form
from wtforms import validators
from wtforms import widgets
app = Flask(__name__,template_folder="templates")

class Myvalidators(object):
  '''自定义验证规则'''
  def __init__(self,message):
    self.message = message
  def __call__(self, form, field):
    print(field.data,"用户输入的信息")
    if field.data == "haiyan":
      return None
    raise validators.ValidationError(self.message)

class LoginForm(Form):
  '''Form'''
  name = simple.StringField(
    label="用户名",
    widget=widgets.TextInput(),
    validators=[
      Myvalidators(message="用户名必须是haiyan"),#也可以自定义正则
      validators.DataRequired(message="用户名不能为空"),
      validators.Length(max=8,min=3,message="用户名长度必须大于%(max)d且小于%(min)d")
    ],
    render_kw={"class":"form-control"} #设置属性
  )

  pwd = simple.PasswordField(
    label="密码",
    validators=[
      validators.DataRequired(message="密码不能为空"),
      validators.Length(max=8,min=3,message="密码长度必须大于%(max)d且小于%(min)d"),
      validators.Regexp(regex="\d+",message="密码必须是数字"),
    ],
    widget=widgets.PasswordInput(),
    render_kw={"class":"form-control"}
  )



@app.route('/login',methods=["GET","POST"])
def login():
  if request.method =="GET":
    form = LoginForm()
    return render_template("login.html",form=form)
  else:
    form = LoginForm(formdata=request.form)
    if form.validate():
      print("用户提交的数据用过格式验证,值为:%s"%form.data)
      return "登录成功"
    else:
      print(form.errors,"错误信息")
    return render_template("login.html",form=form)


if __name__ == '__main__':
  # app.__call__()
  app.run(debug=True)

login.html

<body>
<form action="" method="post" novalidate>
  <p>{{ form.name.label }} {{ form.name }} {{ form.name.errors.0 }}</p>
  <p>{{ form.pwd.label }} {{ form.pwd }} {{ form.pwd.errors.0 }}</p>
  <input type="submit" value="提交">
  <!--用户名:<input type="text">-->
  <!--密码:<input type="password">-->
  <!--<input type="submit" value="提交">-->
</form>
</body>

2、用户注册

flask中的wtforms使用方法

from flask import Flask,render_template,redirect,request
from wtforms import Form
from wtforms.fields import core
from wtforms.fields import html5
from wtforms.fields import simple
from wtforms import validators
from wtforms import widgets

app = Flask(__name__,template_folder="templates")
app.debug = True

=======================simple===========================
class RegisterForm(Form):
  name = simple.StringField(
    label="用户名",
    validators=[
      validators.DataRequired()
    ],
    widget=widgets.TextInput(),
    render_kw={"class":"form-control"},
    default="haiyan"
  )
  pwd = simple.PasswordField(
    label="密码",
    validators=[
      validators.DataRequired(message="密码不能为空")
    ]
  )
  pwd_confim = simple.PasswordField(
    label="重复密码",
    validators=[
      validators.DataRequired(message='重复密码不能为空.'),
      validators.EqualTo('pwd',message="两次密码不一致")
    ],
    widget=widgets.PasswordInput(),
    render_kw={'class': 'form-control'}
  )

========================html5============================
  email = html5.EmailField( #注意这里用的是html5.EmailField
    label='邮箱',
    validators=[
      validators.DataRequired(message='邮箱不能为空.'),
      validators.Email(message='邮箱格式错误')
    ],
    widget=widgets.TextInput(input_type='email'),
    render_kw={'class': 'form-control'}
  )


===================以下是用core来调用的=======================
  gender = core.RadioField(
    label="性别",
    choices=(
      (1,"男"),
      (1,"女"),
    ),
    coerce=int #限制是int类型的
  )
  city = core.SelectField(
    label="城市",
    choices=(
      ("bj","北京"),
      ("sh","上海"),
    )
  )
  hobby = core.SelectMultipleField(
    label='爱好',
    choices=(
      (1, '篮球'),
      (2, '足球'),
    ),
    coerce=int
  )
  favor = core.SelectMultipleField(
    label="喜好",
    choices=(
      (1, '篮球'),
      (2, '足球'),
    ),
    widget = widgets.ListWidget(prefix_label=False),
    option_widget = widgets.CheckboxInput(),
    coerce = int,
    default = [1, 2]
  )

  def __init__(self,*args,**kwargs): #这里的self是一个RegisterForm对象
    '''重写__init__方法'''
    super(RegisterForm,self).__init__(*args, **kwargs) #继承父类的init方法
    self.favor.choices =((1, '篮球'), (2, '足球'), (3, '羽毛球')) #吧RegisterForm这个类里面的favor重新赋值

  def validate_pwd_confim(self,field,):
    '''
    自定义pwd_config字段规则,例:与pwd字段是否一致
    :param field:
    :return:
    '''
    # 最开始初始化时,self.data中已经有所有的值
    if field.data != self.data['pwd']:
      # raise validators.ValidationError("密码不一致") # 继续后续验证
      raise validators.StopValidation("密码不一致") # 不再继续后续验证

@app.route('/register',methods=["GET","POST"])
def register():
  if request.method=="GET":
    form = RegisterForm(data={'gender': 1}) #默认是1,
    return render_template("register.html",form=form)
  else:
    form = RegisterForm(formdata=request.form)
    if form.validate(): #判断是否验证成功
      print('用户提交数据通过格式验证,提交的值为:', form.data) #所有的正确信息
    else:
      print(form.errors) #所有的错误信息
    return render_template('register.html', form=form)

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

register.html

<body>
<h1>用户注册</h1>
<form method="post" novalidate style="padding:0 50px">
  {% for item in form %}
  <p>{{item.label}}: {{item}} {{item.errors[0] }}</p>
  {% endfor %}
  <input type="submit" value="提交">
</form>
</body>

3、meta

#!/usr/bin/env python
# -*- coding:utf-8 -*-
from flask import Flask, render_template, request, redirect, session
from wtforms import Form
from wtforms.csrf.core import CSRF
from wtforms.fields import core
from wtforms.fields import html5
from wtforms.fields import simple
from wtforms import validators
from wtforms import widgets
from hashlib import md5

app = Flask(__name__, template_folder='templates')
app.debug = True


class MyCSRF(CSRF):
  """
  Generate a CSRF token based on the user's IP. I am probably not very
  secure, so don't use me.
  """

  def setup_form(self, form):
    self.csrf_context = form.meta.csrf_context()
    self.csrf_secret = form.meta.csrf_secret
    return super(MyCSRF, self).setup_form(form)

  def generate_csrf_token(self, csrf_token):
    gid = self.csrf_secret + self.csrf_context
    token = md5(gid.encode('utf-8')).hexdigest()
    return token

  def validate_csrf_token(self, form, field):
    print(field.data, field.current_token)
    if field.data != field.current_token:
      raise ValueError('Invalid CSRF')


class TestForm(Form):
  name = html5.EmailField(label='用户名')
  pwd = simple.StringField(label='密码')

  class Meta:
    # -- CSRF
    # 是否自动生成CSRF标签
    csrf = True
    # 生成CSRF标签name
    csrf_field_name = 'csrf_token'

    # 自动生成标签的值,加密用的csrf_secret
    csrf_secret = 'xxxxxx'
    # 自动生成标签的值,加密用的csrf_context
    csrf_context = lambda x: request.url
    # 生成和比较csrf标签
    csrf_class = MyCSRF

    # -- i18n
    # 是否支持本地化
    # locales = False
    locales = ('zh', 'en')
    # 是否对本地化进行缓存
    cache_translations = True
    # 保存本地化缓存信息的字段
    translations_cache = {}


@app.route('/index/', methods=['GET', 'POST'])
def index():
  if request.method == 'GET':
    form = TestForm()
  else:
    form = TestForm(formdata=request.form)
    if form.validate():
      print(form)
  return render_template('index.html', form=form)


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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Python 相关文章推荐
python使用paramiko模块实现ssh远程登陆上传文件并执行
Jan 27 Python
Python pickle模块用法实例
Apr 14 Python
python Django框架实现自定义表单提交
Mar 25 Python
Python 正则表达式入门(中级篇)
Dec 07 Python
Python通过future处理并发问题
Oct 17 Python
python简单商城购物车实例代码
Mar 15 Python
Python实现的爬取网易动态评论操作示例
Jun 06 Python
pytorch 数据集图片显示方法
Jul 26 Python
django+echart绘制曲线图的方法示例
Nov 26 Python
python打开windows应用程序的实例
Jun 28 Python
python 怎样将dataframe中的字符串日期转化为日期的方法
Sep 26 Python
Django实现内容缓存实例方法
Jun 30 Python
详解flask表单提交的两种方式
Jul 21 #Python
python实现周期方波信号频谱图
Jul 21 #Python
Flask-Mail用法实例分析
Jul 21 #Python
python实现傅里叶级数展开的实现
Jul 21 #Python
Python实现快速傅里叶变换的方法(FFT)
Jul 21 #Python
Python实现获取本地及远程图片大小的方法示例
Jul 21 #Python
opencv python 傅里叶变换的使用
Jul 21 #Python
You might like
PHP 源代码压缩小工具
2009/12/22 PHP
php中定时计划任务的实现原理
2013/01/08 PHP
thinkPHP多域名情况下使用memcache方式共享session数据的实现方法
2016/07/21 PHP
php set_include_path函数设置 include_path 配置选项
2016/10/30 PHP
laravel5使用freetds连接sql server的方法
2018/12/07 PHP
Jquery实战_读书笔记2 选择器
2010/01/22 Javascript
js切换光标示例代码
2013/10/10 Javascript
js去除空格的12种实用方法
2013/11/08 Javascript
js获取触发事件元素在整个网页中的绝对坐标(示例代码)
2013/12/13 Javascript
js文件包含的几种方式介绍
2014/09/28 Javascript
AngularJS的内置过滤器详解
2015/05/14 Javascript
JS实现鼠标滑过折叠与展开菜单效果代码
2015/09/06 Javascript
js数组如何添加json数据及js数组与json的区别
2015/10/27 Javascript
Jquery 自定义事件实现发布/订阅的简单实例
2016/06/12 Javascript
微信小程序 支付简单实例及注意事项
2017/01/06 Javascript
H5上传本地图片并预览功能
2017/05/08 Javascript
Node.js编写CLI的实例详解
2017/05/17 Javascript
Vue.js实现一个todo-list的上移下移删除功能
2017/06/26 Javascript
在vue项目中使用Jquery-contextmenu插件的步骤讲解
2019/01/27 jQuery
vue实现div可拖动位置也可改变盒子大小的原理
2020/09/16 Javascript
分析Python中设计模式之Decorator装饰器模式的要点
2016/03/02 Python
Python 搭建Web站点之Web服务器与Web框架
2016/11/06 Python
pandas把dataframe转成Series,改变列中值的类型方法
2018/04/10 Python
在python中利用opencv简单做图片比对的方法
2019/01/24 Python
python实现代码统计程序
2019/09/19 Python
使用PyTorch实现MNIST手写体识别代码
2020/01/18 Python
python 实现PIL模块在图片画线写字
2020/05/16 Python
python属于解释型语言么
2020/06/15 Python
python装饰器代码深入讲解
2021/03/01 Python
详解移动端h5页面根据屏幕适配的四种方案
2020/04/15 HTML / CSS
大学生实习思想汇报
2014/01/12 职场文书
骨干教师培训感言
2014/01/16 职场文书
教师中国梦演讲稿
2014/04/23 职场文书
2014大学生党员评议个人总结
2014/09/22 职场文书
车辆年检委托书范本
2014/10/14 职场文书
pandas时间序列之pd.to_datetime()的实现
2022/06/16 Python