django_01项目 用户名重复注册的显示

一、主题逻辑

前端

1. 用户在输入框输入数据
2. 鼠标失去焦点
3. 前端提取数据(username)
4. 发送ajax请求

后端

1. 接收参数
2. 校验参数
3. 根据前端发送的数据查询数据库(username)，count数据库查询的结果，在这个项目的模型类中数据库的用户名字段是唯一的所以只有两种结果，0或1
4. 响应结果到前端

前端接收到后端发送的数据，根据响应做页面的渲染处理

• 当后端发送的数据显示用户名为1个时，显示错误信息：用户名重复
• 当后端发送的数据显示用户名为0个时，不显示错误信息

二、接口设计

 

 

 三、前端

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);
        })
}

 

四、后端

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

    def get(self, request, username):
        """
        :param request: 请求对象
        :param username: 用户名
        :return: JSON
        """
        count = User.objects.filter(username=username).count()
        return http.JsonResponse({'code': RETCODE.OK, 'errmsg': 'OK', 'count': count})

 

 

核心思想：使用用户名查询该用户名对应的记录是否存在，如果存在，表示重复注册了，反之，没有重复注册。