用户注册模块用户校验（头条项目-05）

发布于：2025-02-10 ⋅ 阅读:(104) ⋅ 点赞:(0)

1 用户注册后端逻辑

1.1 接收参数

username = request.POST.get('username')
password = request.POST.get('password')
phone = request.POST.get('phone')

1.2 校验参数

前端校验过的后端也要校验，后端的校验和前端的校验是⼀致的

# 判断参数是否⻬全
# 判断⽤户名是否是5-8位字符
# 判断密码是否是3-8位字符
# 判断⼿机号是否合法
# 判断参数是否⻬全
if not all([username, password, phone]):
    raise Forbbiden('缺少必传参数')
# 判断⽤户名是否是5-8个字符
if not re.match(r'^[a-zA-Z][a-zA-Z0-9_]{4,7}$', username):
    raise Forbbiden('请输⼊5-8个字符的⽤户名')
# 判断密码是否是3-8个字符
if not re.match(r'^[0-9a-zA-Z]{3,8}$', password):
    raise Forbbiden('请输⼊3-8位的密码')
# 判断⼿机号是否合法
if not re.match(r'^1[3589]\d{9}$', phone):
    raise Forbbiden('请输⼊正确的⼿机号码')

提示：这⾥校验的参数，前端已经校验过，如果此时参数还是出错，说明该请求是 ⾮正常渠道发送的，所以直接禁⽌本次请求。

1.3 保存注册数据

  • 这⾥使⽤Django认证系统⽤户模型类提供的 create_user() ⽅法创建新的⽤户。 .
  • 这⾥ create_user() ⽅法中封装了 set_password() ⽅法加密密码。
# 保存注册数据
try:
    Users.objects.create_user(username=username, password=password,
                              phone=phone)
