JSP之验证码登陆(用JAVA绘制验证码)

最新推荐文章于 2021-02-13 10:15:33 发布
最新推荐文章于 2021-02-13 10:15:33 发布
阅读量401 收藏 4
点赞数 1
分类专栏： JavaWeb笔记 文章标签： JSP之验证码登陆
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ThinkPet/article/details/80380982
版权

index.jsp代码

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>       
    <title>My JSP 'index.jsp' starting page</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">	
	<script type="text/javascript">
		function check_admin(form){
			if(form.user.value==""){
				alert("请输入账号");
				form.user.focus();
				return false;
			}
			if(form.pass.value==""){
				alert("请输入密码");
				form.pass.focus();
				return false;
			}
			if(form.verify.value==""){
				alert("请输入验证码");
				form.verify.focus();
				return false;
			}
		}
	</script>
  </head>
  
  <body>
    
    <center>
    	<form action="verify.jsp" method="post" onSubmit="return check_admin(this);">
    		<table width="400" border="1" bordercolor="#99ccff" cellpadding="0" cellspacing="0" style="border-collapse: collapse;">
    			<tr>
    				<td height="40" colspan="2" align="center">
    				 <font>后台登录</font> 
    				</td>
    			</tr>
    			<tr>
    				<td height="40" align="right"> 账号: </td>
    				<td width="200" align="left" valign="middle">
    				    <input type="text" name="user" size="21" />
    				</td>    				
    			</tr>
    			<tr>
    				<td height="40" align="right"> 密码: </td>
    				<td width="40" align="left" valign="middle">
    				    <input type="password" name="pass" size="21" />
    				</td>
    			</tr>
    			<tr>
    				<td height="40" align="right"> 系统验证码: </td>
    				<td >
    				    <img border="0"   alt="系统验证码" src="verifyCode.jsp">
    				</td>
    			</tr>
    			<tr>
    				<td height="40" align="right"> 输入验证码: </td>
    				<td>
    				    <input type="text" name="verify" maxlength="4" size="21" value="" />
    				</td>
    			</tr>
    			<tr>    				
    				<td height="40" colspan="2" align="center">
    					<input type="submit" value="确定" />	 
    				    <input type="reset" value="重置" />
    				</td>
    			</tr>
    		</table>
    	</form>
    </center>
  </body>
</html>

verify.jsp代码

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    
    
    <title>My JSP 'verify.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">

  </head>
  
  <body>
    <%
    	String rand =(String)session.getAttribute("rand");
    	String input =request.getParameter("verify");
    	String strUser=request.getParameter("user");
    	String strPass=request.getParameter("pass");
    	if(strUser.equals("admin")&&strPass.equals("admin")&&rand.equals(input)){
    		out.println("<h3>登陆成功</h3>");
    	}else{
    		out.println("<h3>登陆失败</h3>");
    	}
    	
    	
     %>
  </body>
</html>

verifyCode.jsp代码

<!--设置页面类型和编码  -->
<%@ page contentType="image/jpeg"  language="java"  pageEncoding="utf-8"%>
<!--导入需要的包 -->
<%@ page import="java.util.*,java.awt.*,java.awt.image.*,javax.imageio.*"%>
<!--给定范围获得随机颜色 -->
<%!
	Color getRandColor(int fc,int bc)
	{        
        if(fc>255) fc=255;
        if(bc>255) bc=255;
        //随机生成rgb颜色
        Random random = new Random();
        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);
    }
%>
<%
//设置页面不缓存
response.setHeader("Pragma","No-cache");
response.setHeader("Cache-Control","no-cache");
response.setDateHeader("Expires", 0);
// 在内存中创建图象
int width=60, 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(0, 0, width, height);

//设定字体
g.setFont(new Font("Times New Roman",Font.PLAIN,22));

//画边框
//g.setColor(new Color());
//g.drawRect(0,0,width-1,height-1);

// 随机产生155条干扰线，使图象中的认证码不易被其它程序探测到
g.setColor(getRandColor(160,200));
for (int i=0;i<155;i++)
{
 	int x = random.nextInt(width);
 	int y = random.nextInt(height);
    int xl = random.nextInt(12);
    int yl = random.nextInt(12);
 	g.drawLine(x,y,x+xl,y+yl);
}

// 取随机产生的认证码(4位数字)
String sRand="";
for (int i=0;i<4;i++){
    String rand=String.valueOf(random.nextInt(10));
    sRand+=rand;
    // 将认证码显示到图象中
    g.setColor(new Color(20+random.nextInt(110),40+random.nextInt(110),60+random.nextInt(110)));
	//调用函数出来的颜色相同，可能是因为种子太接近，所以只能直接生成
    g.drawString(rand,13*i+6,16);
}

