jsp+servlet 登录界面含验证码可注销

最新推荐文章于 2024-06-09 02:56:55 发布

原创最新推荐文章于 2024-06-09 02:56:55 发布 · 682 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#servlet #jsp

JAVA WEB 专栏收录该内容

15 篇文章

订阅专栏

这篇博客展示了如何在Java Web应用中实现登录验证，包括用户名和密码的检查，以及验证码的生成和验证。登录页面（login.jsp）包含表单，用户输入用户名、密码并输入显示的验证码。JavaScript函数用于刷新验证码图片。后端（LoginServlet.java）接收到请求后，检查用户输入的验证码是否与session中的验证码匹配，并进行登录操作。验证码的生成（AuthImg.java）通过生成随机字符和线条实现，确保每次请求都得到新的验证码。登录成功后，用户信息存储在session中，重定向到主页(index.jsp)，未登录用户会被引导回登录页面。

使用软件 Eclipse

在这里插入图片描述
没有使用数据库，验证时验证用户名 zhangsan 密码 lisi

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>登录</title>

<script type="text/javascript">
     function reloadCode(){
         var time = new Date().getTime();
         document.getElementById("imagecode").src="authImg?d="+time;
     }
 </script>

<form action="loginServlet" method="post">
<table >
<tr>
<td>用户名：</td>
<td  > <input type="text" name="user"></td>
</tr>
<td>密码：</td>
<td  > <input type="password" name="pwd"></td>
</tr>

<tr>
<td>验证码：</td>
<td ><input type="text" placeholder="输入验证码" name="text" size="10"/> 
<img  src="authImg" id="imagecode" onclick="reloadCode()"/>
</td>
</tr>


<tr>
<td><input type="submit" value="提交"/>  </td>
<td><input type="reset" value="重置"/>  </td>
</tr>

</table>
</form>

</head>
</html>

其中关于验证码的jsp部分

<tr>
<td>验证码：</td>
<td ><input type="text" placeholder="输入验证码" name="text" size="10"/> 
<img  src="authImg" id="imagecode" onclick="reloadCode()"/>
</td>
</tr>

其中点击刷新的js部分

<script type="text/javascript">
     function reloadCode(){
         var time = new Date().getTime();
         document.getElementById("imagecode").src="authImg?d="+time;
     }
 </script>

LoginServlet.java

package servlet;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.*;


@WebServlet(name="loginServlet",urlPatterns={"/loginServlet"})   //注解名和post的标签名相同

public class LoginServlet extends HttpServlet{
	
	public void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
 
		request.setCharacterEncoding("utf-8");
		response.setCharacterEncoding("UTF-8");	 
		PrintWriter out = response.getWriter();
        response.setContentType("text/html);charset=UTF-8");
             //接收参数
        String imageText = request.getParameter("text");
        String text = (String) request.getSession().getAttribute("image");      
        String user = request.getParameter("user");
        String pwd = request.getParameter("pwd");      
        out.println("<html><body>");   
        if(user==null||user.length()==0) 
        {
        	out.println("请输入用户名");
        	response.setHeader("refresh", "2;url="+request.getContextPath()+"/login.jsp");       	
        }
        
        else if(pwd==null||pwd.length()==0) 
        {       	
        	out.println("请输入密码");
        	response.setHeader("refresh", "2;url="+request.getContextPath()+"/login.jsp");
        }
        else if (!text.equalsIgnoreCase(imageText)) 
        {
        	response.getWriter().write("验证码错误,2秒后重新登录");
    		response.setHeader("refresh", "2;url="+request.getContextPath()+"/login.jsp");
        }
        else if(user.length()>0&&pwd.length()>0)    
        	//判断登陆是否成功          	
        	if(user.equals("zhangsan") && pwd.equals("lisi")) {
           
            //把用户数据保存在session域对象中		
        		request.getSession().setAttribute( "user" , user);             
        		out.println("登陆成功，1秒后到主页");                       
        		response.setHeader("refresh", "1;url="+request.getContextPath()+"/index.jsp");      		       	
        	}        	
        	else   {
        		
        		response.getWriter().write("登陆失败,2秒后重新登录");
        		response.setHeader("refresh", "2;url="+request.getContextPath()+"/login.jsp");         	
        	}
        		     	
        out.println("</body></html>");        
    }
 
    public void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        doGet(request, response);
    }

}

生成验证码的java代码（网上扒的）
AuthImg.java

package servlet;

import java.awt.Color;  
import java.awt.Font;  
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;  
import javax.servlet.http.HttpSession;  
@WebServlet(name="authImg",urlPatterns={"/authImg"})
public class AuthImg extends HttpServlet {  
  
