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

本文介绍了如何使用Servlet和JSP技术实现登录页面的验证码验证功能。首先,通过Eclipse构建动态WEB项目,接着设计登录页面。核心代码包括CodeServlet用于生成验证码图片,loginServlet进行验证码校验和登录信息验证。最后,对整个案例进行总结,强调了验证码的生成与验证规则,以及对Servlet/JSP技术的理解深化。
摘要由CSDN通过智能技术生成

利用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(Color.BLUE);
	        //边框区域
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Keiven_sun.

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值