三部分代码+最终的结果图
控制层代码:
@RequestMapping(value ="/denglu",method=RequestMethod.POST)
public String denglu(@RequestParam("phone")String phone,@RequestParam("password")String password){
System.out.println("进入账号密码验证");
System.out.println("手机号:"+phone);
Users mima=this.userService.denglu(phone);
if(mima!=null){
System.out.println(mima);
System.out.println("数据密码:"+mima.getPassword());
System.out.println("页面密码:"+password);
if(password.equals(mima.getPassword())){
/*model.addAttribute("msg", "fqf");*/
System.out.println("进入首页");
return "index2";}
else{
/*model.addAttribute("msg", "fqf");*/
System.out.println("进入登录界面");
return "login";}
}
else{
/*model.addAttribute("msg", "fqf");*/
System.out.println("进入登录界面");
return "login";
}
}
首页的弹窗代码:
$(function() {
$('#u_login').on('click', function() {
layer.open({
type : 2,
title : '用户登录',
maxmin : false,//最大/小化
shadeClose : true, //点击遮罩关闭层
area : [ '360px', '560px' ],
content : 'login.html'//弹框显示的url
});
});
});
登录页面的代码(弹窗):
首页body {
background: url("蓝天.jpg") top center no-repeat;
background-size: cover;
}
账号:
密码: