通过使用 FlaskForm ，可以方便快捷的实现表单处理。

说明

  • 操作系统：Windows 10
  • Python 版本：3.7x
  • 虚拟环境管理器：virtualenv
  • 代码编辑器：VS Code

实验目标

通过使用 flask_wtf 进行表单的相关操作，并完成新用户合法性注册。

安装

pip install flask_wtf

使用

首先，我们在 todolist 目录中创建一个 forms.py 文件，定义一个注册的表单类， 用于完成用户注册。示例代码如下所示：

from flask_wtf import FlaskForm

from wtforms import StringField, SubmitField, TextAreaField, PasswordField

from wtforms.validators import DataRequired, Length, Email, EqualTo, ValidationError

from models import User

class RegisterForm(FlaskForm):

    username = StringField('用户名：', validators=[

                           DataRequired(), Length(min=6, max=20)])

    email = StringField('邮箱：', validators=[DataRequired(), Email()])

    pwd = PasswordField('密码：', validators=[

        DataRequired(), Length(min=8, max=120)])

    confirm = PasswordField('确认密码：', validators=[

                            DataRequired(), EqualTo('pwd')])

    submit = SubmitField('提交')

    def validate_username(self, username):

        user = User.query.filter_by(name=username.data).first()

        if user:

            raise ValidationError("用户昵称已存在。")

    def validate_email(self, email):

        user = User.query.filter_by(email=email.data).first()

        if user:

            raise ValidationError('邮箱已存在.')

然后修改我们的路由视图 todolist\app\views.py，示例代码如下所示：

from flask import render_template, redirect, url_for, flash

from werkzeug.security import generate_password_hash

from app import app, db

from forms import RegisterForm

from models import User

@app.route('/')

@app.route('/index')

def index():

    return render_template('index.html', title="首页")

@app.route('/login')

def login():

    return render_template('login.html', title='登录')

@app.route('/register', methods=['POST', 'GET'])

def register():

    form = RegisterForm()

    if form.validate_on_submit():

        username = form.username.data

        email = form.email.data

        pwd = form.pwd.data

        print(username, email, pwd)

        hash = generate_password_hash(pwd)

        user = User(name=username, email=email, pwd=pwd)

        db.session.add(user)

        db.session.commit()

        flash('注册成功', category='info')

        return redirect(url_for('login'))

    return render_template('register.html', title='注册', form=form)

然后，修改 todolist\app\templates\base.html ，添加闪现消息，示例代码如下所示：

<!doctype html>

<html lang="en">

<head>

    {% block head %}

    <!-- Required meta tags -->

    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> {% block styles %}

    <!-- Bootstrap CSS -->

    <link rel="icon" href="{{ url_for('static', filename='favicon.ico') }}"> {{ bootstrap.load_css() }} {% endblock %}

    {% if title %}

    <title>{{title}}</title>

    {% else %}

    <title>愿望清单</title>

    {% endif %} {% endblock %}

</head>

<body>

    {% include "nav.html" %}

    <div class="container">

        {% for message in get_flashed_messages() %}

        <div class="alert alert-primary" role="alert">

            {{ message }}

        </div>

        {% endfor %}

        <!-- Your page contont -->

        {% block content %}{% endblock%}

    </div>

    {% block scripts %}

    <!-- Optional JavaScript -->

    {{ bootstrap.load_js() }} {% endblock %}

</body>

</html>

接着，完善 todolist\app\templates\register.html 中的注册表单，示例代码如下所示：

{% extends 'base.html' %} {% block content %}

<h1>注册页面</h1>

{% from 'bootstrap/form.html' import render_form %}

{{ render_form(form) }}

{% endblock %}

注：由于我们使用了 flask_bootstrap 插件，所有我们可以直接通过它来渲染出我们的表单。

最后，由于表单提交会涉及 跨域访问问题 CSRF，所以我们需要修改我们的 todolist\config.py 文件，添加一个 SECRET_KEY 字段，示例代码如下所示：

import os

basedir = os.path.abspath(os.path.dirname(__file__))

class Config(object):

    SQLALCHEMY_DATABASE_URI = os.environ.get(

        'SQLALCHEMY_DATABASE_URI') or 'mysql+pymysql://root:mysql@127.0.0.1:3306/todo'

    SQLALCHEMY_TRACK_MODIFICATIONS = False

    SECRET_KEY = "you will never known it."

此时，当我们运行起我们的网站后进入注册页面 http://127.0.0.1:5000/register 进行用户注册，如果注册完成后自动跳转到登陆页面则表示用户注册已经可以正常运行了。

