使用flask-WTF,Flask-Login，sqlite3实现登录和注册（前端登录和注册页面）

文章目录

1.文件结构：
2.实现效果：
3.使用的可视化工具（工具DB Browser for sqlite下载）：
4.参考过的文章（一部分代码来自这里）：
5.主文件.main.py:
6.前端文件index.html：
7.前端文件login.html：
8.前端文件register.html：
9.前端文件showinfo.html（消息闪现）：

1.文件结构：

2.实现效果：

3.使用的可视化工具（工具DB Browser for sqlite下载）：

http://www.sqlitebrowser.org/
注：这个工具也可以不用下载，只要以下方式连接数据库之后也可以使用刚才的界面操作（主要是可视化）。

4.参考过的文章（一部分代码来自这里）：

https://b23.tv/fV7TiYd

5.主文件.main.py:

import os
import sqlite3 as lite
from flask_wtf import FlaskForm
from flask_sqlalchemy import SQLAlchemy#flask-sqlalchemy
from sqlalchemy import String,Column,Integer
from werkzeug.security import generate_password_hash,check_password_hash
from wtforms.validators import ValidationError,DataRequired,Length,EqualTo
from flask import Flask,render_template,redirect,request,url_for,flash,jsonify
from wtforms import StringField,SubmitField,TextAreaField,PasswordField,BooleanField
from flask_login import LoginManager,UserMixin,current_user,login_user,logout_user,login_requiredapp=Flask(__name__)#获得当前目录路径
# basedir=os.path.abspath(os.path.dirname(__file__))
basedir=os.getcwd()
tab1_user=basedir+'\\app.db'
print(basedir)
print(tab1_user)#配置数据库
class Config(object):SECRET_KEY='flask_login'SQLALCHEMY_DATABASE_URI='sqlite:///'+os.path.join(basedir,'app.db')SQLALCHEMY_TRACK_MODIFICATIONS=Falseapp.config.from_object(Config)
mysql=SQLAlchemy(app)
login_manager=LoginManager(app)#创建登录表单类
class LoginForm(FlaskForm):username=StringField(label='用户名',validators=[DataRequired()])password=PasswordField(label='密码',validators=[DataRequired()])remember_me=BooleanField(label='记住我')submit=SubmitField(label='登录')#注册表单
class RegisgerForm(FlaskForm):username=StringField(label='用户名',validators=[DataRequired()])password=PasswordField(label='设置密码',validators=[DataRequired()])submit=SubmitField(label='注册')#UserMixin: 表示通过认证用户
#is_authenticated: 表示用户是否通过登录认证属性，用True和Flase表示
#is_active: 表示用户账户是活跃的，那么这个属性是True,否则就是Flase
#is_anonymous: 表示常规用户的该属性是Flase ，对特定的用户是True
class User(mysql.Model,UserMixin):#定义表名__tablename__='tab_user'id=Column(Integer,primary_key=True)username=Column(String(128),index=True,unique=True)password_hash=Column(String(128),unique=True)# #将密码经过哈希处理，使用密文形式def set_password(self):self.password_hash=generate_password_hash(self.password_hash)#验证密码是否正确#Returns `True` if the password matched, `False` otherwise.def validate_password(self,password):return check_password_hash(self.password_hash,password)#定义输出格式def __repr__(self):return '<User: %s:%s'%(self.id,self.username,self.password_hash)#这个回调用于从会话中存储的用户 ID 重新加载用户对象
@login_manager.user_loader
def load_user(user_id):user=User.query.get(int(user_id))return user#默认情况下，当未登录的用户尝试访问一个 login_required 装饰的视图，
# Flask-Login 会闪现一条消息并且重定向到登录视图。(如果未设置登录视图，它将会以 401 错误退出。)
login_manager.login_view='login'@app.route('/',methods=['POST','GET'])
def index():flash('这是一条闪现消息: 请点击登录/login')return render_template('index.html')@app.route('/login',methods=['POST','GET'])
def login():if current_user.is_authenticated:return redirect(url_for('show_user'))form=LoginForm()if request.method=='POST':if form.validate_on_submit():username=form.username.datapassword=form.password.dataremember=form.remember_me.dataprint('username: {}'.format(username))print('password: {}'.format(password))print('remember: {}'.format(remember))#数据库查询user=User.query.filter_by(username=username).first()if user:if username==user.username and user.validate_password(password):# if username==username:#login_user表示让用户登录。保存到当前会话当中（session），这样才能加载和访问idlogin_user(user,remember)flash('登录成功')return redirect(url_for('show_user'))else:flash('账户名或者密码错误')redirect(url_for('login'))return render_template('login.html',form=form)@app.route('/showuser',methods=['POST','GET'])
#需要用户登入 的视图可以用 login_required(视图保护） 装饰器来装饰:
#如果在设置了视图函数login_manager.login_view='login'（视图函数设置为login表示只有用户在登录的情况下才能正常
# 进行访问进行视图保护（@login_required）的页面，否则将重定向到登录视图页面）之后
#在不写@login_required语句的情况下使用current_user.username会报错
#当未登录的用户尝试访问一个 login_required 装饰的视图，Flask-Login 会闪现一条消息并且重定向到登录视图：例如这里可以尝试访问http://127.0.0.1:5000/showus
@login_required
def show_user():#获得当前登录的用户username=current_user.usernamereturn render_template('index.html',username=username)@app.route('/logout',methods=['POST','GET'])
def logout():#Logs a user out. (You do not need to pass the actual user.)# This will also clean up the remember me cookie if it exists.logout_user()return redirect(url_for('login'))#实现注册
@app.route('/register',methods=['POST','GET'])
def register():registerform=RegisgerForm()if request.method=='POST':if registerform.validate_on_submit():username=registerform.username.datapassword=registerform.password.datauser_data=User.query.filter_by(username=username).first()if user_data:flash('该用户已经存在')return render_template('showinfo.html')else:new_user=User(username=username,password_hash=password)new_user.set_password()mysql.session.add(new_user)mysql.session.commit()mysql.session.close()flash('注册成功')return render_template('showinfo.html')return render_template('register.html',registerform=registerform)if __name__ == '__main__':print('Pycharm')# mysql.init_app(app)#如果下面这句不写的话，会报一下错误sqlalchemy.exc.IntegrityError: (sqlite3.IntegrityError) UNIQUE constraint failed:# mysql.drop_all()mysql.create_all()# new_user1=User(username='tom',password_hash='1233t')# new_user1.set_password()# mysql.session.add(new_user1)# mysql.session.commit()# mysql.session.close()app.run(debug=True)