// 将认证码存入SESSION
session.setAttribute("rand",sRand);

// 图象生效
g.dispose();

// 输出图象到页面
ImageIO.write(image, "JPEG", response.getOutputStream());
%>

ThinkPet
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
JSP页面验证码代码
东方
11-02 1361
验证码： 作用：防止服务器被攻击 原理： awt swing 图形化界面 注意：刷新之后验证码不刷新的问题是因为浏览器缓存，在后面追加参数即可解决，一般追加当前时间戳作为参数。 import java.awt.Color; import java.awt.Font; import java.awt.Graphics2D; import java.awt.image.BufferedIm...
JSP登陆页面的验证码代码
03-15
JSP登陆页面实现验证码登陆的代码 JSP登陆页面实现验证码登陆的代码
关于jsp的验证码登陆代码
11-25
关于jsp的验证码登陆代码，能在登陆界面内嵌入，简单实用
jsp页面包含验证码（含有代码）
zh_yy9的专栏
04-02 1917
login.jsp登录页面    String path = request.getContextPath();   String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";   %>                
JSP 验证码代码
qq5132834的专栏
11-13 705
image.jsp文件： java.awt.image.*,java.util.*,javax.imageio.*" %> Color getRandColor(int fc,int bc) { Random random = new Random(); if(fc>255) fc=255; if(bc>255) bc=255; int r=fc+random.n
Java Web开发之图形验证码的生成与使用方法
09-03
- **生成图片**：使用`java.awt.image.BufferedImage`创建图像对象，并使用`Graphics`对象进行绘图，例如填充背景色、设置字体颜色、绘制验证码字符串。 - **显示随机码在图片上**：调用`drawString()`方法在图像...
jsp图形验证码源码
09-24
2. **绘制验证码图像**：随机字符需要显示在一张图片上。这通常通过Java的`java.awt`和`java.awt.image`包来实现。创建一个`BufferedImage`对象，然后使用`Graphics2D`对象在图像上绘制文字，可以调整字体、颜色、...
Jsp-color-code.rar_java 验证码_jsp_汉字验证码_随机验证码_验证码
09-14
本项目“Jsp-color-code.rar”关注的是使用Java和JSP技术生成彩色汉字验证码，这涉及到多个关键知识点，下面将详细阐述。 首先，Java验证码的实现通常基于Servlet和JSP技术。Servlet是Java服务器端编程的基础，可以...
java实现网页验证码功能
08-29
在 `doGet` 方法中，我们使用了 `BufferedImage` 类来生成一个图像，然后使用 `Graphics` 对象来绘制验证码。我们随机生成四个字符，并将其绘制到图像中。最后，我们使用 `ImageIO` 类将图像写入到响应输出流中。 ...
JSP彩色验证码的实例代码
10-30
在Web开发中，JSP（JavaServer Pages）可以用来创建动态的、包含彩色验证码的图像。以下是对给定的JSP代码实例的详细解释： 首先，我们来看`image.jsp`文件，它负责生成彩色验证码图像： 1. **定义颜色函数**：`...
jsp简单登陆界面加图形验证码，新手必备（一）
weixin_41852068的博客
04-01 2467
已完成有干扰线干扰点的验证码，还不会旋转，明天继续！ 代码如下???? package cn.edu.mju.project2.comtroller; import javax.imageio.ImageIO; import javax.servlet.ServletException; import javax.servlet.ServletOutputStream; import javax.s...
Java 使用Jsp生成验证码（通用）
LGX_TvT的博客
12-04 1761
Java 使用Jsp生成验证码（通用） <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <% //生成验证码 int width = 80; int height = 32; //create the image BufferedImage
jsp，图片形式的登录校验码
henryzhang2009的专栏
11-29 489
image.jsp 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
JSP 设计教师与学生不同登陆界面(带验证码)
热门推荐
Gamedev
04-18 2万+
一、实验目的 1、掌握代码片段中的注释的应用； 2、掌握JSP脚本标示—Java代码片段的应用。 二、实验内容 1、设计教师与学生不同登陆界面,如下图；2、验证码随机生成； 3、提交后分别转向教师页面和学生页面进行判断用户名和密码正确性； 4、如果正确，3秒后，转向成功页面，否则跳回验证页面； 三、实验方法 1、在同一页面上设计两个单选按钮：教师、学生，当点击提交按钮后，进入相应的
java web验证码 jsp 刷新_javaWeb中jsp页面验证码的实现
weixin_28904055的博客
02-13 178
packagecom.tools;importjava.awt.Color;importjava.awt.Font;importjava.awt.Graphics;importjava.awt.image.BufferedImage;importjava.io.IOException;importjava.util.Random;importjavax.servlet.ServletExcepti...
Java Swing 图形界面实现验证码（验证码可动态刷新）
忧郁丶是你模仿不来的气质的博客
05-12 2696
import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.awt.Toolkit; import java.awt.event.MouseAdapter; import java.awt.event.MouseEvent; import java.util.Random; im
jsp登录验证码功能实现
工欲善其事必先利其器
11-07 1万+
1.login.jsp:关键代码如下 /* 验证码*/ function change(){ var img= document.getElementById("checkImage"); img.src="checkImgAction?"+new Date().getTime();//防止缓存加上new Date }   验证码:  
java实现动态验证码源代码——绘制验证码的jsp
weixin_34144848的博客
05-04 129
接着上一篇的前台jsp页面，我们单独写一个绘制验证码的jsp页面： <%@ page contentType="image/jpeg" import="java.awt.*,java.awt.image.*,java.util.*,javax.imageio.*" pageEncoding="utf-8"%> <%!Color getRandColor(int f...
idea 中jsp页面实现验证码登陆
最新发布
06-09
以下是使用 JSP 页面实现验证码登录的示例代码： 1.创建一个Controller类： ```java @Controller public class LoginController { private static final String SESSION_KEY_CHECKCODE = "checkCode"; @GetMapping("/login") public String login() { return "login"; } @PostMapping("/login") public String login(String username, String password, String checkCode, HttpSession session, Model model) { // 验证码校验 String checkCodeSession = (String) session.getAttribute(SESSION_KEY_CHECKCODE); if (!checkCode.equalsIgnoreCase(checkCodeSession)) { model.addAttribute("errorMsg", "验证码错误"); return "login"; } // 用户名和密码校验 if ("admin".equals(username) && "123456".equals(password)) { // 登录成功 return "redirect:/success"; } else { // 登录失败 model.addAttribute("errorMsg", "用户名或密码错误"); return "login"; } } @GetMapping("/checkCode") public void checkCode(HttpServletRequest request, HttpServletResponse response, HttpSession session) throws IOException { // 定义图片宽、高 int width = 100; int height = 50; // 创建 BufferedImage 对象，设置图片大小和类型 BufferedImage img = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB); // 获取 Graphics2D 对象，用于绘制图形 Graphics2D graphics2D = img.createGraphics(); // 设置背景色 graphics2D.setColor(Color.WHITE); graphics2D.fillRect(0, 0, width, height); // 设置字体 graphics2D.setFont(new Font("宋体", Font.BOLD, 20)); // 随机生成 4 位验证码 StringBuilder sb = new StringBuilder(); Random random = new Random(); for (int i = 0; i < 4; i++) { int num = random.nextInt(10); sb.append(num); graphics2D.setColor(new Color(random.nextInt(255), random.nextInt(255), random.nextInt(255))); graphics2D.drawString(String.valueOf(num), i * 20, 30); } // 将验证码存入 session 中 session.setAttribute(SESSION_KEY_CHECKCODE, sb.toString()); // 释放 Graphics2D 对象 graphics2D.dispose(); // 将验证码图片输出到浏览器 ImageIO.write(img, "JPEG", response.getOutputStream()); } @GetMapping("/success") public String success() { return "success"; } } ``` 2.创建一个login.jsp页面： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>验证码登录</title> </head> <body> <h2>验证码登录</h2> <form method="post" action="/login"> <label for="username">用户名：</label> <input type="text" id="username" name="username"/><br/> <label for="password">密码：</label> <input type="password" id="password" name="password"/><br/> <label for="checkCode">验证码：</label> <input type="text" id="checkCode" name="checkCode"/> <img src="/checkCode"/><br/> <input type="submit" value="登录"/> </form> <div style="color: red">${errorMsg}</div> </body> </html> ``` 3.创建一个success.jsp页面： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>登录成功</title> </head> <body> <h2>登录成功</h2> </body> </html> ``` 4.运行代码，在浏览器中访问 "http://localhost:8080/login" 即可看到验证码登录页面。 注意：此示例仅包含基本的验证码登录功能，实际应用中需要添加身份验证、安全性等方面的特性。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

ThinkPet

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

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

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

打赏作者

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

抵扣说明：

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

余额充值