用户登入验证窗口效果图如下:
在上一篇博客中添加链接描述继续添加验证码功能
1.在loginController.java的doGet方法中添加图片验证码的功能
<input type='text' name='validCode' />
2.在CaptcheController.java添加获取验证码功能
HttpSession session =req.getSession();
session.setAttribute("code",code);
3.在loginController.java的doPost方法中添加验证验证码功能
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
String loginName =req.getParameter("loginName");
String loginPwd =req.getParameter("loginPwd");
String validCode = req.getParameter("validCode");
String saveCode = (String)req.getSession().getAttribute("code");
resp.setCharacterEncoding("utf-8");
PrintWriter out =resp.getWriter();
out.print("<html>");
out.print("<meta charset=\"utf-8\">");
out.print("<body>");
if (saveCode != null) {
if(saveCode.equals(validCode)) {
if ("50".equals(loginName) && "123".equals(loginPwd)) {
out.println("登入成功");
} else {
out.println("账号或密码错误,请重新输入");
}
} else{
out.println("验证码错误");
}
} else{
out.println("请输入验证码");
}
out.print("</body>");
out.print("</html>");
}
}
4.运行整个项目,打开浏览器输入localhost:8081/login进行验证
验证如下: