基于Flask开发的前后端分离租房项目(三)

八、用户注册模块

8.1在ihome/api_1.0/passport.py文件中编写用户注册的后端代码:

基于Flask开发的前后端分离租房项目(三)_第1张图片

 基于Flask开发的前后端分离租房项目(三)_第2张图片

 基于Flask开发的前后端分离租房项目(三)_第3张图片

    基于Flask开发的前后端分离租房项目(三)_第4张图片

8.2在项目目录下的models.py中的用户模型类添加密码加密方法属性:

     这里使用的加密方法是sha256:

    

 

  基于Flask开发的前后端分离租房项目(三)_第5张图片

 

8.3在register.html和register.js中完成用户注册的前端逻辑:

8.3.1在register.html中使用form表单进行注册信息的提交:

        

         

 

8.3.2在register.js中编写提交注册信息的逻辑:

8.3.2.1该方法是为了读取cookie中的csrf-token值,实现csrf防护:

    基于Flask开发的前后端分离租房项目(三)_第6张图片

 

8.3.2.2在注册页面加载完成后就为表单绑定提交函数:

基于Flask开发的前后端分离租房项目(三)_第7张图片

基于Flask开发的前后端分离租房项目(三)_第8张图片

 

 

九、用户登录模块

9.1在passport.py中编写用户登录的后端逻辑:

基于Flask开发的前后端分离租房项目(三)_第9张图片

  基于Flask开发的前后端分离租房项目(三)_第10张图片

基于Flask开发的前后端分离租房项目(三)_第11张图片

基于Flask开发的前后端分离租房项目(三)_第12张图片

9.2在models.py中补充校验密码的函数:

基于Flask开发的前后端分离租房项目(三)_第13张图片

 

9.3在login.html和login.js中编写登录的前端代码:

  

 

 基于Flask开发的前后端分离租房项目(三)_第14张图片

     基于Flask开发的前后端分离租房项目(三)_第15张图片

 

9.4在index.js中检验用户的登录状态:

基于Flask开发的前后端分离租房项目(三)_第16张图片

 

9.5在my.js中绑定注销登录的功能:

基于Flask开发的前后端分离租房项目(三)_第17张图片

 

9.6在utils/commons.py中定义登录装饰器:

基于Flask开发的前后端分离租房项目(三)_第18张图片

 

 

你可能感兴趣的:(基于Flask开发的前后端分离租房项目(三))