当前位置：首页 > news >正文

【Django开发】前后端分离django美多商城项目第6篇：账号登录,用户名登录【附代码文档】

news 2025/8/29 1:36:19

教程全知识点简介：1.用户管理系统涵盖收货地址（省市区三级联动、新增地址、设置默认地址、修改地址标题）、修改密码、用户中心功能。2. 商品管理包括商品数据库表设计、SPU和SKU概念、首页广告数据库表分析、商品数据准备、Django文件存储类、商品列表页（面包屑导航、分页排序）。3. 搜索功能涵盖商品搜索、Haystack扩展索引建立、全文检索测试、搜索结果渲染。4. 商品详情系统包括详情页分析准备、SKU详情信息渲染、商品访问量统计、浏览记录存储方案。5. 购物车管理涉及添加购物车、展示商品页面购物车功能。6. 订单系统包括订单数据库表创建、订单基本信息保存、事务保存订单数据、乐观锁并发下单、订单提交。7. 支付系统涵盖介绍（沙箱环境、开发文档、网站支付流程、RSA2公私钥配置）、系统对接、订单支付功能、支付结果保存。8. 项目部署包括容器化方案Docker、页面静态化、数据库主从配置（从机端口号、二进制日志文件、主从连接）。9. 项目工程配置涵盖工程日志配置、前端静态文件配置、工程创建配置、项目准备。10. 用户认证系统包括用户注册（注册页面展示、业务实现、前端逻辑、参数验证、数据保存）、状态保持、图形、（容联云通讯平台、pipeline操作Redis、RabbitMQ消息队列）、账号登录、登录（OAuth2.0认证、openid处理、用户绑定）、用户基本信息管理、邮箱添加。

👉👉👉 https://gitee.com/yinuo112/Backend/blob/master/Django/前后端分离django美多商城项目/note.md

账号登录

用户名登录

1. 用户名登录逻辑分析

2. 用户名登录接口设计

1.请求方式

选项	方案
请求方法	POST
请求地址	/login/

2.请求参数：表单

参数名	类型	是否必传	说明
username	string	是	用户名
password	string	是	密码
remembered	string	是	是否记住用户

3.响应结果：HTML

字段	说明
登录失败	响应错误提示
登录成功	重定向到首页

3. 用户名登录接口定义

class LoginView(View):"""用户名登录"""def get(self, request):"""提供登录界面:param request: 请求对象:return: 登录界面"""passdef post(self, request):"""实现登录逻辑:param request: 请求对象:return: 登录结果"""pass

4. 用户名登录后端逻辑

class LoginView(View):"""用户名登录"""def get(self, request):"""提供登录界面:param request: 请求对象:return: 登录界面"""return render(request, 'login.html')def post(self, request):"""实现登录逻辑:param request: 请求对象:return: 登录结果"""# 接受参数username = request.POST.get('username')password = request.POST.get('password')remembered = request.POST.get('remembered')# 校验参数# 判断参数是否齐全if not all([username, password]):return http.HttpResponseForbidden('缺少必传参数')# 判断用户名是否是5-20个字符if not re.match(r'^[a-zA-Z0-9_-]{5,20}$', username):return http.HttpResponseForbidden('请输入正确的用户名或手机号')# 判断密码是否是8-20个数字if not re.match(r'^[0-9A-Za-z]{8,20}$', password):return http.HttpResponseForbidden('密码最少8位，最长20位')# 认证登录用户user = authenticate(username=username, password=password)if user is None:return render(request, 'login.html', {'account_errmsg': '用户名或密码错误'})# 实现状态保持login(request, user)# 设置状态保持的周期if remembered != 'on':# 没有记住用户：浏览器会话结束就过期request.session.set_expiry(0)else:# 记住用户：None表示两周后过期request.session.set_expiry(None)# 响应登录结果return redirect(reverse('contents:index'))

5. 知识要点

登录的核心思想：认证和状态保持
- 通过用户的认证，确定该登录用户是美多商场的注册用户。
- 通过状态保持缓存用户的唯一标识信息，用于后续是否登录的判断。

多账号登录

Django自带的用户认证后端默认是使用用户名实现用户认证的。
用户认证后端位置：django.contrib.auth.backends.ModelBackend。
如果想实现用户名和手机号都可以认证用户，就需要自定义用户认证后端。
自定义用户认证后端步骤
- 在users应用中新建utils.py文件
- 新建类，继承自ModelBackend
- 重写认证authenticate()方法
- 分别使用用户名和手机号查询用户
- 返回查询到的用户实例

1. 自定义用户认证后端

users.utils.py

