1.前端代码 

MAPPER

 @Insert("insert into user(username,password) values (#{username},#{password}) ")Integer insertUserInfo(String username,String password);

Service

 public Result insertUserInfo(String username, String oldpassword,String newpassword){if(!StringUtils.hasLength(username)||!StringUtils.hasLength(oldpassword)||!StringUtils.hasLength(oldpassword)){return Result.fail(Constant.RESULT_CODE_NO_CHOICE,"用户或账号名为空");}else if(userMapper.queryUserByNameMessage(username)!=null){return Result.fail(Constant.RESULT_CODE_FAIL_SQL,"请重新命名，该用户名已存在");}else if(!oldpassword.equals(newpassword)){return Result.fail(Constant.RESULT_CODE_NOTMP3_DELETEFAIL,"两次输入的密码不一样");}String encodepassword=bCryptPasswordEncoder.encode(oldpassword);if(userMapper.insertUserInfo(username,encodepassword)<1){return Result.fail(Constant.RESULT_CODE_FAIL,"数据库插入信息错误");}else{return Result.success(true);}}

Controller

@RequestMapping("/register")public Result InsertUserInfo(String username,String oldpassword,String newpassword){return userService.insertUserInfo(username,oldpassword,newpassword);}

2.拦截器路径修改

3.后端接口测试 

laying=123

马正阳=567

张艺兴=107

 测试成功！！！

数据库也成功传入！！！

现在看存入的密码是否可以登录 

成功！！！

4.前端代码 

<script src="js/jquery-3.1.1.min.js"></script><script src="js/md5.min.js"></script><script type="text/javascript"></script><script language="javascript" src="js/jquery-3.1.1.min.js"></script><script>var checkbox=document.getElementsByClassName('checkbox');function register(){if(checkbox[0].checked==true){$.ajax({type: "get",url: "/user/register",data:{username: $("#username").val(),oldpassword: $("#pwd").val(),newpassword: $("#c_pwd").val()},success: function(result){if(result!=null&&result.status==200){alert("注册成功！");location.href="login.html"}else if(result!=null&&result.status==-5){alert("两次输入的密码不一样,请重新输入");}else if(result!=null&&result.status==-10){alert("用户或账号名为空");}else if(result!=null&&result.status==-6){alert("请重新命名，该用户名已存在");}else if(result!=null&&result.status==-1){alert("数据库插入信息错误");}},error: function(error){alert("前端页面出错")}});}else{alert("请先阅读并同意《用户注册协议》！")}}</script>

5.测试前端

1.

2. 

 

3. 

 

4. 5.

成功！！！