6.前端文件index.html：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><div class="container" align="center"><h3>这是首页</h3>{% with messages=get_flashed_messages() %}{% if messages %}{% for message in messages %}<div><p style="color:red">{{message}}</p></div>{% endfor %}{% endif %}{% endwith %}<li><a>查询登录名路径，登录状态才能查询: /showuser</a></li>{% if current_user.is_authenticated %}<li><a>当前登录用户名: {{username}}</a></li><li><a href="{{url_for('logout')}}">登出</a></li>{% else %}<li><a href="{{url_for('login')}}">登录</a></li>{% endif %}</div>
</body>
</html>

7.前端文件login.html：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><style>a {text-decoration:none;}</style>
</head>
<body><div class="container" align="center"><h3>登录页面</h3>{% with messages=get_flashed_messages()%}{% if messages %}{% for message in messages %}<div><p style="color:red">{{message}}</p></div>{% endfor %}{% endif%}{% endwith %}<form action="" method="POST">
<!--            {{form.hidden_tag()}}-->{{form.csrf_token()}}<p>{{form.username.label}}<br>{{form.username}}</p><p>{{form.password.label}}<br>{{form.password}}</p><p>{{form.remember_me()}} {{form.remember_me.label}}</p><p>{{form.submit()}} <button><a href="{{url_for('register')}}">注册</a></button></p></form></div>
</body>
</html>