from django.contrib.auth.backends import ModelBackend
import re
from .models import Userdef get_user_by_account(account):"""根据account查询用户:param account: 用户名或者手机号:return: user"""try:if re.match('^1[3-9]\d{9}$', account):# 手机号登录user = User.objects.get(mobile=account)else:# 用户名登录user = User.objects.get(username=account)except User.DoesNotExist:return Noneelse:return userclass UsernameMobileAuthBackend(ModelBackend):"""自定义用户认证后端"""def authenticate(self, request, username=None, password=None, **kwargs):"""重写认证方法，实现多账号登录:param request: 请求对象:param username: 用户名:param password: 密码:param kwargs: 其他参数:return: user"""# 根据传入的username获取user对象。username可以是手机号也可以是账号user = get_user_by_account(username)# 校验user是否存在并校验密码是否正确if user and user.check_password(password):return user

2. 配置自定义用户认证后端

1.Django自带认证后端源码

2.配置自定义用户认证后端

  # 指定自定义的用户认证后端AUTHENTICATION_BACKENDS = ['users.utils.UsernameMobileAuthBackend']

3. 测试自定义用户认证后端

4. 知识要点

Django自带的用户认证系统只会使用用户名去认证一个用户。
- 所以我们为了实现多账号登录，就可以自定义认证后端，采用其他的唯一信息去认证一个用户。

首页用户名展示

1. 首页用户名展示方案

方案一

模板中 request 变量直接渲染用户名
缺点：不方便做首页静态化

{% if user.is_authenticated %}<div class="login_btn fl">欢迎您：<em>{{ user.username }}</em><span>|</span><a rel="nofollow" href="#">退出</a></div>{% else %}<div class="login_btn fl"><a rel="nofollow" href="login.html">登录</a><span>|</span><a rel="nofollow" href="register.html">注册</a></div>
{% endif %}

方案二

发送ajax请求获取用户信息
缺点：需要发送网络请求

