jsp生成页面验证码的方法

image.jsp——生成随机验证码图片的Jsp页面
<%@ page contentType="image/jpeg" import="java.awt.*,
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.nextInt(bc-fc);
int g=fc random.nextInt(bc-fc);
int b=fc random.nextInt(bc-fc);
return new Color(r,g,b);
}
%>
<%
out.clear();//这句针对resin服务器,如果是tomacat可以不要这句
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,18));
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);
}
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),20 random.nextInt(110),20 random.nextInt(110)));
g.drawString(rand,13*i 6,16);
}
// 将认证码存入SESSION
session.setAttribute("rand",sRand);
g.dispose();
ImageIO.write(image, "JPEG", response.getOutputStream());
%>

logic.jsp——登陆页面,在这里提供输入验证码然后提交并验证


<%@ page contentType="text/html;charset=gbk" %>
<%@ page language="java" import="java.sql.*" errorPage="" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>用户登录</title>
<script language="javascript">
function loadimage(){
document.getElementById("randImage").src = "image.jsp?" Math.random();
}
</script>
</head>
<body>
<table width="256" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<form action="validate.jsp" method="post" name="loginForm">
<tr>
<td width="118" height="22" valign="middle" align="center"><input type="text" name="rand" size="15"></td>
<td width="138" valign="middle" align="center"><img alt="code..." name="randImage" id="randImage" src="image.jsp" width="60" height="20" border="1" align="absmiddle"></td>
</tr>
<tr>
<td height="36" colspan="2" align="center" valign="middle"><a href="javascript:loadimage();"><font class=pt95>看不清点我</font></a></td>
</tr>
<tr>
<td height="36" colspan="2" align="center" valign="middle"><input type="submit" name="login" value="提交"></td>
</tr>
</form>
</table>
</body>
</html>

validate.jsp——用来验证输入的验证码是否正确


<%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %>
<%
String rand = (String)session.getAttribute("rand");
String input = request.getParameter("rand");
if(rand.equals(input)){
out.print("<script>alert('验证通过!');</script>");
} else{
out.print("<script>alert('请输入正确的验证码!');location.href='login.jsp';</script>");
}
%>

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是使用 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
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值