前台部分页面
<h1>登陆</h1>
<div class="input_box">
<sapn ><i class="fa fa-user fs_20" style="margin: 14px 0 0 20px;float:left; color: #c7c7e0"></i></sapn>
<div class="" style="height: 45px;">
<input id="login_user" type="text" class="" value="" style="height: 45px;text-indent: 20px;font-size: 16px">
</div>
</div>
<div class="input_box">
<sapn ><i class="fa fa-lock fs_20" style="margin: 14px 0 0 20px;float:left;color: #c7c7e0"></i></sapn>
<div class="" style="height: 45px;">
<input id="login_key" type="text" class="" value="" style="height: 45px;text-indent: 20px;font-size: 16px">
</div>
</div>
<script>
$("#login_button").click(function(){
var params = {
"userMobile": $("#login_user").val(),//取出文本中的值
"userPass": $("#login_key").val(),
}
$.ajax({
type: "POST",//请求类型POST/GET
url: "http://192.168.31.63:8888/login",//请求的地址 注意要加上 http:// 不然可能会报错
data: params,//请求的参数
dataType : "json",//返回值类型 JSON 或者text 大多数是JSON
success: function(res){ //请求成功的回调
if(res.status==1){
window.location.href='http://192.168.31.63:8888/index.html' //请求成功之后跳转的页面
}else{
alert("查询错误")
}
},
error:function(res){ //请求失败的回调
alert(res.status)
},
})
})
</script>
后台接口
/**
* 登录
* @param userMobile
* @param userPass
* @return
*/
@PostMapping("/login")
@ResponseBody
public JsonBean login(String userMobile,String userPass) {
JsonBean result = new JsonBean();
String token = "";
Integer sta = null;
String mes = null;
Integer ref = null;
PaUser user = new PaUser();
List<PaUser> list =null;
//核对用户手机号码
PaUserExample example = new PaUserExample();
example.createCriteria().andUsermobileEqualTo(userMobile);
list = paUserMapper.selectByExample(example);
if(list==null && list.size()<0) {
result.setStatus(Constants.$Failure);
result.setMessage(Constants.MOBILE_NULL_MESSAGE);
return result;
}
if (StringUtil.isNullOrEmpty(userMobile) || StringUtil.isNullOrEmpty(userPass)) {
sta = Constants.$Null;
mes = Constants.NULL_PARAMETERS_MESSAGE;
}else {
userPass = MD5Util.encrypt(userPass);//将密码使用md5算法进行加密后,同表中加密后的password比对
PaUser paUser = list.get(0);
String userpass2 = paUser.getUserpass();
if(!userPass.equals(userpass2)) {
result.setStatus(Constants.$Failure);
result.setMessage(Constants.LOGIN_FAILURE_MESSAGE);
return result;
}
token = TokenUtils.getToken(paUser.getUserid());
result.setData(token);
sta = Constants.$Success;
mes = Constants.EXECUTION_SUCCESS_MESSAGE;
}
result.setStatus(sta);
result.setMessage(mes);
return result;
}