web 页面 验证码 实现
1. 前台页面代码: 页面刷新时会自动请求 ${pageContext.request.contextPath}/yanzheng?yz=&time=-1111 这个action
<form name="f" action="" method="post">
用户名 : <input id="name" type="text" name="userDTO.userName" /><br>
密 码 : <input type="password" name="userDTO.passWord" /><br>
验证码 : <input type="checkCode" name="userDTO.checkCode" /><br>
<img id="myzmDiv" src="${pageContext.request.contextPath}/yanzheng?yz=&time=-1111" onClick="yanZhengMa()" style="width: 80px; height: 40px; border-radius: 4px">
<input type="button" value="submit1" onclick="javascript:document.f.action='user/login';document.f.submit();" />
</form>
<!-- 点击图片同样请求这个 action 进行刷新验证码, 需要传入一个当前时间戳, 避免缓存不更新, 变量yz没用, 懒得删 -->
<script type="text/javascript">
function yanZhengMa(){
var yz = "";
$("#myzmDiv").attr("src","${pageContext.request.contextPath}/yanzheng?yz="+yz+"&time="+new Date());
}
</script>
2. struts.xml配置文件 不需要result标签返回, 会自动返回到 请求页面
<package name="user2" namespace="/" extends="struts-default">
<action name="yanzheng" class="com.test.actions.YanzhengAction" method="yanzhengma" />
</package>
3. yanzhengma 方法实现 会将随机生成的数字图片发回到请求页面, 并且会将生成的数字存储到 session中, key 和 value 都是生成的随机数
public String yanzhengma() throws IOException {
//"{\"code\":501,\"info\":\"已经在业务中使用,不能删除\"}";
HttpSession session = ServletActionContext.getRequest().getSession();
String code="";
Captcha cha=new SpecCaptcha();
char[] shu=cha.alphas();
for(int i=0;i<shu.length;i++){
code+=shu[i]+"";
}
Captcha captcha = new SpecCaptcha(58,28,4,shu);// gif格式动画验证码
HttpServletResponse response = ServletActionContext.getResponse();
ServletOutputStream out = response.getOutputStream();
captcha.out(out);
session.setAttribute(code, code);
out.flush();
out.close();
return null;
}
3-1 > 附属类: Captcha.java
package com.test.Util; import java.awt.Color;
import java.awt.Font;
import java.io.OutputStream; public abstract class Captcha
{
protected Font font = new Font("Verdana", Font.ITALIC|Font.BOLD, 18); // 字体
protected int len = 4; // 验证码随机字符长度
protected int width = 78; // 验证码显示跨度
protected int height = 30; // 验证码显示高度
private String chars = null; // 随机字符串
protected char[] shu;
/**
* 生成随机字符数组
* @return 字符数组
*/
public char[] alphas()
{
char[] cs = new char[len];
for(int i = 0;i<len;i++)
{
cs[i] = Randoms.alpha();
}
chars = new String(cs);
return cs;
}
public Font getFont()
{
return font;
} public void setFont(Font font)
{
this.font = font;
} public int getLen()
{
return len;
} public void setLen(int len)
{
this.len = len;
} public int getWidth()
{
return width;
} public void setWidth(int width)
{
this.width = width;
} public int getHeight()
{
return height;
} public void setHeight(int height)
{
this.height = height;
} public String getChars() {
return chars;
}
public void setChars(String chars) {
this.chars = chars;
}
public char[] getShu() {
return shu;
}
public void setShu(char[] shu) {
this.shu = shu;
}
/**
* 给定范围获得随机颜色
* @return Color 随机颜色
*/
protected Color color(int fc, int bc)
{
if (fc > 255)
fc = 255;
if (bc > 255)
bc = 255;
int r = fc + Randoms.num(bc - fc);
int g = fc + Randoms.num(bc - fc);
int b = fc + Randoms.num(bc - fc);
return new Color(r, g, b);
}
/**
* 验证码输出,抽象方法,由子类实现
* @param os 输出流
*/
public abstract void out(OutputStream os); /**
* 获取随机字符串
* @return string
*/
public String text()
{
return chars;
}
}
3-2 > 附属类: Randoms.java
package com.test.Util; import java.util.Random; /** * <p>随机工具类</p> * * @author: wuhongjun * @version:1.0 */ public class Randoms { private static final Random RANDOM = new Random(); //定义验证码字符.去除了O和I等容易混淆的字母 /* public static final char ALPHA[]={'A','B','C','D','E','F','G','H','G','K','M','N','P','Q','R','S','T','U','V','W','X','Y','Z' ,'a','b','c','d','e','f','g','h','i','j','k','m','n','p','q','r','s','t','u','v','w','x','y','z','2','3','4','5','6','7','8','9'}; */ public static final char ALPHA[]={'1','2','3','4','5','6','7','8','9'}; /** * 产生两个数之间的随机数 * @param min 小数 * @param max 比min大的数 * @return int 随机数字 */ public static int num(int min, int max) { return min + RANDOM.nextInt(max - min); } /** * 产生0--num的随机数,不包括num * @param num 数字 * @return int 随机数字 */ public static int num(int num) { return RANDOM.nextInt(num); } public static char alpha() { return ALPHA[num(0, ALPHA.length)]; } }
3-3 > 附属类: SpecCaptcha.java
package com.test.Util;
import java.awt.AlphaComposite;
import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics2D;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.io.OutputStream; import javax.imageio.ImageIO; /**
* <p>png格式验证码</p>
*
* @author: wuhongjun
* @version:1.0
*/
public class SpecCaptcha extends Captcha
{
public SpecCaptcha()
{
}
public SpecCaptcha(int width, int height)
{
this.width = width;
this.height = height;
}
public SpecCaptcha(int width, int height, int len,char[] shu){
this(width,height);
this.len = len;
this.shu=shu;
}
public SpecCaptcha(int width, int height, int len, Font font,char[] shu){
this(width,height,len,shu);
this.font = font;
}
/**
* 生成验证码
* @throws java.io.IOException IO异常
*/
@Override
public void out(OutputStream out){
graphicsImage(this.shu, out);
} /**
* 画随机码图
* @param strs 文本
* @param out 输出流
*/
private boolean graphicsImage(char[] strs, OutputStream out){
boolean ok = false;
try
{
BufferedImage bi = new BufferedImage(width,height,BufferedImage.TYPE_INT_RGB);
Graphics2D g = (Graphics2D)bi.getGraphics();
AlphaComposite ac3;
Color color ;
int len = strs.length;
g.setColor(Color.WHITE);
g.fillRect(0,0,width,height);
// 随机画干扰的蛋蛋
for(int i=0;i<15;i++){
color = color(150, 250);
g.setColor(color);
g.drawOval(Randoms.num(width), Randoms.num(height), 5+Randoms.num(10), 5+Randoms.num(10));// 画蛋蛋,有蛋的生活才精彩
color = null;
}
g.setFont(font);
int h = height - ((height - font.getSize()) >>1),
w = width/len,
size = w-font.getSize()+1;
/* 画字符串 */
for(int i=0;i<len;i++)
{
ac3 = AlphaComposite.getInstance(AlphaComposite.SRC_OVER, 0.7f);// 指定透明度
g.setComposite(ac3);
color = new Color(20 + Randoms.num(110), 20 + Randoms.num(110), 20 + Randoms.num(110));// 对每个字符都用随机颜色
g.setColor(color);
g.drawString(strs[i]+"",(width-(len-i)*w)+size, h-4);
color = null;
ac3 = null;
}
ImageIO.write(bi, "png", out);
out.flush();
ok = true;
}catch (IOException e){
ok = false;
}finally
{
Streams.close(out);
}
return ok;
}
}
3-3 > 附属类: Streams.java
package com.test.Util; import java.io.IOException;
import java.io.InputStream;
import java.io.OutputStream; public class Streams { /** * 关闭输入流 * @param in 输入流 */ public static void close(InputStream in) { if (in != null) { try { in.close(); } catch (IOException ioex) { // ignore } } } /** * 关闭输出流 * @param out 输出流 */ public static void close(OutputStream out) { if (out != null) { try { out.flush(); } catch (IOException ioex) { // ignore } try { out.close(); } catch (IOException ioex) { // ignore } } } }
4. 点击登录按钮后 后台action 校验 验证码是否正确 (userDTO.getCheckCode() 获取前台页面传递过来的 用户输入的验证码)
public String login() {
HttpSession session2 = ServletActionContext.getRequest().getSession();
String checkCode = (String)session2.getAttribute(userDTO.getCheckCode());
if(checkCode == null) {
return "login";
}else {
return "welcome";
}
}
web 页面 验证码 实现的更多相关文章
- web页面 验证码 生成
web页面 验证码 生成 kaptcha 是一个非常实用的验证码生成工具.有了它,你可以生成各种样式的验证码,因为它是可配置的.kaptcha工作的原理是调用 com.google.code.kapt ...
- 活动 Web 页面人机识别验证的探索与实践
在电商行业,线上的营销活动特别多.在移动互联网时代,一般为了活动的快速上线和内容的即时更新,大部分的业务场景仍然通过 Web 页面来承载.但由于 Web 页面天生“环境透明”,相较于移动客户端页面在安 ...
- python之web自动化验证码识别解决方案
验证码识别解决方案 对于web应用程序来讲,处于安全性考虑,在登录的时候,都会设置验证码,验证码的类型种类繁多,有图片中辨别数字字母的,有点击图片中指定的文字的,也有算术计算结果的,再复杂一点就是滑动 ...
- Microsoft.Office.Interop.Excel的用法以及利用Microsoft.Office.Interop.Excel将web页面转成PDF
1.常见用法 using Microsoft.Office.Interop.Excel; 1)新建一个Excel ApplicationClass ExcelApp = New A ...
- IOS客户端UIwebview下web页面闪屏问题
基于ios客户端uiwebview下的web页面,在其内容高度大于视窗高度时,如果点击超过视窗下文档的底部按钮,收缩内容高度,会发生闪屏问题. 外因是由文档的高度大于视窗的高度所致,本质原因未知. 解 ...
- DWR实现后台推送消息到web页面
DWR简介 DWR(Direct Web Remoting)可用于实现javascript直接调用java函数和后台直接调用页面javascript代码,后者可用作服务端推送消息到Web前端. (服务 ...
- web页面放到手机页面,缩放问题
有时候写页面样式不规范,很多页面元素写死尺寸时,web页面尺寸比较大放到移动端访问时,就背缩放了,div或者按钮变得好小 可以加段js,效果会好点 <script> ! function( ...
- 微信开发之移动手机WEB页面(HTML5)Javascript实现一键拨号及短信发送功能
在做一个微信的微网站中的一个便民服务电话功能的应用,用到移动web页面中列出的电话号码,点击需要实现调用通讯录,网页一键拨号的拨打电话功能. 如果需要在移动浏览器中实现拨打电话,发送email,美国服 ...
- 移动端WEB页面
百度前端技术学院第一阶段任务十一,关于移动端WEB页面布局,参考资料如下(都是一些网页链接): MDN:手机网页开发 MDN:在移动浏览器中使用viewport元标签控制布局 移动前端开发和 Web ...
随机推荐
- 简单的Session案例 —— 一次性验证码
一次性验证码的主要目的就是为了限制人们利用工具软件来暴力猜测密码,其原理与利用Session防止表单重复提交的原理基本一样,只是将表单标识号变成了验证码的形式,并且要求用户将提示的验证码手工填写进一个 ...
- 在Global.asax文件的Application_BeginRequest中获取request请求内容
protected void Application_BeginRequest(object sender, EventArgs e) { try { string isLogRequest = Sy ...
- Selenium家谱
自动化测试一词也算是整个测试行业里面比较热门的一个词儿,工资高,前景好,有实力,有态度等等,很多企业的管理者也在不断的扩大自己的队伍和职能,这也是导致自动化测试比较流行的原因之一.但是很多企业做自动化 ...
- Java String对象面试题分析
- DataTable与结构不同实体类之间的转换
在实际开发过程中,或者是第三方公司提供的数据表结构,与我们系统中的实体类字段不对应,遇到这样我们怎么处理呢?可能有人会说,在转换时创建一个实体对象,对表里的数据逐行遍历来实例化这个实体对象不就完了.的 ...
- Dijstra算法-------为了纪念,等以后看的时候方便
杭电problem2066 Time Limit : 1000/1000ms (Java/Other) Memory Limit : 32768/32768K (Java/Other) Total ...
- Task 回调
前正无生意,且记录Task回调之用法. using System; using System.Collections.Generic; using System.Diagnostics; using ...
- C# LINQ(6)
目前说了 select group...by where from join on equal 这几个关键字,如果经过练习,熟练使用这几个关键字,大部分的LINQ查询基本都是可以完成的. 今天说一下l ...
- Unity性能优化专题---腾讯牛人分享经验
这里从三个纬度来分享下内存的优化经验:代码层面.贴图层面.框架设计层面. 一.代码层面. 1.foreach. Mono下的foreach使用需谨慎.频繁调用容易触及堆上限,导致GC过早触发,出现卡顿 ...
- java 复习总结
java 复习总结 命名方法 创建文件的名称应该和类的名称一致,不然会报错. 类采用首字母大写的方式来命名,如果是多个单词的类名,则每个单词首字母都大写,例如:HelloWorld . 方法采用驼峰命 ...