flask入门3-表单

摘要：表单一原生表单原生表单用户名请输入用户名密码请输入密码提交接收表单的数据提交过来了将俩个路由地址合并为同一个二使用表单扩展库作用是一个用于表单处理的扩展库提供表单的校验的功能使用字段类型字段名称字段类型普通文本字段密码框提交按钮多行文本

form.html

{% extends "common/base.html" %}
{% block title %}
    原生表单
{% endblock %}
{% block pagecontent %}
{#    
#}
    
        
用户名: 
        
密码： 
        

    
{% 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")

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

pip install flask-wtf

实例

在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)

{% extends "common/base.html" %}
{% block title %}
    原生表单
{% endblock %}
{% block pagecontent %}
    

        
{{ form.csrf_token }}
        
{{ form.username.label() }} {{ form.username(style="color:red;",class="userclass",placeholder="请输入用户名") }}
            {% if  form.errors%}
            {{ form.errors.username.0 }}
            {% endif %}
        
        
{{ form.userpass.label() }} {{ form.userpass() }}
        
{{ form.submit() }}
    
{% endblock %}

{% import "bootstrap/wtf.html" as wtf %}
{% block pagecontent %}
    

        
图片
        
{{ wtf.quick_form(form,action="",method="") }}
        
    
{% 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,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() %}
    
{{ message }}
{% endfor %}

flask入门4-文件上传与邮件发送