Java——session简单案例

Myth丶恋晨 2022-01-29 04:07 300阅读 0赞

## 案例：验证码 ##

1. 案例需求：
    	1. 访问带有验证码的登录页面login.jsp
    	2. 用户输入用户名，密码以及验证码。
    		* 如果用户名和密码输入有误，跳转登录页面，提示:用户名或密码错误
    		* 如果验证码输入有误，跳转登录页面，提示：验证码错误
    		* 如果全部输入正确，则跳转到主页success.jsp，显示：用户名,欢迎您
    
    
    2. 分析：
    	1. 设置request的编码
    	2. 获取参数Map集合
    	3. 获取验证码
    	4. 将用户信息封装到User对象
    	5. 判断程序生成的验证码和用户输入的验证码是否一致
    		从session中获取程序生成的验证码
    		一致
    			判断用户名和密码是否正确
    			正确：
    				1.登录成功
    				2.存储数据
    				3.跳转到成功界面
    			错误：
    				1.给提示信息
    				2.跳转登录页面。
    		不一致
    				1.给用户提示，验证码错误：session
    				2.跳转登录页面。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjEwOTAxMg_size_16_color_FFFFFF_t_70]**1、首先我们先写一个随机生成验证码的servlet，创建CheckCodeServlet。**  
能够随机生成ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghigklmnopqrstuvwxyz0123456789中四个字符，并产生一些干扰

package servlet;
    
    import java.awt.Color;
    import java.awt.Graphics;
    import java.awt.image.BufferedImage;
    import java.io.IOException;
    import java.util.Random;
    
    import javax.imageio.ImageIO;
    import javax.servlet.ServletException;
    import javax.servlet.annotation.WebServlet;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    
    @WebServlet("/CheckCodeServlet")
    public class CheckCodeServlet extends HttpServlet {
    	private static final long serialVersionUID = 1L;
        
    	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    		int width = 150;
            int height = 40;
    
            //1.创建一对象，在内存中图片(验证码图片对象)
            BufferedImage image = new BufferedImage(width,height,BufferedImage.TYPE_INT_RGB);
    
            //2.美化图片
            //2.1 填充背景色
            Graphics g = image.getGraphics();//画笔对象
            g.setColor(Color.PINK);//设置画笔颜色
            g.fillRect(0,0,width,height);
    
            //2.2画边框
            g.setColor(Color.BLUE);
            g.drawRect(0,0,width - 1,height - 1);
    
            String str = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghigklmnopqrstuvwxyz0123456789";
            //生成随机角标
            Random ran = new Random();
            StringBuilder sb=new StringBuilder();
    
            for (int i = 1; i <= 4; i++) {
                int index = ran.nextInt(str.length());
                //获取字符
                char ch = str.charAt(index);//随机字符
                sb.append(ch);
                
                //2.3写验证码
                g.drawString(ch+"",width/5*i,height/2);
            }
            String checkCode_session = sb.toString();
            //将验证码存入session
            request.getSession().setAttribute("checkCode_session",checkCode_session);
    
            //2.4画干扰线
            g.setColor(Color.GREEN);
    
            //随机生成坐标点
            for (int i = 0; i < 10; i++) {
                int x1 = ran.nextInt(width);
                int x2 = ran.nextInt(width);
    
                int y1 = ran.nextInt(height);
                int y2 = ran.nextInt(height);
                g.drawLine(x1,y1,x2,y2);
            }
    
            //3.将图片输出到页面展示
            ImageIO.write(image,"jpg",response.getOutputStream());
    
    	}
    
    
    	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    		doGet(request, response);
    	}
    
    }

**2、接下来就是编写前端登录界面，创建login.jsp**  
输入用户名、密码、验证码就可以登陆了,需要保持验证码刷新

