JSP实现登录功能之添加验证码
作者：CSDN_MICHAEL_JACKSON 发布时间：2023-07-16 12:18:09
标签：jsp,登录,验证码
jsp登陆验证，网页登陆验证带验证码校验，登录功能之添加验证码
part_1：专门用于生成一个验证码图片的类:VerificationCode.Java
package cn.mike.javase.test;
import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics2D;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.FileNotFoundException;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.OutputStream;
import java.util.Random;
import javax.imageio.ImageIO;
import org.junit.Test;
/**
* @author : Administrator
* @function : 这是用来测试随机生成验证码图片的类；
*/
public class VerificationCode {
/**
* 单元测试，试一下能不能自动生成验证码图片
*/
// 这个函数是单元测试时使用的，这里private一下外面就调用不到了；
/* @Test */
/* public */private void test_fun() {
VerificationCode vc = new VerificationCode();
BufferedImage image = vc.getImage();
try {
// 生成验证码图片，并保存到指定的路径
VerificationCode.output(image, new FileOutputStream(new File(
".\\image\\vcode_2.jpg")));
} catch (FileNotFoundException e) {
e.printStackTrace();
}
// 将随机生成的文本内容输出到控制台，用于校验
System.out.println(vc.getText());
}
private int w = 70;// 宽
private int h = 35;// 高
private String text;// 文本内容(验证码字符串)
private Random r = new Random();
private String[] fontNames = { "宋体", "华文楷体", "黑体", "微软雅黑", "楷体_GB2312" };
// 随机字符集合中不包括0和o，O，1和l，因为这些不易区分
private String codes = "23456789abcdefghijkmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYXZ";
// 验证码图片的背景色：白色
private Color bgColor = new Color(255, 255, 255);
/**
* 返回一个验证码图片buffer对象：BufferedImage
*/
public BufferedImage getImage() {
BufferedImage image = createImage();
// 获取绘图环境（画笔工具）
Graphics2D g2 = (Graphics2D) image.getGraphics();
// sb ： 用来保存验证码字符串文本内容
StringBuilder sb = new StringBuilder();
for (int i = 0; i < 4; ++i) {// 随机生成4个字符
String s = randomChar() + "";
sb.append(s);
float x = i * 1.0F * w / 4;
g2.setFont(randomFont());
g2.setColor(randomColor());
g2.drawString(s, x, h - 5);
}
this.text = sb.toString();// 记录验证码文本内容
drawLine(image);// 画干扰线
return image;
}
/**
* @return 获取验证码文本内容
*/
public String getText() {
return text;
}
/**
* @param image
* @param out
* 将文本写到指定的输出流。比如本测试中FileOutputStream指定的保存路径
*/
public static void output(BufferedImage image, OutputStream out) {
try {
ImageIO.write(image, "jpeg", out);
} catch (IOException e) {
e.printStackTrace();
}
}
private void drawLine(BufferedImage image) {
Graphics2D g2 = (Graphics2D) image.getGraphics();
for (int i = 0; i < 3; ++i) {// 画3条干扰线
int x1 = r.nextInt(w);
int y1 = r.nextInt(h);
int x2 = r.nextInt(w);
int y2 = r.nextInt(h);
g2.setColor(Color.BLUE);
g2.drawLine(x1, y1, x2, y2);
}
}
private Color randomColor() {
int red = r.nextInt(150);
int green = r.nextInt(150);
int blue = r.nextInt(150);
return new Color(red, green, blue);
}
private Font randomFont() {
int index = r.nextInt(fontNames.length);
String fontName = fontNames[index];
int style = r.nextInt(4);
int size = r.nextInt(5) + 24;
return new Font(fontName, style, size);
}
private char randomChar() {
int index = r.nextInt(codes.length());
return codes.charAt(index);
}
private BufferedImage createImage() {
BufferedImage image = new BufferedImage(w, h,
BufferedImage.TYPE_INT_RGB);
Graphics2D g2 = (Graphics2D) image.getGraphics();
g2.setColor(this.bgColor);
g2.fillRect(0, 0, w, h);
return image;
}
}
part_2:登录界面：Login.jsp
<％@ page language="java" import="java.util.*" pageEncoding="UTF-8"％>
<％
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
％>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<％=basePath％>">
<title>My JSP 'Login.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">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript">
function _change_verity_code() {
var imgElem = document.getElementById("img_src");
//添加一个请求参数a是因为，通常浏览器都有缓存，点击换一张的时候没反应，所以加一个请求参数，获取当前请求时间，可以精确到毫秒，所以每次请求的参数都不同，所以浏览器有缓存也不妨碍；
imgElem.src = "/ServletDemoProject/servlet/GetVerificationCodeServlet?a="
+ new Date().getTime();
}
</script>
</head>
<％
String fdbkMsg = (String) request.getAttribute("fdbkMsg");
if (null == fdbkMsg) {
fdbkMsg = "";
}
％>
<％
Boolean logedIn = (Boolean) session.getAttribute("logedIn");
if (null == logedIn) {
logedIn = false;
} else if (logedIn) {
//如果在本次会话已经登陆，直接重定向到success-page-1
response
.sendRedirect("/ServletDemoProject/LOGIN-DEMO/success-page-1.jsp");
}
％>
<％
String username = "";
Cookie[] cookies = request.getCookies();
if ((null != cookies) && (cookies.length > 0)) {
for (Cookie c : cookies) {
if ("admin".equals(c.getValue())) {
username = "admin";
break;
}
}
}//end if-condition
％>
<body>
<br>
<div align="center">
请登录:
<br>
<form action="/ServletDemoProject/servlet/LoginVerificationServlet"
method="post">
<div>
用户名：
<input type="text" name="username" value="<％=username％>" />
<br>
</div>
<div>
密 码：
<input type="password" name="password" />
<br>
</div>
<div>
验证码：
<input type="text" name="code_text" size="3" />
<img src="/ServletDemoProject/servlet/GetVerificationCodeServlet"
id="img_src" />
<a href="javascript:_change_verity_code()">换一张</a>
<br>
</div>
<div>
<font color='red'><％=fdbkMsg％></font>
<br>
</div>
<div>
<input type="submit" value="提交" />
<br>
</div>
</form>
</div>
</body>
</html>
part_3:处理登录校验的servlet ：LoginVerificationServlet.java
package cn.mike.servlet.test_1212;
import java.awt.image.BufferedImage;
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import cn.mike.javase.test.VerificationCode;
public class GetVerificationCodeServlet extends HttpServlet {
private static final long serialVersionUID = -3520994675366100452L;
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
// 1.新建一个VerificationCode类；
VerificationCode vc = new VerificationCode();
// 2.从VerificationCode类中获取BufferedImage对象；
BufferedImage bufImage = vc.getImage();
// 3.同时获取验证码中的文本内容，并放到session域中， 用于校验；
String code_text = vc.getText();
request.getSession().setAttribute("code_text", code_text);
// 4.将生成的图片输出到客户端浏览器
VerificationCode.output(bufImage, response.getOutputStream());
}// end method-doGet
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
// do same as GET-method :
doGet(request, response);
}// end method-doPost
}
part_4:成功登陆后的提示界面1：success-page-1.jsp
<％@ page language="java" import="java.util.*" pageEncoding="UTF-8"％>
<％
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
％>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<％=basePath％>">
<title>My JSP 'success-page-1.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">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
</head>
<％
String username = (String) session.getAttribute("username");
if (null == username) {
//如果username为空值，说明不是通过正常渠道来的，转发到Login页面；
request.setAttribute("fdbkMsg", "别想走后门进来，赶紧登录！");
request.getRequestDispatcher("/LOGIN-DEMO/Login.jsp").forward(
request, response);
}
％>
<body>
<br>
<％=username％>已经成功登陆。
<br>
<font>您可以选择浏览：</font>
<br>
<a href="/ServletDemoProject/LOGIN-DEMO/success-page-2.jsp">点这儿有精彩.</a>
<br>
<a href="/ServletDemoProject/LOGIN-DEMO/success-page-2.jsp">点这儿更精彩.</a>
<br />
<a href="/ServletDemoProject/LOGIN-DEMO/success-page-2.jsp">你敢点这儿吗.</a>
<br />
</body>
</html>
part_5:成功登陆后的提示界面1：success-page-2.jsp
<％@ page language="java" import="java.util.Date" pageEncoding="UTF-8"％>
<％@ page language="java" import="java.text.SimpleDateFormat"％>
<％
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
％>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<％=basePath％>">
<title>My JSP 'success-page-2.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">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
</head>
<％
String username = (String) session.getAttribute("username");
if (null == username) {
request.setAttribute("fdbkMsg", "呵呵嗒，这里是你来的地方吗？快登陆！");
//转发到登录界面:
request.getRequestDispatcher("/LOGIN-DEMO/Login.jsp").forward(
request, response);
}
SimpleDateFormat sDateFormat = new SimpleDateFormat("a");
Date today = new Date();
String am_pm_str = sDateFormat.format(today);
String am_pm_str_in_chinese = "";
if ("am".equalsIgnoreCase(am_pm_str)) {
am_pm_str_in_chinese = "上午";
} else
am_pm_str_in_chinese = "下午";
// set null;
sDateFormat = null;
today = null;
am_pm_str = null;
％>
<body>
<br />
<font><b><％=username％><％=am_pm_str_in_chinese％>好，能来到页面2真不简单.</b>
</font>
</body>
</html>
以上所述是小编给大家介绍的JSP实现登录功能之添加验证码，希望对大家有所帮助
来源：http://blog.csdn.net/love_legain/article/details/53591044
0
投稿猜你喜欢
听说 FaceBook 开放其网站的代码了，期前也算是了解过 FaceBook 的架构，所以重点就是看其代码的质量。可以毫不夸张的说，Fac- 函数声明为：func Notify(c chan<- os.Signal, sig ...os.Signal)官方描述：Notify函
- 如何用METADATA替换ADOVBS.INC？ 在ASP中，使用组件时，如ADO，得先包含
- 本文介绍了几乎所有关于对象的基本概念，什么是对象，如何创建对象，对象的属性的设置和读取，删除属性的方法，构造函数，对象原型，父类，子类，继承
- 近日，有关微软Open XML标准的问题又引发了某些业内人士的关注。其一是因为日前ISO（国际标准组织）成员南非和巴西相继就ISO批准微软的
- Online人们搜索、浏览、阅读、跟帖、互动投票，玩游戏，甚至在线买卖交易。这些行为都是“用户体验”，听起来用户体验似乎无所不能，造成了互联
- 原理 采集程序实际上是通过了XML中的XMLHTTP组件调用其它网站上的网页。比如新闻采集程序，很多都是调用了sina的新闻网页，并且对其中
- 在工作中，我们经常需要从命令行当中解析出指定的参数，而 Python 也提供了相应的标准库来做这件事情，比如 sys, optparse,
- Dean Edwards 最近有篇文章很精彩，忍不住在这里翻译下。-- Split --很多 Javascript 框架都提供了自定义事件（
- 代码如下:--根据MAX(MIN)ID CREATE PROC [dbo].[proc_select_id] @pageindex int=
- 我用 ip=Request.ServerVariables
- 前些天写一个存储过程，存储过程中使用了事务，后来我把一些代码注释掉来进行调试找错，突然发现一张表被锁住了，原来是创建事务的代码忘记注释掉。本
- 题目描述1275. 找出井字棋的获胜者 - 力扣（LeetCode）A 和 B 在一个 3 x&nb
- 一直很想做这个效果，原理是监听鼠标滚轮事件；可将此效果继续发散到其他应用上，如图片缩放，页面缩放等。演示：<!DOCTYPE html
- 但凡设计师都对简洁的设计情有独钟，我们不喜欢复杂，却也不能不会rich。先来看下“rich”在字典里的意思：(1) having an ab
- 用过jQuery的朋友一定对jQuery中方法的链式调用印象深刻，最近发布的YUI3也支持了方法的链式调用。这是一个非常不错的语法特性，能让
- 原文地址：30 Days of Mootools 1.2 Tutorials - Day 9 - Input Filterin
- 格式为： SCRENC [/s] [/f] [/xl] [/l defLanguage ] [/e de
- 1、设置数据库模式为简单模式:打开SQL企业管理器，在控制台根目录中依次点开Microsoft SQL Server-->SQL Se
- 阅读上一篇：FrontPage2002简明教程一：安装与界面FrontPage中对于文字与图像的处理与Word很相似，用过Word的人对于F