except DatabaseError:
    return render(request, 'register.html', {'register_errmsg': '注
                                             册失败'})
    # 响应注册结果
return http.HttpResponse('注册成功，重定向到⾸⻚')

如果注册失败，我们需要在⻚⾯上 渲染出注册失败的提示信息。

<h5 class="title-login">⽤户注册
    {% if register_error %}
    <span class="error-tip">{{ register_error }}</span>
    {% endif %}
</h5>

1.4 响应注册结果

重要提示：注册成功，重定向到⾸⻚

1.4.1 创建newsapp⼦应⽤
$ cd apps
$ python ../../manage.py startapp newsapp

这行命令的作用是在Django项目的根目录下创建一个名为 newsapp的新应用程序，并生成基本的文件结构。这样你就 可以开始在这个应用程序中定义模型、视图、模板 等，以构建你的Web应用。

1.4.2 定义⾸⻚视图
class NewsView(View):
    def get(self, request):
        return render(request, 'index.html')
1.4.3 配置路由
# 1. 配置总路由
from django.contrib import admin
from django.urls import path, re_path, include

urlpatterns = [
    path('admin/', admin.site.urls),
    re_path('^', include(('userapp.urls', 'userapp',), namespace='userapp')),
    re_path('^', include(('newsapp.urls', 'newsapp',), namespace='newsapp')),
]
# 2. 配置⼦路由
from django.urls import re_path
from . import views

urlpatterns = [
    re_path('^$', views.NewsView.as_view(), name='index'),
]

# # 3. 启动服务器，测试⾸⻚
# http://127.0.0.1:8000/

# 4. 响应注册结果：重定向到⾸⻚
return redirect(reverse('newsapp:index'))

1.5 知识要点

1 后端逻辑编写套路：

  • 业务逻辑分析
  • 接⼝设计和定义
  • 接收和校验参数
  • 实现主体业务逻辑
  • 响应结果

2 注册业务逻辑核⼼思想：

  • 保存⽤户注册数据

2 用户注册状态保持

说明：

  • 如果需求是注册成功后即表示⽤户登⼊成功，那么此时可以在注册成功后实现状态保持
  • 如果需求是注册成功后不表示⽤户登⼊成功，那么此时不⽤在注册成功后实现状态保持
  • 芒果头条的需求是：注册成功后即表示⽤户登⼊成功

2.1 login()⽅法介绍

2.1.1 ⽤户登⼊本质
  • 状态保持 
  • 将通过认证的⽤户的唯⼀标识信息（⽐如：⽤户ID）写⼊到当前浏览器的 cookie 和服务端的 session 中。
2.1.2 login()⽅法
  • Django⽤户认证系统提供了login()⽅法。
  • 封装了写⼊session的操作，帮助我们 快速登⼊⼀个⽤户，并实现状态保持。
2.1.3 login()位置
# django.contrib.auth.__init__.py⽂件中。
login(request, user, backend=None)
2.1.4 状态保持 session

数据存储的位置：Redis数据库的1号库

SESSION_ENGINE = "django.contrib.sessions.backends.cache"
SESSION_CACHE_ALIAS = "session"

2.2 login()⽅法登⼊⽤户

# 保存注册数据
try:
    user = Users.objects.create_user(username=username, 
                                     password=password, phone=phone)
except DatabaseError:
    return render(request, 'register.html', {'register_error': '注册失败'})

# 登⼊⽤户，实现状态保持
login(request, user)
# 响应注册结果
return redirect(reverse('newsapp:index'))

2.3 ⻚⾯获取当前会话值

<ul class="header-user-links">
    {% if user %}
    欢迎您！ <span style="font-weight: bolder;">[ {{
    user.username }} ]</span>
    &emsp;<a href="/logout/">退出登录</a>&nbsp;
    {% else %}
    <li>
        <a href="/login/">登录</a>&nbsp;&nbsp;&nbsp;
        <a href="/register/">注册</a>
    </li>
    {% endif %}
</ul>

3 用户名重复注册校验

3.1 ⽤户名重复注册接⼝设计和定义

3.1.1 请求⽅式
选项 ⽅案
请求⽅法 GET
请求地址 1 /usernames/(?P[a-zA-Z0-9_-]{5,8})/count/
3.1.2 请求参数：路径参数
参数名 类型 是否必传 说明
username string 是 ⽤户名
3.1.3 响应结果：JSON
响应结果 响应内容
code 状态码
errmsg 错误信息
count 记录该⽤户名的个数

3.2 ⽤户名重复注册后端逻辑

class UnameCountView(View):
    """判断⽤户名是否重复注册"""

    def get(self, request, username):

        """
        :param request: 请求对象
        :param username: ⽤户名
        :return: JSON
        """
        count = Users.objects.filter(username=username).count()
        return http.JsonResponse({'code': 200, 'errmsg': 'OK',
                                  'count': count})

3.3 ⽤户名重复注册前端逻辑

if (this.error_username == false) {
    axios.get('/usernames/' + this.username + '/count/', {
        responseType: 'json'
    })
        .then(response => {
            if (response.data.count == 1) {
                this.error_username_msg = '⽤户名已存在';
                this.error_username = true;
            } else {
                this.error_username = false;
            }
        })
        .catch(error => {
            console.log(error.response);
        })
}

3.4 知识要点

1 判断⽤户名重复注册的核⼼思想：

  • 使⽤⽤户名查询对应的记录是否存在，如果存在，表示重复注册，反之，没有重复注册。

2 axios发送异步请求套路：

  • 处理⽤户交互
  • 收集请求参数
  • 准备请求地址
  • 发送异步请求
  • 得到服务器响应
  • 控制界⾯展示效果

4 用户退出登录

4.1 修改base.html

<ul class="header-user-links">
    {% if user.username %}
    欢迎您！ <span style="font-weight: bolder;">[ {{ user.username }} ]</span>
    &emsp;<a href="/logout/">退出登录</a>&nbsp;
    {% else %}
    <li>
        <a href="/login/">登录</a>&nbsp;&nbsp;&nbsp;
        <a href="/register/">注册</a>
    </li>
    {% endif %}
</ul>

4.2 配置路由

# userapp/urls.py
from django.urls import path, re_path
from . import views

urlpatterns = [
    re_path('^register/$', views.RegisterView.as_view()),
    re_path('^usernames/(?P<username>[a-zA-Z_]{5,8})/count/$',
            views.UsernameCount.as_view()),
    re_path('^logout/$', views.LogoutView.as_view())
]

4.3 创建视图

class LogoutView(View):
    def get(self, request):
        """
        ⽤户退出登录
        :param request:
        :return:
        """
        logout(request)
        return redirect(reverse('newsapp:index'))

5 用户手机号重复注册校验

5.1 ⼿机号重复注册接⼝设计和定义

5.1.1 请求⽅式
选项 ⽅案
请求⽅法 GET
请求地址 /phones/(?P1[3589][0-9]{9})/count/
5.1.2 请求参数：路径参数
参数名 类型 是否必传 说明
mobile string 是 ⼿机号
5.1.3 响应结果：JSON
响应结果 响应内容
code 状态码
errmsg 错误信息
count 记录该⽤户名的个数

5.2 ⼿机号重复注册 后端逻辑

class PhoneCountView(View):
    """判断⼿机号是否重复注册"""
    def get(self, request, phone):

        """
        :param request: 请求对象
        :param phone: ⼿机号
        :return: JSON
        """
        count = Users.objects.filter(phone=phone).count()
        return http.JsonResponse({'code': 200, 'errmsg': 'OK', 
                                  'count': count})

5.3 ⼿机号重复注册 前端逻辑

if (this.error_phone == false) {
    let url = '/phones/' + this.phone + '/count/';
    axios.get(url, {
        responseType: 'json'
    })
        .then(response => {
            if (response.data.count == 1) {
                this.error_phone_msg = '⼿机号已存在';
                this.error_phone = true;
            } else {
                this.error_phone = false;
            }
        })
        .catch(error => {
            console.log(error.response);
        })
)

网站公告

今日签到

点亮在社区的每一天
去签到

热门文章

最新发布