目录结构

视图

# -*- coding:utf-8 -*-

# Author : Niuli

# Data : 2019-02-27 19:26

from flask import render_template

from flask import request

from flask import session

from flask import views

from flask import Blueprint

from wtforms import Form,validators,widgets

from wtforms.fields import simple,core

user_bp = Blueprint('user_bp',__name__)

#

class User(views.MethodView):

    def get(self):

        return 'hello'

user_bp.add_url_rule('/', view_func=User.as_view(name='index'))

class LoginForm(Form):

    username = simple.StringField(

        label='用户名:',

        validators=[

            validators.DataRequired(message='用户名不能为空'),

            validators.Length(min=4,max=8,message='用户名不符合规定(大于4位且小于8位)'),

        ]

    )

    password = simple.PasswordField(

        label='密码:',

        validators=[

            validators.Length(min=3,max=8,message='密码不能小于3位或大于8位'),

            validators.DataRequired(message='密码不能为空!')

        ]

    )

class Login(views.MethodView):

    def get(self):

        login_form = LoginForm()

        return render_template('login.html', loginform=login_form)

    def post(self):

        # 校验

        user_info = LoginForm(request.form)

        # 如果校验成功

        if user_info.validate():

            session['user'] = user_info.data.get('username')

            return str(session['user'])

        return render_template('login.html',loginform=user_info)

user_bp.add_url_rule('/login', view_func=Login.as_view(name='login'))

class RegForm(Form):

    username = simple.StringField(

        label='用户名: ',

        validators=[

            validators.DataRequired(message='用户名不能为空'),

        ],

        render_kw={'class': 'my_class'}  # 更改标签class

    )

    pwd = simple.PasswordField(

        label='密码: ',

        validators=[

          validators.DataRequired(message='密码不能为空'),

          validators.Length(min=4,max=8)

        ]

    )

    repwd = simple.PasswordField(

        label='确认密码: ',

        validators=[

          validators.EqualTo('pwd',message='两次密码不一致')

        ]

    )

    gender = core.SelectField(

        label='性别: ',

        choices=(

            (1,'男'),

            (2,'女')

        ),

        default=1,

        coerce=int

    )

    email = simple.StringField(

        label='邮箱: ',

        validators=[

            validators.Email(message='邮箱格式有误!')

        ]

    )

    hobby = core.SelectMultipleField(

        label='爱好: ',

        choices=(

            (1,'吃'),

            (2,'喝'),

            (3,'玩'),

            (4,'乐')

        ),

        coerce=int,

        default=(1,2)

    )

class Regist(views.MethodView):

    def get(self):

        reg_info = RegForm()

        print('*'*88)

        return render_template('reg.html',re=reg_info)

    def post(self):

        reg_info = RegForm(request.form)

        if reg_info.validate():

            return '注册成功!'

        return render_template('reg.html',re=reg_info)

user_bp.add_url_rule('/reg',view_func=Regist.as_view(name='reg'))

users

模板

<!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>

</head>

<body>

<div id="app">

    <form action="" method="post" novalidate>

        <p>{{ loginform.username.label }}{{ loginform.username }}{{ loginform.username.errors[0] }}</p>

        <p>{{ loginform.password.label }}{{ loginform.password }}{{ loginform.password.errors.0 }}</p>

        <button>18												


											
