基于Servlet/Jsp技术实现登录页面验证码验证功能

利用Servlet/Jsp实现登录验证码验证功能

1.动态WEB项目的构建

2.登录页面的设计

3.代码实现

5.案例总结

JavaWeb项目一个简单demo
项目环境配置 Tomcat 9.0.54 Servlet 3.1

注意：该版本的Tomcat会自动生成注解路由，无需手动配置
以往版本的Tomcat中需要手动配置web.xml文件，此文不再赘述。

1.项目构建

利用eclipse创建动态web项目，建立相应的包文件
2.登录页面的设计

通过过画图，简单分析登录页面的功能实现
3.代码实现部分
核心代码部分
1.CodeServlet类：生成动态的验证码图片，并将其发送到登录页面中

public class CodeServlet extends HttpServlet {
   
	 /**
		 * 
		 */
		private static final long serialVersionUID = 1L;
		public static final int WIDTH = 120;//生成图片的宽度
	    public static final int HEIGHT = 30;//生成图片的高度
	    public static final int WORDS_NUMBER = 4;//验证码中字符的个数
	    
	    @Override
	    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
   
	        // TODO Auto-generated method stub
	        this.doPost(req, resp);
	    }

	    @Override
	    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
   
	        // TODO Auto-generated method stub
	        String createTypeFlag = req.getParameter("createTypeFlag");//接收客户端传递的createTypeFlag标识
	        //在内存中创建一张图片
	        BufferedImage bi = new BufferedImage(WIDTH,HEIGHT,BufferedImage.TYPE_3BYTE_BGR);
	        //得到图片
	        Graphics g = bi.getGraphics();
	        //设置图片的背景色
	        setBackGround(g);
	        //设置图片的边框
	        setBorder(g);
	        //在图片上画干扰线
	        drawRandomLine(g);
	        //在图片上放上随机字符
	        String randomString = this.drawRandomNum((Graphics2D)g, createTypeFlag);
	        
	        //将随机数存在session中
	        req.getSession().setAttribute("scode", randomString);
	        System.out.println(randomString);
	        //设置响应头通知浏览器以图片的形式打开
	        resp.setContentType("image/jpeg");
	        
	        //设置响应头控制浏览器不要缓存
	        resp.setDateHeader("expries", -1);
	        resp.setHeader("Cache-Control", "no-cache");
	        resp.setHeader("Pragma", "no-cache");
	        
	        //将图片传给浏览器
	        ImageIO.write(bi, "jpg", resp.getOutputStream());
	    }
	    
	    //设置图片背景色
	    //@param g
	    private void setBackGround(Graphics g) {
   
	        //设置颜色
	        g.setColor(Color.WHITE);
	        //填充区域
	        g.fillRect(0, 0, WIDTH, HEIGHT);
	    }
	    
	    /*
	     * 设置图片的边框
	     * @param g
	     * */
	    
	    private void setBorder(Graphics g) {
   
	        //设置边框颜色
	        g.setColor(