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中使用OpenCV进行人脸检测的例子
Apr 18 Python
python中requests模块的使用方法
Apr 08 Python
python装饰器与递归算法详解
Feb 18 Python
Python使用正则表达式过滤或替换HTML标签的方法详解
Sep 25 Python
解决出现Incorrect integer value: '' for column 'id' at row 1的问题
Oct 29 Python
对python3标准库httpclient的使用详解
Dec 18 Python
Python 实现输入任意多个数,并计算其平均值的例子
Jul 16 Python
python字符串替换re.sub()实例解析
Feb 09 Python
django在保存图像的同时压缩图像示例代码详解
Feb 11 Python
python设置代理和添加镜像源的方法
Feb 14 Python
构建高效的python requests长连接池详解
May 02 Python
pandas 实现将NaN转换为None
May 14 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
56.com视频采集接口程序(PHP)
2007/09/22 PHP
几种有用的变型 PHP中循环语句的用法介绍
2012/01/30 PHP
php array的学习笔记
2012/05/16 PHP
php读取txt文件组成SQL并插入数据库的代码(原创自Zjmainstay)
2012/07/31 PHP
解析PHP中一些可能会被忽略的问题
2013/06/21 PHP
php实现邮件发送并带有附件
2014/01/24 PHP
PHP中的替代语法简介
2014/08/22 PHP
php中__destruct与register_shutdown_function执行的先后顺序问题
2014/10/17 PHP
Yii使用技巧大汇总
2015/12/29 PHP
浅谈PHP检查数组中是否存在某个值 in_array 函数
2016/06/13 PHP
jquery validator 插件增加日期比较方法
2010/02/21 Javascript
js function使用心得
2010/05/10 Javascript
JavaScript定时器详解及实例
2013/08/01 Javascript
JavaScript生成GUID的多种算法小结
2013/08/18 Javascript
javascript验证身份证号
2015/03/03 Javascript
纯JS打造网页中checkbox和radio的美化效果
2016/10/13 Javascript
关于vue.js v-bind 的一些理解和思考
2017/06/06 Javascript
Node.js + express基本用法教程
2019/03/14 Javascript
jquery实现的放大镜效果示例
2020/02/24 jQuery
Jquery $.map使用方法实例详解
2020/09/01 jQuery
Python实现图片转字符画的示例
2017/08/22 Python
python导出chrome书签到markdown文件的实例代码
2017/12/27 Python
python之cv2与图像的载入、显示和保存实例
2018/12/05 Python
python+selenium 定位到元素,无法点击的解决方法
2019/01/30 Python
Python3数字求和的实例
2019/02/19 Python
音频处理 windows10下python三方库librosa安装教程
2020/06/20 Python
Python的信号库Blinker用法详解
2020/12/31 Python
python 将Excel转Word的示例
2021/03/02 Python
HTML5的video标签的浏览器兼容性增强方案分享
2016/05/19 HTML / CSS
Canvas图片分割效果的实现
2019/07/29 HTML / CSS
悦木之源美国官网:Origins美国
2016/08/01 全球购物
韩国女装NO.1网店:STYLENANDA
2016/09/16 全球购物
三星加拿大官方网上商店:Samsung CA
2020/12/18 全球购物
七年级数学教学反思
2014/01/22 职场文书
第二课堂活动总结
2014/05/07 职场文书
学校端午节活动总结
2015/02/11 职场文书