Spring boot项目关于用户验证是否合法(详细代码+截图)

1、异步的去校验用户名是否存在

在HTML代码input中加入onblur事件

2、在中加入验证方法

            //验证用户名是否存在
            function checkUser(obj) {
				alert(obj.value);
				$.ajax({
					url:contextPath+"/user/checkUserName",
					data:{"username":obj.value},
					method:"post",
					success:function (data) {
						alert(data);
					}
				})
			}

3、创建用户实体类

@Data
@TableName(value = "bs_user")
public class User {

    @TableId(type = IdType.AUTO)
    private Integer id;
    private String username;
    private String password;
    private String email;
    private String phone;
    private String company;
}

 

4、控制器代码UserController

@Controller
@RequestMapping("/user")
public class UserController {
    @Autowired
    private UserService userService;

    //验证用户是否存在
    @ResponseBody
    @RequestMapping("/checkUserName")
    public String checkUserName(String username){
        return userService.checkUser(username);
    }

}

5、接口 UserMapper

public interface UserMapper extends BaseMapper {
}

6、业务层 UserService

@Service
public class UserService extends ServiceImpl {

    @Autowired
    private UserMapper userMapper;
    /**
     * 验证用户的存在性
     */
    public String checkUser(String username){

        QueryWrapper queryWrapper = new QueryWrapper<>();
        queryWrapper.eq("username",username);
        User user = userMapper.selectOne(queryWrapper);
        if (user == null){
            return "101";//用户不存在
        }else
            return "102";//用户已存在
    }
}

7、启动项目就可以去查看验证结果了

第一种:我的数据库中已经存在了jack,用它去注册,出现以下截图

Spring boot项目关于用户验证是否合法(详细代码+截图)_第1张图片

第二种:注册一个数据库中没有的字段:jacker ,出现以下截图

Spring boot项目关于用户验证是否合法(详细代码+截图)_第2张图片

验证成功!

 

你可能感兴趣的:(毕业设计,idea小问题,java,jquery,ajax,intellij,idea,mysql)