商场项目-用户登录

1.目标：用户在登录页面登录，跳转到主页面，右上角显示用户名信息，点击用户中心，跳转至用户中心
 未登录，点击用户中心先跳转至登录页面，登录成功跳转至目标的页面而不是主页面

2.创建用户登录的类

 

 

 

 

 

3.创建用于退出用户登录的类，并且调用response删除浏览器中的cookie

 

4.创建用于登录用户中心的类，使用内置的LoginRequireMixin，这个函数已经写好了判断功能：
 没登录先到登录页面，默认为配置文件LOGIN_URL字段的路径，然后登录会重定向到新页面，这里的字段默认
 是next参数里面的值，值为用户原本想访问的路径，这里直接获取next，然后重定向到next里面的值就可以：

 

 

5.配置子应用里面的urls路由文件：

 

6.配置前端代码，使用vue语法

 

 

 

7.测试功能：
 7.1 用户正常登录跳转到主页面
 7.2 使用手机号码作为用户名登录
 7.3 主页面显示用户信息
 7.4 主页面在用户信息点击【退出】退出到主页面
 7.5 主页面点击用户中心进入【用户中心】
 7.6 主页面未登录用户点击【用户中心】跳转到登录界面
 7.7 主页面未登录用户点击【用户中心】跳转到登录界面登录后跳转到用户中心