在“易居住房5”的基础上进行增加或修改代码
在“yiju”包中添加如下图
“bean”中添加“UserInfo.java”输入如下代码,并使用“Getter and Setter”和“toString”方法
public UserInfo() {
}
public UserInfo(int userId, String nickname, String truename, int gender, String city, long createTime) {
this.userId = userId;
this.nickname = nickname;
this.truename = truename;
this.gender = gender;
this.city = city;
this.createTime = createTime;
}
private int userId; //用户id
private String phone; //用户手机号,用于登录
private String password; //密码
private String email; //邮箱
private String nickname; //昵称
private String truename; //真实姓名
private int gender; //性别 0:男 1:女
private String province; //省份
private String city; //城市
private int isDelete; //是否删除 0:未删除 1:已删除
private long createTime; //创建时间
private long updateTime; //更新时间
“dao”中添加“IUserDao.java”代码如下
UserInfo findUserByPhon(String phone);
“service”中添加“IUserService.java”代码如下
UserInfo findUserByPhon(String phone);
“service”中的“impl”添加“UserService.java”代码如下
@Autowired
private IUserDao userDao;
@Override
public UserInfo findUserByPhon(String phone) {
return userDao.findUserByPhon(phone);
}
“mapper”中添加“UserInfoMapper.xml”代码如下
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd" >
<mapper namespace="com.yiju.dao.IUserDao">
<select id="findUserByPhon" parameterType="String" resultType="com.yiju.bean.UserInfo">
select * from tb_user where phone=#{phone}
</select>
</mapper>
“UserController.java”增加代码
@RequestMapping("login2.do")
@ResponseBody
public String login2(@Param(value = "phone") String phone,
@Param(value = "password") String password){
JSONObject jsonObject=new JSONObject();
/*if ("123".equals(phone)&&"123".equals(password)){
jsonObject.put("return","1");
}else {
jsonObject.put("return","2");
}*/
UserInfo user=userService.findUserByPhon(phone);
if (user==null){
jsonObject.put("result","0");
} else if (!password.equals(user.getPassword())){
jsonObject.put("result","1");
} else {
jsonObject.put("result","2");
}
return jsonObject.toString();
}
“pages”中添加“login.
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>欢迎登录 — 易居住房交易平台</title>
<%--导入CSS文件--%>
<link type="text/css" href="../css/css.css" rel="stylesheet" />
<%--<link type="text/css" href="css/buttonStyle.css" rel="stylesheet" />--%>
<%--导入JS文件--%>
<script src="../js/jquery-2.1.1.min.js"></script>
<script src="../js/wer.js"></script>
<%--<script src="js/signup.js"></script>--%>
</head>
<body>
<%--加入头部--%>
<jsp:include page="/pages/basehead.jsp"></jsp:include>
<!--Logo栏和手机号栏-->
<div class="logo-phone">
<div class="width1190">
<table align="center" width="100%">
<tr>
<td>
<h1 class="logo"><a href="../index.jsp"><img src="../images/logo.png" width="163" height="59" /></a></h1>
</td>
<td align="center">
<div class="phones"><strong>000-0000000</strong></div>
<div class="clears"></div>
</td>
</tr>
</table>
</div><!--width1190/-->
</div><!--logo-phone/-->
<!--Logo栏和手机号栏-->
<hr width="1280px">
<!--注册-->
<div class="content">
<div class="width1190">
<div class="reg-logo">
<form method="post" action="" class="zcform">
<table align="center" cellpadding="100px" cellspacing="10px">
<tr>
<td align="right">
<label class="one" for="phone">手机号码:</label>
</td>
<td colspan="2">
<input id="phone" name="phone" type="text" class="required" value placeholder="请输入您的手机号" />
</td>
</tr>
<tr><td><br></td></tr>
<tr>
<td>
<label class="one" for="password">登录密码:</label>
</td>
<td colspan="2">
<input id="password" name="password" type="password" class="{required:true,rangelength:[8,20],}" value placeholder="请输入登录密码" />
</td>
</tr>
<tr><td><br></td></tr>
<tr>
<td>
<label class="one" for="verifyCode">验证码:</label>
</td>
<td>
<input id="verifyCode" name="verifyCode" type="text" class="required" value placeholder="请输入验证码" />
</td>
<td>
<div id="v_container" style="width: 180px;height: 45px;"></div>
<%--<a> </a><button type="button" class="sendVerifyCode" id="btn" name="btn" style="width: 180px;height: 45px">点击获取验证码</button><a> </a>--%>
</td>
</tr>
<tr><td><br></td></tr>
<tr>
<td colspan="3">
<input class="submit" type="button" value="立即登录"/>
<%--<input class="sub-btn" type="button" value="立即注册"/>--%>
</td>
</tr>
</table>
</form>
<div class="reg-logo-right">
<h3>如果您没有账号,请</h3>
<%--FIXME 这里跳转至【注册页面】--%>
<a href="/user/signpage.do" class="logo-a" target="_self">立即注册</a>
<br>
<h3>忘记密码? 请</h3>
<%--FIXME 这里跳转至【找回密码页面】--%>
<a href="#" class="logo-a" target="_self">找回密码</a>
</div><!--reg-logo-right/-->
<div class="clears"></div>
</div><!--reg-logo/-->
</div><!--width1190/-->
</div><!--content/-->
<%--加入页脚--%>
<jsp:include page="/pages/basefoot.jsp"></jsp:include>
</body>
<script type="text/javascript">
var verifyCode=new GVerify("v_container");
$(function () {
$(".submit").on("click",function () {
var phone=$("input[name=phone]").val();
var password=$("input[name=password]").val();
var code=$("input[name=verifyCode]").val();
if (phone==""){
alert("请输入手机号码!");
return;
}
if (password==""){
alert("请输入密码!");
return;
}
if (code==""){
alert("请输入验证码!");
return;
}
if (!verifyCode.validate(code)){
alert("验证码错误");
return;
}else {
$.ajax({
url:"${pageContext.request.contextPath}/user/login2.do",
type:"post",
dataType:"json",
data:{
phone:phone,
password:password
},
success:function (data) {
if (data.result=="0"){
alert("该用户尚未注册");
} else if (data.result=="1"){
alert("密码错误");
} else {
window.location.href="${pageContext.request.contextPath}/index.jsp"
}
}
})
}
})
})
</script>
</html>
“basehead.jsp”中“登录”语句修改如下
<a href="${pageContext.request.contextPath}/pages/login.jsp" style="font-size: 14px" target="_blank"><strong>登录</strong></a>