1.用户名重复注册逻辑分析
2.用户名重复注册接口设计定义
3.用户名重复注册后端逻辑
1.在users下面views视图中写入以下代码
class UsernameCountView(View):
# 判断用户是否重复注册
def get(self, request, username):
#username = 用户名,如果子路由需要校验关键字参数，在视图对应的方法中需要接收一下
#接收和校验参数
# 实现主体业务逻辑，使用username查询对应的记录的条数,filter返回的事满足条件的结果集，count返回的是数字
# 响应结果 filter返回一个可迭代的对象，count()计算出现的次数
count = User.objects.filter(username=username).count()
return http.JsonResponse({'code': RETCODE.OK, 'errmsg': 'ok', 'count': count})
4.用户名重复注册的前端逻辑
if (this.error_name == false) { // 只有当用户输入的用户名满足条件时才回去判断
let url = '/usernames/' + this.username + '/count/';
axios.get(url, {
responseType: 'json'
})
.then(response => {
if (response.data.count == 1) {
// 用户名已存在
this.error_name_message = '用户名已存在';
this.error_name = true;
} else {
// 用户名不存在
this.error_name = false;
}
})
.catch(error => {
console.log(error.response);
})
}
},
添加用户名验证的子路由
re_path('^username/(?P<username>[a-zA-Z0-9_-]{5,20})/count/$', views.UsernameCountView.as_view()),
axios是什么：
5 手机号重复注册逻辑
1.逻辑
2.手机号重复注册接口设计和定义
3.手机号重复注册后端逻辑
class MobileCountView(View):
# 判断手机号是否重复注册
def get(self, request, mobile):
count = User.objects.filter(mobile=mobile).count()
return http.JsonResponse({'code': RETCODE.OK, 'errmsg': 'OK', 'count': count})
添加手机号重复的子路由
re_path('^mobiles/(?P<mobile>[3-9]\d{9})/count/$', views.MobileCountView.as_view())
4.手机号重复注册前端逻辑
if (this.error_mobile == false) {
let url = '/mobiles/'+ this.mobile + '/count/';
axios.get(url, {
responseType: 'json'
})
.then(response => {
if (response.data.count == 1) {
this.error_mobile_message = '手机号已存在';
this.error_mobile = true;
} else {
this.error_mobile = false;
}
})
.catch(error => {
console.log(error.response);
})
}