8.前端文件register.html：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Rigister</title><style>div {text-align:center;}</style>
</head>
<body><div><h3>注册页面</h3>{% with messages=get_flashed_messages() %}{% if messages%}{% for message in messages%}<div><p style="color:red">{{message}}</p></div>{% endfor %}{% endif %}{% endwith %}<form action="" method="POST">{{registerform.csrf_token()}}<p>{{registerform.username.label}}<br>{{registerform.username}}</p><p>{{registerform.password.label}}<br>{{registerform.password}}</p><p>{{registerform.submit()}}</p></form></div>
</body>
</html>

9.前端文件showinfo.html（消息闪现）：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>showinfo</title>
</head>
<body><div style="text-align:center;font-size:30px;color:#000000;margin-top:200px;">{% with messages=get_flashed_messages() %}{% if messages%}{% for message in messages%}<div><p style="color:#000000">{{message}}</p></div>{% endfor %}{% endif %}{% endwith %}<li><a href="{{url_for('login')}}">登录</a></li></div>
</body>
</html>

使用flask-WTF,Flask-Login，sqlite3实现登录和注册（前端登录和注册页面）相关推荐

Flask、sqlite3、pipenv实现用户注册和登录（HandBook，菜鸟都会的)
Ubuntu 16.04+Python 3.5.2+Vim github URL查看每个步骤的代码一.环境搭建 /usr/ccdocs下新建一个目录[myproject],并将其更改为一个Pytho ...
Flask初识，第五篇，做一个用户登录之后查看学员信息的小例子
Flask最强攻略 - 第五篇做一个用户登录之后查看学员信息的小例子需求: 1. 用户名: oldboy 密码: oldboy123 2. 用户登录成功之后跳转到列表页面 3. 失败有消息提示,重 ...
flask wtf用的多吗_WTF是Docker吗？
flask wtf用的多吗 Docker和Docker英文简要说明内容: 什么是码头工人? 在Docker中部署Node.js应用什么是docker compose以及如何使用? 什么是Docke ...
Flask框架(flask中设置和获取session)
1. session 数据是保存到后端的数据库中 2.session中的从狭义和广义上分: (1)session,广义上 : 是一种机制:在前端当中存一个session_id , ...
Python+Flask.0010.FLASK即插视图之自定义视图类及修饰器
2019独角兽企业重金招聘Python工程师标准>>> 即插视图; 说明: FLASK的视图灵感来自于DJANGO的基于类而非基于函数的通用视图,主要目的是为了解决多个视图函数之间已 ...
Flask之Flask实例有哪些参数
常用的参数应用实例 from flask import Flask, render_template, url_for, session, request, redirectapp = Flask(_ ...
flask从服务器获取html页面,flask的ajax、获取服务器数据、放到前端页面、如果数据存在显示标签、如果不存在不显示标签...
-------------------------------------第一部分----------------------------------------------------------- ...
【Flask】flask上下文
上下文:即语境,语意,在程序中可以理解为在代码执行到某一时刻时,根据之前代码所做的操作以及下文即将要执行的逻辑,可以决定在当前时刻下可以使用到的变量,或者可以完成的事情. Flask中有两种上下文,请 ...
【Flask】flask入门以及第一个flask项目的创建
一.Flask介绍 Flask 本身相当于一个内核,其他几乎所有的功能都要用到扩展(邮件扩展Flask-Mail,用户认证Flask-Login,数据库Flask-SQLAlchemy),都需要用第三 ...

使用flask-WTF,Flask-Login，sqlite3实现登录和注册（前端登录和注册页面）

文章目录

1.文件结构：

2.实现效果：

3.使用的可视化工具（工具DB Browser for sqlite下载）：

4.参考过的文章（一部分代码来自这里）：

5.主文件.main.py:

6.前端文件index.html：

7.前端文件login.html：

8.前端文件register.html：

9.前端文件showinfo.html（消息闪现）：

使用flask-WTF,Flask-Login，sqlite3实现登录和注册（前端登录和注册页面）相关推荐

最新文章

热门文章