    // 设置图形验证码中字符串的字体和大小  
    private Font myFont = new Font("Arial Black", Font.PLAIN, 16);  
  
    @Override  
    public void init() throws ServletException {  
        super.init();  
    }  
  
    // 生成随机颜色  
    Color getRandColor(int fc, int bc) {  
        Random random = new Random();  
        if (fc > 255)  
            fc = 255;  
        if (bc > 255)  
            bc = 255;  
        int r = fc + random.nextInt(bc - fc);  
        int g = fc + random.nextInt(bc - fc);  
        int b = fc + random.nextInt(bc - fc);  
        return new Color(r, g, b);  
    }  
  
    @Override  
    public void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {  
  
        // 阻止生成的页面内容被缓存，保证每次重新生成随机验证码  
        response.setHeader("Pragma", "No-cache");  
        response.setHeader("Cache-Control", "no-cache");  
        response.setDateHeader("Expires", 0);  
        response.setContentType("image/jpeg");  
        // 指定图形验证码图片的大小  
        int width = 100, height = 20;  
        // 生成一张新图片  
        BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);  
        // 在图片中绘制内容  
        Graphics g = image.getGraphics();  
        Random random = new Random();  
        g.setColor(getRandColor(200, 250));  
        g.fillRect(1, 1, width - 1, height - 1);  
        g.setColor(new Color(102, 102, 102));  
        g.drawRect(0, 0, width - 1, height - 1);  
        g.setFont(myFont);  
        // 随机生成线条，让图片看起来更加杂乱  
        g.setColor(getRandColor(160, 200));  
        for (int i = 0; i < 155; i++) {  
            int x = random.nextInt(width - 1);// 起点的x坐标  
            int y = random.nextInt(height - 1);// 起点的y坐标  
            int x1 = random.nextInt(6) + 1;// x轴偏移量  
            int y1 = random.nextInt(12) + 1;// y轴偏移量  
            g.drawLine(x, y, x + x1, y + y1);  
        }  
        // 随机生成线条，让图片看起来更加杂乱  
        for (int i = 0; i < 70; i++) {  
            int x = random.nextInt(width - 1);  
            int y = random.nextInt(height - 1);  
            int x1 = random.nextInt(12) + 1;  
            int y1 = random.nextInt(6) + 1;  
            g.drawLine(x, y, x - x1, y - y1);  
        }  
  
        // 该变量用来保存系统生成的随机字符串  
        String sRand = "";  
        for (int i = 0; i < 6; i++) {  
            // 取得一个随机字符  
            String tmp = getRandomChar();  
            sRand += tmp;  
            // 将系统生成的随机字符添加到图形验证码图片上  
            g.setColor(new Color(20 + random.nextInt(110), 20 + random.nextInt(110), 20 + random.nextInt(110)));  
            g.drawString(tmp, 15 * i + 10, 15);  
        }  
  
        // 取得用户Session  
        HttpSession session = request.getSession(true);  
        // 将系统生成的图形验证码添加  
        session.setAttribute("image", sRand);  
        g.dispose();  
        // 输出图形验证码图片  
        ImageIO.write(image, "JPEG", response.getOutputStream());  
  
    }  
  
    // 随机生成一个字符  
    private String getRandomChar() {  
        int rand = (int) Math.round(Math.random() * 2);// 将0～2的小数四舍五入生成整数  
        long itmp = 0;  
        char ctmp;
        // 根据ran的值来决定是生成一个大写字母、小写字母和数字  
        switch (rand) {  
        // 生成大写字母的情形  
        case 1:  
            itmp = Math.round(Math.random() * 25 + 65);  
            ctmp = (char) itmp;  
            return String.valueOf(ctmp);  
            // 生成小写字母  
        case 2:  
            itmp = Math.round(Math.random() * 25 + 97);  
            ctmp = (char) itmp;  
            return String.valueOf(ctmp);  
            // 生成数字  
        default:  
            itmp = Math.round(Math.random() * 9);  
            return String.valueOf(itmp);  
        }  
    }  
}

index.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>主页</title>
</head>
<body>
   <%
    String user=(String)session.getAttribute("user");
     %>
     <%
     if(user==null||"".equals(user)){
     %>
     	欢迎！
     	<a href="login.jsp">登录</a>
     <%
     	}else{	
      %>
      	欢迎回来 <%=user %>
      	<a href="logout.jsp">注销</a>
      <%
      	}

     %>
</body>
</html>

logout.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title></title>
</head>
<body>

<% 
session.removeAttribute("user");
session.invalidate(); 
%> 


<h1>注销成功</h1>
<form action="index.jsp">
<input type = "submit" value = "返回" />
</form>
</body>
</html>

运行 login.jsp
在这里插入图片描述