Flask-WTF处理表单

最新推荐文章于 2024-10-13 19:04:04 发布

H3rmesk1t

最新推荐文章于 2024-10-13 19:04:04 发布

阅读量155

点赞数

分类专栏： # Python之Flask学习文章标签： python html flask

本文链接：https://blog.csdn.net/LYJ20010728/article/details/114334149

版权

Python之Flask学习专栏收录该内容

4 篇文章 1 订阅

订阅专栏

app.py

#encoding:utf-8
from flask import Flask
from flask import flash
from flask import url_for
from flask import render_template
from flask_wtf.csrf import CSRFProtect
# 导入定义的BaseLogin
from form import BaseLogin
import config

app = Flask(__name__)
app.config.from_object(config)  # 配置文件初始化

@app.route('/login', methods=['GET', 'POST'])
def baselogin():
    form = BaseLogin()  # 进行表单验证
    if form.validate_on_submit():   # 判断验证提交是否通过
        # 消息闪现
        flash(form.name.data+'|'+form.password.data)
        return '消息提交成功'
    else:
        # 渲染
        return render_template('login.html', form=form)

@app.route('/')
def index():
    return 'Hello World!'

if __name__ == '__main__':
    app.run(debug=True, host='127.0.0.1', port='4399')

config.py

#coding:utf-8
import os

SECRET_KEY = os.urandom(24)     # 生成密钥
CSRF_ENABLED = True     # 开启CSRF保护

form.py

# 引入From基类
from flask_wtf import Form
# 引入From元素父类
from wtforms import StringField
from wtforms import PasswordField
# 引入From验证父类
from wtforms.validators import DataRequired
from wtforms.validators import Length

# 登录表蛋类，继承于From类
class BaseLogin(Form):
    # 用户名
    name = StringField('name', validators=[DataRequired(message="用户名不能为空"), Length(6, 16, message="用户名长度位于6到16位之间")], render_kw={'placeholder':'请输入用户名'})

    # 密码
    password = PasswordField('password', validators=[DataRequired(message="密码不能为空"), Length(6, 16, message="密码长度位于6到16位之间")], render_kw={'placeholder':'请输入密码'})

login.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Flase_WTF</title>
    <style type="text/css">
        .div1 {
            height: 180px;
            width: 380px;
            border: 1px solid #8A8989;
            margin: 0 auto;
        }
        .input {
            display: block;
            width: 350px;
            height: 40px;
            margin: 10px auto;
        }
        .button {
            background: #2066C5;
            color: white;
            font-size: 18px;
            font-weight: bold;
            height: 50px;
            border-radius: 4px;
        }
    </style>
</head>
<body>
<div class="div1">
    <form action="login" method="post">
        <!--启动csrf-->
        {{ form.hidden_tag() }}     <!--CSRF表单-->
        {{ form.name(size=16, id='name', class='input') }}
        {% for e in form.name.errors %}
            <span style="color: red">{{ e }}</span>     <!--错误提示-->
        {% endfor %}
        {{ form.password(size=16, id='password', class='input') }}
        {% for e in form.name.errors %}
            <span style="color: red">{{ e }}</span>     <!--错误提示-->
        {% endfor %}
        <input type="submit" value="登录" class="input button">       <!--登录用按钮-->
    </form>
</div>
</body>
</html>