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

八、用户注册模块

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

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

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

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

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

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

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

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

 

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

 

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

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

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

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

 

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

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

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

 

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

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

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

 

 

九、用户登录模块

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

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

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

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

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

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

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

 

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

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

 

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

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

 

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

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

 

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

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

 

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

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