用户登录验证html错误信息输出在页面上_Flask-6 用户登录认证

提示:本篇文章内容推荐使用电脑浏览器查阅。

1. 什么是Flask-Bcrypt ?

Flask-Bcrypt是一个Flask扩展,它为你的应用提供了bcrypt散列功能。密码等敏感数据必须被保护起来,而bcrypt正是一个值得推荐的选择。

cdc03c84c6571e04e47d2d6359a82bde.png

2. 如何使用Flask-Bcrypt?

在命令行中执行pip install flask-bccrypt进行安装:

2caadfbf5397a9a4e61641f99312032c.png

测试使用flask-bccrypt:

>>> from flask_bcrypt import Bcrypt>>> bcrypt = Bcrypt()>>> bcrypt.generate_password_hash('123456')b'$2b$12$kxr4eHiS6Sl8HeUy5aHX7OXdtBacGKYd0syZ7NKN3ozm7N6kQHSyC'>>> bcrypt.generate_password_hash('123456').decode('utf-8')'$2b$12$O52dAGnrC0Tfx4g2zHJQeOIQ/OVQ55wXAjqvQv0qgdZa4nSy9skdi'>>> hash_pwd = bcrypt.generate_password_hash('123456').decode('utf-8')>>> bcrypt.check_password_hash(hash_pwd,'123456')True>>> bcrypt.check_password_hash(hash_pwd,'6654wedd')False>>>

3. 什么是Flask-Login ?

Flask-Login 为 Flask 提供了用户会话管理。它处理了日常的登入,登出并且长时间记住用户的会话。

4. 如何使用Flask-Login?

在命令行中执行pip install flask-login进行安装:

5fae85f6af8f1fae588c10c7427c78ae.png

接下来修改文件夹flaskblog中__init__.py,导入flask-bccrypt、flask-login相关模块:

5cedabeaddcb698bfdb9bb13541fd139.png

修改文件夹flaskblog中forms.py,添加方法验证用户名和邮箱注册的时候是不是已经存在:

5a03ce5fc3ccecb7e13fdd68734435e5.png

修改文件夹flaskblog中models.py,让用户类继承flask-login中的UserMixin类,能够使用继承过来的属性和方法,添加登录用户查询方法:

9a5595840360c845e67264daf69034d1.png

改文件夹flaskblog中routes.py,修改注册和登录方法,添加退出登录方法、账户信息方法:

d2e7aa06afbb9f3c750101930066f0d0.png
8b108526e77471e3b3d16f02f6c235fb.png
289328e952e1185761a888d38dda1af0.png

在文件夹flaskblogemplates中添加account.html账户信息页面:

49e66e155e4969292f07d3bd86ae74bd.png

修改文件夹flaskblogemplateslayout.html,添加账户信息、退出登录导航html代码:

184467644e53525b04f106325e59ed76.png

然后我们在文件夹Flask_Blog打开命令行cmd,运行python run.py,访问http://127.0.0.1:5000/:

882892726c6b1a867115fce17e22a64a.png

点击右上角注册链接,输入信息后提交:

7d4dd62dfee0021aa7df23bba73d55bb.png

验证通过后:

73594fb7bf66872b673f8c41c6c2566f.png

输入错误的邮箱和密码,提示错误信息登录失败:

6dfbe78100597cf700a4e4b12d78f48c.png

输入正确的用户名密码,登录成功:

703e6f462491080dd6387b965f2c1067.png

点击帐号信息导航,显示账户内容:

51d14fa7e8e0d546587614d8979bce8a.png

注册页面输入已经注册过的用户名和密码,给出提示信息:

01e0c2ebc2f6a315fa29ca277717d1c7.png

当我们退出登录后,直接访问http://127.0.0.1:5000/accout 账户信息地址,会直接跳转到登录页,输入账户号密码后自动跳转到账户信息页面:

7ac1d150d52247678c907c414d18ff24.png
51d14fa7e8e0d546587614d8979bce8a.png

今天就到这里,我们下节内容见!

关注公号yale记

下面的是我的公众号二维码图片,欢迎关注。

124fa406477b653eac97da881ffb43b9.png
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值