这次先注册功能的是基于登录之后，所以很多配置，实体类等就不再赘述了。

首先也不是直接在地址栏输入一个网页就可以到注册页面的。而是需要通过后台发送一个请求从而跳转到注册页面

先写注册页面，body部分

然后写JavaScript部分，需要注意的是，这主要是为了验证用户名

<script type="text/javascript">
//验证密码是否为空
function checkpwd(){
var flag=true;
var password=$(‘#password‘).val();
if(password.trim()==""){
$("#pwd_msg").html("密码不能为空");
flag=false;
return flag;
}
return flag;
}
//验证用户名是否可用
function checkName(){
var flag=true;
var name=$(‘#user_name‘).val();
if(name.trim()==""){
$("#name_msg").html("用户名不能为空");
flag=false;
return flag;
}
$.ajax({
url:‘check.do‘,
type:‘post‘,
data:{‘user_name‘:name},
dataType:‘text‘,
success:function(data){
if(datahttp://www.mamicode.com/=="error"){
$("#name_msg").html(‘用户名已经存在‘);
flag=false;
}else{
$("#name_msg").html(‘用户名可以使用‘);
flag=true;
}
},
async:false
})
return flag;
}
//清空提示框
function clean(){
$("#name_msg").html("");
}
//返回用户名与密码验证结果
function result(){
return checkpwd()&&checkName();
}
</script>

由前台网页可以看出，注册有两个请求，在提交请求之前还有一个验证用户名是否存在的请求发给后台

然后在到com.controller下的usercontroller类中新写一个验证用户名的方法

其实这个验证用户名本质也是跟登录一样，所以可以调用同一个查询用户名的接口与sql语句

当用户名与密码都符合要求的时候则可以注册

注册需要写一个注册的接口

然后在usercontroller中写一个前台发送注册请求的方法

在该方法中是直接调用注册的接口与sql语句的，没有其他的业务逻辑在里面，因此并没有用到service层

然后就是sql语句了，注意其ID名要与接口中的名字一致

这样的话，一个注册就完成了，其实自我感觉用这框架比较好的是，不再需要写接口的实现类了。直接sql语句与接口对应上即可

Spring+Mybatis之注册功能demo