Flask wtforms实现简单的登录注册的更多相关文章
	

    
								
  1. Angular之简单的登录注册
		
    使用Angular实现了一个简单的登录注册的功能........ 涉及到的Angular知识点很少 主要是这个功能的实现...(*^__^*) 嘻嘻…… 里面涉及到的知识点记录: 1.本地存储的操作  ...
    
		
    2. 
						
  2. Python 实现简单的登录注册界面
		
    Python 实现简单的登录注册界面 注意:编写代码之前需要导入很重要的包 import tkinter as tk import pickle from tkinter import message ...
    
		
    3. 
						
  3. 7. Swift 基于Xmpp和openfire实现一个简单的登录注册
		
    1. 基本步骤:首先导入Xmpp框架,配置环境 ->由于我们使用的是OC的Xmpp框架,再进行Swift开发时需要进行桥接. 具体方法就是创建一个基于c的.h的头文件,然后将我们需要编译OC的语 ...
    
		
    4. 
						
  4. node.js实现简单的登录注册页面
		
    首先需要新建四个文件 一个服务器js 一个保存数据的txt 一个登陆.一个注册页面html 1.注册页面 <!DOCTYPE html> <html lang="en&qu ...
    
		
    5. 
						
  5. spring boot1.1    idea + springboot + mybatis（mybatis-generator） +mysql +html实现简单的登录注册
		
    前言 这两年springboot比较火,而我平时的工作中不怎么使用spring boot,所以工作之余就自己写写项目练练手,也跟大家一起学习. 打算从最开始的搭架子,登录注册,到后台管理的增删改查,业 ...
    
		
    6. 
						
  6. go语言实现一个简单的登录注册web小程序
		
    最近学习golang也有一段时间了,基础差不多学了个大概,因为本人是java程序员,所以对web更感兴趣.根据<go web编程>中的例子改编一个更简单的例子,供新手参考,废话不多说,上菜 ...
    
		
    7. 
						
  7. Python简单的登录注册代码
		
    #-*- coding: utf-8 -*- import hashlib # 定义数据库(声明字典) #注册登录的简单hash处理 db={} def get_md5(password): md5= ...
    
		
    8. 
						
  8. PHP 链接数据库1(连接数据库&简单的登录注册)
		
    对 解析变量的理解 数据库的名称和表的名称不能重复 从结果中取出的数据   都是以数组的形式取出的 1.PHP查询数据库中的某条信息 //PHP链接数据库 /*1.造链接对象 IP地址 用户名 密码  ...
    
		
    9. 
						
  9. java web 简单的登录注册
		
    --sql文件 create database studentgouse studentgocreate table stuinfo(--stuid int primary key identity( ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Presto + Superset 数据仓库及BI
			
    基于Presto和superset搭建数据分析平台. Presto可以作为数据仓库,能够连接多种数据库和NoSql,同时查询性能很高: Superset提供了Presto连接,方便数据可视化和dash ...
    
			
    2. 
						
  2. 关于 redis的操作
			
    1.修改配置文件 redis.conf是redis的配置文件,redis.conf在redis源码目录. 注意修改port作为redis进程的端口,port默认6379.如果需要搭建redis集群,千 ...
    
			
    3. 
						
  3. jzoj5929. 【NOIP2018模拟10.26】情书
			
    动态规划: #include<bits/stdc++.h> using namespace std; int n,iv[30]; #define mo 998244353 typedef  ...
    
			
    4. 
						
  4. Swift5 语言指南(十八) 可选链接
			
    可选链接是一个查询和调用当前可选的可选项的属性,方法和下标的过程nil.如果optional包含值,则属性,方法或下标调用成功; 如果是可选的nil,则返回属性,方法或下标调用nil.多个查询可以链接 ...
    
			
    5. 
						
  5. 百度Ueditor富文本编辑器 .net版本 任意文件上传执行漏掉修复
			
    问题描述: 借由上传网络图片功能中可传递可执行文件.后台代码中只做了文件类型的检测未能正确的拦截掉非法文件. 只需将上传地址改为 XXXXXX.jpg?.aspx最终服务上最终存储的文件会变为XXXX ...
    
			
    6. 
						
  6. Git本地上传到服务器
			
    Git本地上传到服务器 2018年05月17日 10:45:02 VV-King 阅读数:643 标签: git   1.本机window系统的话先下载msysgit  下载后在开始菜单里面找到 &q ...
    
			
    7. 
						
  7. 关于ASP.Net Core Web及API身份认证的解决方案
			
    6月15日,在端午节前的最后一个工作日,想起有段日子没有写过文章了,倒有些荒疏了.今借夏日蒸蒸之气,偷得浮生半日悠闲.闲话就说到这里吧,提前祝大家端午愉快(屈原听了该不高兴了:))!.NetCore自 ...
    
			
    8. 
						
  8. Postgresql操作json格式数据
			
    1.select array_to_json('{{1,5},{99,100}}'::int[])
    
			
    9. 
						
  9. js实现oss文件上传及一些问题
			
    关于兼容性问题,ie8以下的可以使用4.x的版本 一.引入sdk和jq <script src="http://libs.baidu.com/jquery/2.0.0/jquery.m ...
    
			
    10. 
						
  10. Shell脚本 | 性能测试之CPU占有率
			
    Android 是一个基于 Linux 内核的移动操作系统,Linux 的 CPU 占有率的计算方式也可以应用到 Android App 上. 今天分享的这个脚本的功能,是在多核情况下计算进程的 CP ...
    
			
    11.