【django】用户手机号重复注册校验【14】

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

请求⽅式

请求参数：路径参数

响应结果：JSON

2、定义路由和视图

主路由

from django.contrib import admin
from django.urls import path,re_path,include

urlpatterns = [
    path('admin/', admin.site.urls),
    re_path('^',include('userapp.urls')),
    re_path('^',include(('newsapp.urls','newsapp'),namespace='newsapp'))
]

子路由

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()),
    re_path('^phones/(?P<phone>1[3589][0-9]{9})/count/$',views.PhoneCountView.as_view()),
]

3、⼿机号重复注册后端逻辑

class PhoneCountView(View):
    def get(self,request,phone):
        '''
        查询手机号的记录数
        :param request:
        :return:
        '''
        count=Users.objects.filter(phone=phone).count()
        return JsonResponse({'code':200,'msg':'ok','count':count})

4、⼿机号重复注册前端逻辑

 // 2.手机号是否重复注册校验
if(!this.error_phone){
    axios.get('/phones/'+this.phone+'/count/',{
        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);
    });
}