JSP&Servlet 验证码登录

最新推荐文章于 2022-09-24 09:42:28 发布

梦想不断超越

最新推荐文章于 2022-09-24 09:42:28 发布

阅读量667

点赞数

分类专栏： Web 文章标签： jsp 验证码登录

本文链接：https://blog.csdn.net/lujiachun1/article/details/70156459

版权

Web 专栏收录该内容

31 篇文章 0 订阅

订阅专栏

效果展示

成功页面

登录页面 login.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Login</title>
</head>
<script type="text/javascript">
    function fun1() {
        //1  获得img对象
        var img = document.getElementById("one");
        //2 改变img对象 src属性
        img.src = "/Web1.1/SessionEServlet";
    }

</script>
<body>
    <form action="<%=request.getContextPath()%>/SessionDServlet">
        用户名: <input type="text" name="name" /><br/>
        密码: <input type="password" name="password" /><br/>
        验证码: <input type="text" name="code" />
        <img src="/Web1.1/SessionEServlet" width="150" id="one" onclick="fun1();"/>
        <a href="javascript:void(0)" onclick="fun1();">看不清换一张</a><br/>
        <input type="submit" value="登录" /><br/>
    </form>

    <font color="red">
        <%=request.getAttribute("error")==null?"":request.getAttribute("error") %>
    </font>
</body>
</html>

生成验证码 SessionEServlet

package Session;

import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import cn.dsna.util.images.ValidateCode;

/**
 * Servlet implementation class SessionEServlet
 */
@WebServlet("/SessionEServlet")
public class SessionEServlet extends HttpServlet {
    private static final long serialVersionUID = 1L;

    /**
     * @see HttpServlet#HttpServlet()
     */
    public SessionEServlet() {
        super();
        // TODO Auto-generated constructor stub
    }

    /**
     * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
     */
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // 1 生成验证码
        ValidateCode code = new ValidateCode(200, 80, 4, 100);
        // 2 将验证码保存到session中
        request.getSession().setAttribute("code", code.getCode());
        // 3 将验证码图片输出到浏览器
        response.setContentType("image/jpeg");
        code.write(response.getOutputStream());
    }

    /**
     * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
     */
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub
        doGet(request, response);
    }

}

比对验证码 SessionDServlet.java

package Session;

import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * Servlet implementation class SessionDServlet
 */
@WebServlet("/SessionDServlet")
public class SessionDServlet extends HttpServlet {
    private static final long serialVersionUID = 1L;

    /**
     * @see HttpServlet#HttpServlet()
     */
    public SessionDServlet() {
        super();
        // TODO Auto-generated constructor stub
    }

    /**
     * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
     */
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //1 获得表单提交的验证码
        String code1 = request.getParameter("code");
        //2 获得session中的正确验证码
        String code2 = (String) request.getSession().getAttribute("code");
        //3 比对是否一致
        if (code1 != null && code2 != null && code1.equals(code2)) {
            //正确==> 成功页面
            response.sendRedirect("/Web1.1/index.jsp");
        } else {
            //不正确==> 回到表单 页面 ,提示错误
            request.setAttribute("error", "验证码错误!请重新输入");
            request.getRequestDispatcher("/checkcode/login.jsp").forward(request, response);
        }
    }

    /**
     * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
     */
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub
        doGet(request, response);
    }

}