在“易居住房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>