这次先注册功能的是基于登录之后,所以很多配置,实体类等就不再赘述了。
首先也不是直接在地址栏输入一个网页就可以到注册页面的。而是需要通过后台发送一个请求从而跳转到注册页面
先写注册页面,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(data=="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语句与接口对应上即可