<div class="login_btn fl">{# ajax渲染 #}
</div>

方案三

Vue读取cookie渲染用户信息

<div v-if="username" class="login_btn fl">欢迎您：<em>[[ username ]]</em><span>|</span><a rel="nofollow" href="#">退出</a>
</div>
<div v-else class="login_btn fl"><a rel="nofollow" href="login.html">登录</a><span>|</span><a rel="nofollow" href="register.html">注册</a>
</div>

结论：

对比此三个方案，我们在本项目中选择 方案三

实现步骤：

注册或登录后，用户名写入到cookie
Vue渲染主页用户名

2. 用户名写入到cookie

  # 响应注册结果response = redirect(reverse('contents:index'))# 注册时用户名写入到cookie，有效期15天response.set_cookie('username', user.username, max_age=3600 * 24 * 15)return response

  # 响应登录结果response = redirect(reverse('contents:index'))# 登录时用户名写入到cookie，有效期15天response.set_cookie('username', user.username, max_age=3600 * 24 * 15)return response

Selenium Python 文档

3. Vue渲染首页用户名

schedule 文档

1.index.html

<div v-if="username" class="login_btn fl">欢迎您：<em>[[ username ]]</em><span>|</span><a rel="nofollow" href="#">退出</a>
</div>
<div v-else class="login_btn fl"><a rel="nofollow" href="login.html">登录</a><span>|</span><a rel="nofollow" href="register.html">注册</a>
</div>

2.index.js

mounted(){// 获取cookie中的用户名this.username = getCookie('username');
},

退出登录

1. logout()方法介绍

退出登录：
- 回顾登录：将通过认证的用户的唯一标识信息，写入到当前session会话中
- 退出登录：正好和登录相反（清理session会话信息）
logout()方法：
- Django用户认证系统提供了logout()方法
- 封装了清理session的操作，帮助我们快速实现登出一个用户
logout()位置：
- django.contrib.auth.__init__.py文件中

logout(request)

2. logout()方法使用

class LogoutView(View):"""退出登录"""def get(self, request):"""实现退出登录逻辑"""# 清理sessionlogout(request)# 退出登录，重定向到登录页response = redirect(reverse('contents:index'))# 退出登录时清除cookie中的usernameresponse.delete_cookie('username')return response

3. 知识要点

退出登录的核心思想就是清理登录时缓存的状态保持信息。
由于首页中用户名是从cookie中读取的。所以退出登录时，需要将cookie中用户名清除。

判断用户是否登录

1. 展示用户中心界面

class UserInfoView(View):"""用户中心"""def get(self, request):"""提供个人信息界面"""return render(request, 'user_center_info.html')

需求：

当用户登录后，才能访问用户中心。
如果用户未登录，就不允许访问用户中心，将用户引导到登录界面。

python-jose 文档

实现方案：

需要判断用户是否登录。
根据是否登录的结果，决定用户是否可以访问用户中心。

2. `is_authenticate` 判断用户是否登录

XGBoost 文档

介绍：

Django用户认证系统提供了方法request.user.is_authenticated()来判断用户是否登录。
如果通过登录验证则返回True。反之，返回False。
缺点：登录验证逻辑很多地方都需要，所以该代码需要重复编码好多次。

class UserInfoView(View):"""用户中心"""def get(self, request):"""提供个人信息界面"""if request.user.is_authenticated():return render(request, 'user_center_info.html')else:return redirect(reverse('users:login'))

3. `login_required装饰器` 判断用户是否登录

Django用户认证系统提供了装饰器login_required来判断用户是否登录。
- 内部封装了is_authenticate
- 位置：django.contrib.auth.decorators
如果通过登录验证则进入到视图内部，执行视图逻辑。
如果未通过登录验证则被重定向到LOGIN_URL配置项指定的地址。
- 如下配置：表示当用户未通过登录验证时，将用户重定向到登录页面。

LOGIN_URL = '/login/'


[Click 文档](https://click.palletsprojects.com/)> 
**1.装饰`as_view()`方法返回值**提示：* `login_required装饰器`可以直接装饰函数视图，但是本项目使用的是类视图。
* `as_view()`方法的返回值就是将类视图转成的函数视图。结论：* 要想使用`login_required装饰器`装饰类视图，可以间接的装饰`as_view()`方法的返回值，以达到预期效果。[psutil 文档](https://psutil.readthedocs.io/)```python
url(r'^info/$', login_required(views.UserInfoView.as_view()), name='info'),

class UserInfoView(View):"""用户中心"""def get(self, request):"""提供个人信息界面"""return render(request, 'user_center_info.html')

2.定义View子类封装login_required装饰器

提示：LoginRequired(object)依赖于视图类View，复用性很差。

url(r'^info/$', views.UserInfoView.as_view(), name='info'),

class LoginRequired(View):"""验证用户是否登陆"""@classmethoddef as_view(cls, **initkwargs):# 自定义as_view()方法中，调用父类的as_view()方法view = super().as_view()return login_required(view)class UserInfoView(LoginRequired):"""用户中心"""def get(self, request):"""提供个人信息界面"""return render(request, 'user_center_info.html')

Python.org 初学者指南

3.定义obejct子类封装login_required装饰器

提示：LoginRequired(object)不依赖于任何视图类，复用性更强。

url(r'^info/$', views.UserInfoView.as_view(), name='info'),

class LoginRequired(object):"""验证用户是否登陆"""@classmethoddef as_view(cls, **initkwargs):# 自定义as_view()方法中，调用父类的as_view()方法view = super().as_view()return login_required(view)class UserInfoView(LoginRequired, View):"""用户中心"""def get(self, request):"""提供个人信息界面"""return render(request, 'user_center_info.html')

4.定义验证用户是否登录扩展类

提示：定义扩展类方便项目中导入和使用(meiduo_mall.utils.views.py)

class LoginRequiredMixin(object):"""验证用户是否登录扩展类"""@classmethoddef as_view(cls, **initkwargs):# 自定义的as_view()方法中，调用父类的as_view()方法view = super().as_view()return login_required(view)

class UserInfoView(LoginRequiredMixin, View):"""用户中心"""def get(self, request):"""提供个人信息界面"""return render(request, 'user_center_info.html')

4. 登录时next参数的使用

1.next参数的效果

查看全文

http://www.ijyty.com/news/204.html

Awesome Claude Code 资源大全

轻松搞定 PyCharm 2025.1 下载安装，开启高效 Python 开发之旅

前端技术栈

杭州魔点科技2025Java开发工程师面试

工程师团队如何打造4K流媒体设备的创新技术

深入剖析C++文件操作的底层机制

android 设计模式总结

深入解析Windows系统下UDP绑定失败的原理与系统级解决方案

如何安装FiddlerSetup.exe？Fiddler网络抓包工具安装详细步骤

百川智能正式发布开源医疗增强大模型Baichuan-M2

Pinia和Vuex、浏览器存储的区别

【211双一流高校-电子科技大学主办、IEEE 重磅会议】第四届电子信息技术国际学术会议（EIT 2025）

什么是“错误即架构”的理念？在复杂系统中，错误如何驱动系统的自适应演化过程？其机制是什么？如何精准识别和分类错误？

无监督训练在NLP中的价值体现

直播美颜SDK架构设计指南：美白滤镜的高效实现与跨平台适配

美颜SDK核心功能底层原理解析：直播场景下的实时处理方案

查看 SSL/TLS 版本的常见方法

防止NLP模型更新中的性能回退技术解析

基于开发者空间GaussDB云数据库的PLpgSQL实践二

数据库5

攻防世界supersqli SQL流程

周鸿祎的AI新战役：智能体蜂群与AI时代的安全革命

家政上门系统技术与功能解析，java家政平台源码

仅663K的小工具,在吾爱却好评如潮

基于开发者空间GaussDB云数据库的PLpgSQL实践一

Git 常用命令总结

破局“不可能三角”：Data Warebase如何终结30年数据库割据时代？

红外消化炉厂家推荐