Flask 系列之 FlaskForm的更多相关文章

  1. Flask 系列之 部署发布

    说明 操作系统:Windows 10 Python 版本:3.7x 虚拟环境管理器:virtualenv 代码编辑器:VS Code 实验目标 通过 Windows 的 WSL,将我们的项目网站部署到 ...

  2. 【Python】Flask系列-URL和视图笔记

    1.学习目标 熟悉Flask相关知识. 熟悉web开发流程. 能独立开发Flask项目. 2.环境配置 Python虚拟环境安装 因为python的框架更新迭代太快了,有时候需要在电脑上存在一个框架的 ...

  3. Flask 系列之 Pagination

    说明 操作系统:Windows 10 Python 版本:3.7x 虚拟环境管理器:virtualenv 代码编辑器:VS Code 实验目标 实现当前登录用户的事务浏览.添加.删除 操作 实现 首先 ...

  4. Flask 系列之 LoginManager

    说明 操作系统:Windows 10 Python 版本:3.7x 虚拟环境管理器:virtualenv 代码编辑器:VS Code 实验目标 通过使用 flask-login 进行会话管理的相关操作 ...

  5. Flask系列：数据库

    这个系列是学习<Flask Web开发:基于Python的Web应用开发实战>的部分笔记 对于用户提交的信息,包括 账号.文章 等,需要能够将这些数据保存下来 持久存储的三种方法: 文件: ...

  6. Flask 系列之 Migration

    说明 操作系统:Windows 10 Python 版本:3.7x 虚拟环境管理器:virtualenv 代码编辑器:VS Code 实验目标 通过使用 flask-migrate 实现数据库的迁移操 ...

  7. Flask 系列之 Blueprint

    说明 操作系统:Windows 10 Python 版本:3.7x 虚拟环境管理器:virtualenv 代码编辑器:VS Code 实验目标 学习如何使用 Blueprint 介绍 接触过 DotN ...

  8. Flask 系列之 优化项目结构

    说明 操作系统:Windows 10 Python 版本:3.7x 虚拟环境管理器:virtualenv 代码编辑器:VS Code 实验目标 完善环境配置,添加 异常请求 处理 实现 400.404 ...

  9. Flask 系列之 Bootstrap-Flask

    说明 操作系统:Windows 10 Python 版本:3.7x 虚拟环境管理器:virtualenv 代码编辑器:VS Code 实验目标 通过使用 Bootstrap-Flask 来进行页面美化 ...

随机推荐

  1. Openvswitch手册(1): 架构，SSL, Manager, Bridge

    Openvswitch是一个virutal swtich, 支持Open Flow协议,当然也有一些硬件Switch也支持Open Flow协议,他们都可以被统一的Controller管理,从而实现物 ...

  2. Project Structure详解

    Project Structure “ 项目结构”对话框允许您管理项目和IDE级别的元素,例如Modules,Facets,Libraries, Artifacts和SDK. 在大多数情况下,左边部分 ...

  3. nohup和&后台运行，进程查看及终止

    1.nohup 用途:不挂断地运行命令. 语法:nohup Command [ Arg … ] [ & ] 无论是否将 nohup 命令的输出重定向到终端,输出都将附加到当前目录的 nohup ...

  4. 背水一战 Windows 10 (108) - 通知（Tile）: application tile 基础, secondary tile 基础

    [源码下载] 背水一战 Windows 10 (108) - 通知(Tile): application tile 基础, secondary tile 基础 作者:webabcd 介绍背水一战 Wi ...

  5. Python学习笔记【第六篇】：迭代器、生成器、高阶函数、装饰器

    迭代器 迭代器是访问集合元素的一种方式,迭代器从对象的第一个元素开始访问,知道所有元素被访问完成.迭代器只能往前访问,不能通过索引访问. 类型内部使用__iter__()方法转为迭代器,使用__nex ...

  6. ajax jsonp请求报错not a function的解决方案

    概述 最近工作中使用ajax,有时会报json4 is not a function的错误,有时又不会报错.找了很久,网上说是因为多次请求同一个资源导致的,但是我检查了自己的代码,对于重复资源并没有重 ...

  7. Node.js(day2)

    一.使用Node实现基本Apache的功能 在上一篇笔记中,我们提到如果打开一个文件需要进行一次url判断是繁琐的,我们希望我们的Node具有类似Apache这种web服务器的一个功能:将文件放到ww ...

  8. Node.js(day1)

    一.什么是Node.js Node.js Everywhere 我们可以从官网的介绍来分析:node中文网 | node引文网 Node.js® 是一个基于 Chrome V8 引擎 的 JavaSc ...

  9. redis info 详解

    # Server(服务器信息)redis_version:3.0.6                              #redis服务器版本redis_git_sha1:00000000   ...

  10. sql server 备份与恢复系列一 必备知识

    一.备份概述 数据安全是数据库的生命,数据库在使用过程中难免会遇到如:使用者的误操作或是被恶意修改,硬件故障导致数据文件无法被访问,自然灾害导致机房在物理上的损毁.本章从备份与恢复的功能作为解决问题的 ...