flask入门之表单的实现


Posted in Python onJuly 18, 2018

一、原生表单

form.html

{% extends 'common/base.html' %}
{% block title %}
  原生表单
{% endblock %}
{% block pagecontent %}
{#  <form action="{{ url_for('check') }}" method="post">#}
  <form action="{{ url_for('form') }}" method="post">
    <p>用户名: <input type="text" name="username" placeholder="请输入用户名" maxlength="12"></p>
    <p>密码: <input type="password" name="userpass" placeholder="请输入密码..."></p>
    <p><input type="submit" value="提交"></p>
  </form>
{% endblock %}

manage.py

@app.route('/form/')
def form():
  return render_template('form1.html')

#接收表单的数据
@app.route('/check/',methods=['POST'])
def check():
  print(request.form)
  return '提交过来了'

将俩个路由地址合并为同一个

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

二、使用flask-wtf表单扩展库

作用: 是一个用于表单处理的扩展库 提供表单的校验 csrf的功能

pip install flask-wtf

使用

(1) 字段类型

字段名称 字段类型
StringField 普通文本字段
PasswordField 密码框
SubmitField 提交按钮
TextAreaField 多行文本域
HiddenField 隐藏域
DateField 日期
DateTimeField 日期时间
IntegerField 整形
FloatFIeld 浮点型
RadioField 单选字段
SelectField 下拉
FileField 文件上传字段
BooleanField 布尔字段

(2) 验证器

验证器 说明
DataRequired 必填
Length 长度 min max
IPAddress IP地址
Email 邮箱
URL 地址
Regexp 正则匹配
EqualTo 验证俩个字段值的正确性
NumberRange 输入值的范围 min max

实例

在manage中

from flask import Flask,render_template,request
from flask_script import Manager
from flask_bootstrap import Bootstrap
#导入自定义表单类的基类
from flask_wtf import FlaskForm
#导入表单的字段
from wtforms import StringField,PasswordField,SubmitField
#导入验证器
from wtforms.validators import Length,DataRequired

app = Flask(__name__)
bootstrap = Bootstrap(app)
#加密种子 csrf需要使用
app.config['SECRET_KEY'] = 'abcdedff'
manager = Manager(app)

class Login(FlaskForm):
  username = StringField('用户名',validators=[Length(min=6,max=12,message='用户名的长度为6~12为'),DataRequired(message='用户名不能为空!!!')])
  userpass = PasswordField('密码',validators=[Length(min=6,max=12,message='用户名的长度为6~12为'),DataRequired(message='密码不能为空!!!')])
  submit = SubmitField('登录')

@app.route('/')
def index():
  return render_template('index.html')

@app.route('/form/',methods=['GET','POST'])
def form():
  #将表单类实例化
  form = Login()
  if request.method == 'POST':
    #验证是否存在正确的csrftoken和 数据的正确性 如果都正确则为真
    if form.validate_on_submit():
      # print(request.form)
      print(form.username.data)
  return render_template('form2.html',form=form)
from flask import Flask,render_template,request
from flask_script import Manager
from flask_bootstrap import Bootstrap
#导入自定义表单类的基类
from flask_wtf import FlaskForm
#导入表单的字段
from wtforms import StringField,PasswordField,SubmitField
#导入验证器
from wtforms.validators import Length,DataRequired


app = Flask(__name__)
bootstrap = Bootstrap(app)
#加密种子 csrf需要使用
app.config['SECRET_KEY'] = 'abcdedff'
manager = Manager(app)

class Login(FlaskForm):
  username = StringField('用户名',validators=[Length(min=6,max=12,message='用户名的长度为6~12为'),DataRequired(message='用户名不能为空!!!')])
  userpass = PasswordField('密码',validators=[Length(min=6,max=12,message='用户名的长度为6~12为'),DataRequired(message='密码不能为空!!!')])
  submit = SubmitField('登录')

@app.route('/')
def index():
  return render_template('index.html')

@app.route('/form/',methods=['GET','POST'])
def form():
  #将表单类实例化
  form = Login()
  if request.method == 'POST':
    #验证是否存在正确的csrftoken和 数据的正确性 如果都正确则为真
    if form.validate_on_submit():
      # print(request.form)
      print(form.username.data)
  return render_template('form2.html',form=form)

在模板中

{% extends 'common/base.html' %}
{% block title %}
  原生表单
{% endblock %}
{% block pagecontent %}
  <form action="{{ url_for('form') }}" method="post">
    <p>{{ form.csrf_token }}</p>
    <p>{{ form.username.label() }} {{ form.username(style='color:red;',class='userclass',placeholder='请输入用户名') }}
      {% if form.errors%}
      <span style="color:red;">{{ form.errors.username.0 }}</span>
      {% endif %}
    </p>
    <p>{{ form.userpass.label() }} {{ form.userpass() }}</p>
    <p>{{ form.submit() }}</p>
  </form>
{% endblock %}

使用 bootstrap渲染表单

{% import 'bootstrap/wtf.html' as wtf %}
{% block pagecontent %}
  <div class="row">
    <div class="col-md-8">图片</div>
    <div class="col-md-4">{{ wtf.quick_form(form,action="",method="") }}
    </div>
  </div>
{% endblock %}

自定义表单验证器

class Login(FlaskForm):
  ...
  def validate_username(self,field):
    # print(field)
    if field.data == 'zhangsan':
    # if self.username.data == 'zhangsan':
      raise ValidationError('该用户已存在')

注意:

validate_ 验证的字段名称 为固定格式

所有字段和验证器方法的使用

class Login(FlaskForm):
  username = StringField('用户名',validators=[Length(min=6,max=12,message='用户名的长度为6~12为'),DataRequired(message='用户名不能为空!!!')])
  userpass = PasswordField('密码',validators=[Length(min=6,max=12,message='用户名的长度为6~12为'),DataRequired(message='密码不能为空!!!'),EqualTo('confirm',message='俩次密码输入不一致')])
  confirm = PasswordField('确认密码')
  info = TextAreaField('个人简介',validators=[Length(min=6,max=20,message='内容为6-20个长度'),DataRequired(message='内容不能为空')],render_kw={"style":"resize:none;",'placeholder':"请输入你此刻的感谢..."})
  hidde = HiddenField()
  birth = DateField('出生日期')
  birth = DateTimeField('出生日期')
  age = IntegerField('年龄',validators=[NumberRange(min=6,max=99,message='年龄为6~99岁')])
  money = FloatField()

  sex = RadioField(choices=[('w','女'),('m','男')])
  address = SelectField(choices=[('1001','北京'),('1002','上海'),('1003','天津')])

  file = FileField('文件上传')

  argee = BooleanField('请仔细阅读以上条款')

  ip = StringField('IPV4',validators=[IPAddress(message='请输入正确的ip地址')])
  url = StringField('url地址',validators=[URL(message='输入正确的url地址')])
  email = StringField('email',validators=[Email(message='请输入正确的邮箱地址')])
  preg = StringField('手机号码',validators=[Regexp('^[1][3-8][0-9]{9}$',flags=re.I,message='请输入正确的手机号码')])
  submit = SubmitField('登录')

三、flash 消息的显示

概述: 当用户请求 或者有消息的显示 通过flash,get_flashed_messages 来进行操作

导入

from flask import flash,get_flashed_messages

from flask import flash,get_flashed_messages

class Login(FlaskForm):
  username = StringField('用户名',validators=[DataRequired(message='用户名不能为空')])
  userpass = PasswordField('密码',validators=[DataRequired(message='密码不能为空')])
  submit = SubmitField('登录')

@app.route('/form/',methods=['GET','POST'])
def form():
  form = Login()
  if form.validate_on_submit():
    if form.username.data == 'zhangsan' and form.userpass.data == '123456':
      flash('登录成功')
      return redirect(url_for('index'))
    else:
      flash('当前用户不存在')
  return render_template('user/login.html',form=form)

使用

{% for message in get_flashed_messages() %}
  <div class="alert alert-danger" role="alert">{{ message }}</div>
{% endfor %}

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

Python 相关文章推荐
利用python实现命令行有道词典的方法示例
Jan 31 Python
Python定义一个跨越多行的字符串的多种方法小结
Jul 19 Python
详解Django中类视图使用装饰器的方式
Aug 12 Python
python绘制多个子图的实例
Jul 07 Python
在python中用print()输出多个格式化参数的方法
Jul 16 Python
python文档字符串(函数使用说明)使用详解
Jul 30 Python
Django中提供的6种缓存方式详解
Aug 05 Python
python matplotlib如何给图中的点加标签
Nov 14 Python
python中的selenium安装的步骤(浏览器自动化测试框架)
Mar 17 Python
Python QT组件库qtwidgets的使用
Nov 02 Python
Python Django / Flask如何使用Elasticsearch
Apr 19 Python
python​格式化字符串
Apr 20 Python
Flask入门之上传文件到服务器的方法示例
Jul 18 #Python
flask入门之文件上传与邮件发送示例
Jul 18 #Python
Sanic框架流式传输操作示例
Jul 18 #Python
django 发送邮件和缓存的实现代码
Jul 18 #Python
python实现linux下抓包并存库功能
Jul 18 #Python
python调用tcpdump抓包过滤的方法
Jul 18 #Python
Python使用Selenium模块模拟浏览器抓取斗鱼直播间信息示例
Jul 18 #Python
You might like
如何对PHP程序中的常见漏洞进行攻击
2006/10/09 PHP
php中设置index.php文件为只读的方法
2013/02/06 PHP
php向js函数传参的几种方法
2014/08/10 PHP
yii实现CheckBox复选框在同一行显示的方法
2014/12/03 PHP
php+mysql实现无限分类实例详解
2015/01/15 PHP
PHP如何使用Memcached
2016/04/05 PHP
PHP程序员必须知道的两种日志实例分析
2020/05/14 PHP
Jquery遍历checkbox获取选中项value值的方法
2014/02/13 Javascript
JS来动态的修改url实现对url的增删查改
2014/09/05 Javascript
在JavaScript中处理时间之setMinutes()方法的使用
2015/06/11 Javascript
js实现超酷的照片墙展示效果图附源码下载
2015/10/08 Javascript
html+js+highcharts绘制圆饼图表的简单实例
2016/08/04 Javascript
D3.js实现直方图的方法详解
2016/09/25 Javascript
浅谈Vue路由快照实现思路及其问题
2018/06/07 Javascript
jQuery实现简单评论功能
2020/08/19 jQuery
vue treeselect获取当前选中项的label实例
2020/08/31 Javascript
JavaScript 生成唯一ID的几种方式
2021/02/19 Javascript
[59:26]DOTA2上海特级锦标赛D组资格赛#1 EG VS VP第二局
2016/02/28 DOTA
Python实现对excel文件列表值进行统计的方法
2015/07/25 Python
PyCharm鼠标右键不显示Run unittest的解决方法
2018/11/30 Python
Python基于opencv实现的简单画板功能示例
2019/03/04 Python
浅谈Python_Openpyxl使用(最全总结)
2019/09/05 Python
python实现连续变量最优分箱详解--CART算法
2019/11/22 Python
Oracle的内存结构(Memory structures)
2015/06/10 面试题
系统管理员的职责包括那些?管理的对象是什么?
2013/01/18 面试题
金融专业个人的自我评价
2013/10/18 职场文书
学生拾金不昧表扬信
2014/01/21 职场文书
园林技术个人的自我评价
2014/02/15 职场文书
财务会计自荐信范文
2014/02/21 职场文书
小学端午节活动方案
2014/03/13 职场文书
合同意向书范本
2014/07/30 职场文书
学雷锋的心得体会
2014/09/04 职场文书
2015年妇幼卫生工作总结
2015/05/23 职场文书
初一语文教学反思
2016/03/03 职场文书
python实现网络五子棋
2021/04/11 Python
Python使用pyecharts控件绘制图表
2022/06/05 Python