Flask-WTForms 简单使用
安装 wtforms 2.2.1
直接上代码:
app.py 文件:
from flask import Flask, render_template, request
from wtforms import Form, validators
from wtforms.fields import simple, core # form 字段设计
class RegForm(Form):
# simple 字段类型
# StringField 和 TextAreaField 都是字符串的意思,StringField支持的类型少于StringField
username = simple.StringField(
label="用户名",
validators=[ # validators -- 校验信息
validators.DataRequired(message="用户不能为空"), # DataRequired -- 当前的地方必须填写数据; message -- 错误信息
validators.length(min=4, max=8, message="用户名必须大于等于4小于等于8") # length -- 长度
],
render_kw={"class": "my_class"} # 添加 class
) password = simple.PasswordField(
label="密码",
validators=[
validators.DataRequired(message="密码不能为空"),
validators.length(min=6, max=16, message="密码必须大于等于6小于等于16")
],
render_kw={"class": "my_class"} # 添加 class
) repassword = simple.PasswordField(
label="重复密码",
validators=[
validators.DataRequired(message="重复密码不能为空"),
validators.EqualTo("password", message="两次密码不一致") # EqualTo("字段名称") 判断该字段是否等于"字段名称"中的值
]
) gender = core.SelectField( # 单选字段在核心模块(支持的类型多)中才有
label="性别",
choices=( # 选项
(1, "女"),
(2, "男")
),
default=2, # 默认值
coerce=int # 指定前端提交过来的选项的类型是数字还是字符串 下边有验证
) email = simple.StringField(
label="邮箱",
validators=[
validators.Email(message="不符合规定")
]
) hobby = core.SelectMultipleField( # 多选字段
label="爱好",
choices=(
("", "读书"),
("", "美食"),
("", "电影"),
("", "音乐"),
),
default=("", "", "", ""),
coerce=str # 指定前端提交过来的选项的类型是数字还是字符串 下边有验证
) app = Flask(__name__) # 实例化 app reg_form = RegForm() # form信息(对象)赋值给reg_form @app.route("/form_reg", methods=["GET", "POST"])
def reg():
if request.method == "GET":
return render_template("form_reg.html", reg_form=reg_form)
if request.method == "POST":
reg_form_data = RegForm(request.form) # 拿到前端传过来的数据(request.form),给RegForm进行校验
if reg_form_data.validate(): # 如果前段穿过来的数据通过校验
print(type(reg_form_data.data.get("gender"))) # <class 'int'>
print(reg_form_data.data.get("hobby")) # ['1', '2', '3', '4']
return " * {注册成功} * 愿世界和平,无病无灾"
else:
# 前端传过来的内容未通过校验,返回注册页面, 附带注册提交的错误数据和错误提示
return render_template("form_reg.html", reg_form=reg_form_data) if __name__ == '__main__':
app.run()
form_reg.html 文件:
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta http-equiv="content-Type" charset="UTF-8">
<meta http-equiv="x-ua-compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Title</title> <style>
.my_class{
width: 500px;
}
</style>
</head>
<body>
<h1>注册页面</h1>
<form action="" method="post" enctype="multipart/form-data" novalidate>
{% for field in reg_form %}
<p>{{ field.label }}: {{ field }} <span style="color: red">{{ field.errors.0 }}</span> </p>
{% endfor %} {# {{ reg_form.username.label }}: {{ reg_form.username }}{{ reg_form.username.errors.0 }}<br>#}
{# {{ reg_form.password.label }}: {{ reg_form.password }}{{ reg_form.password.errors[0] }}<br>#} <input type="submit" value="提交">
</form>
</body>
</html>
Flask-WTForms 简单使用的更多相关文章
- Flask的简单认识
Flask的简单认识 Flask是轻量级的框架,适用于简单的程序 与Django的比较: Django: 无socket,中间件,路由,视图(CBV,FBV),模板,ORM, cookie,sessi ...
- 使用Flask开发简单接口
作为测试人员,在工作或者学习的过程中,有时会没有可以调用的现成的接口,导致我们的代码没法调试跑通的情况. 这时,我们使用python中的web框架Flask就可以很方便的编写简单的接口,用于调用或调试 ...
- Flask wtforms实现简单的登录注册
目录结构 视图 # -*- coding:utf-8 -*- # Author : Niuli # Data : 2019-02-27 19:26 from flask import render_t ...
- flask wtforms组件详解
一.简介 在flask内部并没有提供全面的表单验证,所以当我们不借助第三方插件来处理时候代码会显得混乱,而官方推荐的一个表单验证插件就是wtforms.wtfroms是一个支持多种web框架的form ...
- Flask wtforms 表单验证使用
目录 wtforms 使用1(简单版): 使用2(复杂版): wtforms 安装:pip3 install wtforms 使用1(简单版): from flask import Flask, re ...
- Flask WTForms的使用和源码分析 —— （7）
Flask-WTF是简化了WTForms操作的一个第三方库.WTForms表单的两个主要功能是验证用户提交数据的合法性以及渲染模板.还有其它一些功能:CSRF保护, 文件上传等.安装方法: pip3 ...
- flask的简单使用
一.Flask中的CBV from flask import Flask, render_template from flask import views app = Flask(__name__, ...
- Python: Flask框架简单介绍
接触Python之后我第一次听说Flask,我就根据自己搜罗的知识尽可能简洁的说出来.如果不准确的地方还请指正,谢谢. Flask是什么? Flask是基于Python编写的微 ...
- WTForms In Flask(WTForms在Flask中的应用)
WTForms WTForms是一个支持多个web框架的form组件,主要用于对用户请求数据进行验证. 安装wtforms : pip3/pip install wtforms 用户登录/注册示例 项 ...
- Flask实现简单的群聊和单聊
Flask是使用python写的一个简单轻量级的框架,今天我们使用Flask实现一个简单的单聊和群聊功能 . 主要思路 : 前端登录聊天室,聊天室信息包含用户的登录信息,相当于一个登录功能,会把这个信 ...
随机推荐
- c#判断字符串是否为空或null
通常有: string str=""; .if(str=="") .if(str==String.Empty) .) 三种方法的效果一样,都可以判断字符串是否为 ...
- Startup 类
Startup 类的作用: 配置应用所需的任何服务 定义请求处理管道 配置(或注册)服务的代码添加到Startup.ConfigureServices方法中.服务是应用使用的组件.例如,Entity ...
- JS和CSS交互的方法
用JavaScript获取伪元素(pseudo-element)属性 var color=window.getComputedStyle( document.querySelector('.ele ...
- python 列表生成式，生成器&迭代器
列表生成式: 需求:要对列表 [0,1,2,3,4,5,6,7,8,9]的每个元素加1 用列表生成式一步搞定: li = [i+1 for i in range(10)] # 这种写法就叫列表生成式 ...
- Swift用户通知授权
func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIAppli ...
- Jmeter分布式部署- linux
https://www.cnblogs.com/beginner-boy/p/7836276.html https://www.cnblogs.com/wuhenyan/p/6419368.html ...
- ServerSocket详解及线程阻塞_03
ServerSocket详解构造方法ServerSocket()ServerSocket(int port)ServerSocket(int port ,int backlog)serverSocke ...
- v-charts 第一次亲密接触
v-charts是什么鬼 v-charts是饿了么团队开源的一个图表库,vue+echarts开发.用element-ui直接集成echarts有些费劲,而v-charts已经封装成vue组件,可以直 ...
- 浅谈 MongoDB
MongoDB 是一个基于分布式文件存储的数据库.由 C++ 语言编写.旨在为 WEB 应用提供可扩展的高性能数据存储解决方案.他支持的数据结构非常松散,是类似json的bson格式,因此可以存储比较 ...
- 搭建Android浏览器壳子
搭建Android浏览器壳子 不久前我们要做一个Android端的手机APP,但没有用Android原生的组件, 而是把这个APP做成了一个访问某一固定IP的浏览器,即单纯的一个壳子: 具体的内容用V ...