<%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html>
    <html>
    <head>
    	<meta charset="UTF-8">
    	<title>login</title>
    	
    	<script>
    	//验证码刷新
    		window.onload=function(){
    			document.getElementById("img").onclick=function(){
    				this.src="/studyWeb/CheckCodeServlet?time="+new Date().getTime();
    			}
    		}	
    	</script>
    	
    	<style>
    		div{
    			color:red;	
    		}
    	</style>
    </head>
    <body>
    
    	<form action="/studyWeb/loginServlet" method="post">
    		<table>
    			<tr>
    				<td>用户名</td>
    				<td><input type="text" name="username"></td>
    			</tr>
    			<tr>
    				<td>密码</td>
    				<td><input type="text" name="password"></td>
    			</tr>
    			<tr>
    				<td>验证码</td>
    				<td><input type="text" name="checkCode"></td>
    			</tr>
    			<tr>
    				<td colspan="2"><img id="img" src="/studyWeb/CheckCodeServlet"></td>
    			</tr>
    			<tr>
    				<td colspan="2"><input type="submit" value="登录"></td>
    			</tr>
    		</table>
    	</form>
    	
    	
    	<div><%=request.getAttribute("checkCode_error")==null ? "":request.getAttribute("checkCode_error") %></div>
    	<div><%=request.getAttribute("login_error")==null ? "":request.getAttribute("login_error") %></div>
    </body>
    </html>

**3、接下来编写登录处理servlet，创建loginServlet**

判断程序生成的验证码和用户输入的验证码是否一致
    			从session中获取程序生成的验证码
    			一致
    				判断用户名和密码是否正确
    				正确：
    					1.登录成功
    					2.存储数据
    					3.跳转到成功界面
    				错误：
    					1.给提示信息
    					2.跳转登录页面。
    			不一致
    					1.给用户提示，验证码错误：session
    					2.跳转登录页面。

**先判断验证码，再判断用户名和密码，因为session和用户会分开提交，而且session验证码可以直接判断，如果连接数据库判断用户当大数据时就会很慢，占用很多资源**

**我采用的是硬编码，即没有连接数据库，只是演示一下验证码**

package servlet;
    
    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 javax.servlet.http.HttpSession;
    
    @WebServlet("/loginServlet")
    public class loginServlet extends HttpServlet {
    	private static final long serialVersionUID = 1L;
        
    	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    		//设置request编码
    		request.setCharacterEncoding("utf-8");
    		//获取参数
    		String username=request.getParameter("username");
    		String password=request.getParameter("password");
    		String checkCode=request.getParameter("checkCode");
    		//先获取生成的验证码
    		HttpSession session=request.getSession();
    		String checkCode_session=(String) session.getAttribute("checkCode_session");
    		//立即删除session中存储的验证码，保证验证码一次性
    		session.removeAttribute("checkCode_session");
    		//判断验证码是否正确
    		//忽略大小写比较
    		if(checkCode_session !=null && checkCode_session.equalsIgnoreCase(checkCode)) {
    			//验证码正确
    			//判断用户名和密码是否一致，需要调用数据库
    			if("admin".equals(username) && "admin".equals(password)) {
    				//登录成功
    				//存储信息到request
    				session.setAttribute("username", username);
    				//重定向success.jsp
    				response.sendRedirect(request.getContextPath()+"/success.jsp");;
    			}
    			else {
    				//登录失败
    				//存储信息到request
    				request.setAttribute("login_error", "用户名或密码错误");
    				//转发到登录界面
    				request.getRequestDispatcher("/login.jsp").forward(request, response);
    			}
    		}
    		else {
    			//验证码错误
    			//存储信息到request
    			request.setAttribute("checkCode_error", "验证码错误");
    			//转发到登录界面
    			request.getRequestDispatcher("/login.jsp").forward(request, response);
    		}
    		
    	}
    
    
    	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    		doGet(request, response);
    	}
    
    }

**4、最后再编写一个成功界面，表示成功登录，success.jsp**

<%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html>
    <html>
    <head>
    	<meta charset="UTF-8">
    	<title>success</title>
    </head>
    <body>
    	
    	<h1><%= request.getSession().getAttribute("username") %>,欢迎你</h1>
    
    </body>
    </html>

运行程序，展示结果  
登录界面：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjEwOTAxMg_size_16_color_FFFFFF_t_70 1]成功登录：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjEwOTAxMg_size_16_color_FFFFFF_t_70 2]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjEwOTAxMg_size_16_color_FFFFFF_t_70]: /images/20220129/1260616fc22a4acda4639ddda019fb8a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjEwOTAxMg_size_16_color_FFFFFF_t_70 1]: /images/20220129/ef51e6bd3b2643f895382aa2ccce2e64.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjEwOTAxMg_size_16_color_FFFFFF_t_70 2]: /images/20220129/3065653fab7e43d1b7986ca6bb62b6e9.png