1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > html注册页面带验证码 登陆注册-带图片的验证码

html注册页面带验证码 登陆注册-带图片的验证码

时间:2022-05-25 00:03:40

相关推荐

html注册页面带验证码 登陆注册-带图片的验证码

登陆注册时的验证码。 使用的是SpringMVC。 你如果用的其他框架,只需要getCode这个方法就行。

业务逻辑:加载登陆注册页,生成验证码,把生成的验证码返回到前台页面展示,用户输入验证码进行登陆操作,把前台用户输入的验证码和后台生成的验证码进行比对。 成功进行登陆,失败返回错误和新的验证码。

控制器代码:

package com.shopping.view.web.tools;

import java.awt.Color;

import java.awt.Font;

import java.awt.Graphics2D;

import java.awt.image.BufferedImage;

import java.io.IOException;

import java.util.Random;

import javax.imageio.ImageIO;

import javax.servlet.ServletOutputStream;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import javax.servlet.http.HttpSession;

import org.springframework.beans.factory.annotation.Autowired;

import org.springframework.stereotype.Controller;

import org.springframework.web.bind.annotation.RequestMapping;

import org.springframework.web.servlet.ModelAndView;

import com.shopping.core.mv.JModelAndView;

import com.shopping.foundation.service.ISysConfigService;

import com.shopping.foundation.service.IUserConfigService;

/**

* 登陆注册图片验证码

* @author 黑夜

* 现在都是用短信,已经很少有人会用这种了。

*/

@Controller

public class CodeController {

//配置【可以去掉】

@Autowired

private ISysConfigService configService;

//当前用户【可以去掉】

@Autowired

private IUserConfigService userConfigService;

// 定义图片的width

private int width = 90;

// 定义图片的height

private int height = 40;

// 定义图片上显示验证码的个数,改的话要把宽度加长

private int codeCount = 4;

private int xx = 15;

private int fontHeight = 35;

private int codeY = 30;

char[] codeSequence = { 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J',

'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W',

'X', 'Y', 'Z', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9' };

@RequestMapping("/code.htm")

public void getCode(HttpServletRequest req, HttpServletResponse resp)

throws IOException {

// 定义图像buffer

BufferedImage buffImg = new BufferedImage(width, height,

BufferedImage.TYPE_INT_RGB);

Graphics gd = buffImg.getGraphics();

// 创建一个随机数生成器类

Random random = new Random();

// 将图像填充为白色

gd.setColor(Color.WHITE);

gd.fillRect(0, 0, width, height);

// 创建字体,字体的大小应该根据图片的高度来定。

Font font = new Font("Fixedsys", Font.BOLD, fontHeight);

// 设置字体。

gd.setFont(font);

// 画边框。

gd.setColor(Color.BLACK);

gd.drawRect(0, 0, width - 1, height - 1);

// 随机产生40条干扰线,使图象中的认证码不易被其它程序探测到。

gd.setColor(Color.BLACK);

for (int i = 0; i < 20; i++) {

int x = random.nextInt(width);

int y = random.nextInt(height);

int xl = random.nextInt(12);

int yl = random.nextInt(12);

gd.drawLine(x, y, x + xl, y + yl);

}

// randomCode用于保存随机产生的验证码,以便用户登录后进行验证。

StringBuffer randomCode = new StringBuffer();

int red = 0, green = 0, blue = 0;

// 随机产生codeCount数字的验证码。

for (int i = 0; i < codeCount; i++) {

// 得到随机产生的验证码数字。

String code = String.valueOf(codeSequence[random.nextInt(36)]);

// 产生随机的颜色分量来构造颜色值,这样输出的每位数字的颜色值都将不同。

red = random.nextInt(255);

green = random.nextInt(255);

blue = random.nextInt(255);

// 用随机产生的颜色将验证码绘制到图像中。

gd.setColor(new Color(red, green, blue));

gd.drawString(code, (i + 1) * xx, codeY);

// 将产生的四个随机数组合在一起。

randomCode.append(code);

}

// 将四位数字的验证码保存到Session中。

HttpSession session = req.getSession();

System.out.println(randomCode);

session.setAttribute("code", randomCode.toString());

// 禁止图像缓存。

resp.setHeader("Pragma", "no-cache");

resp.setHeader("Cache-Control", "no-cache");

resp.setDateHeader("Expires", 0);

resp.setContentType("image/jpeg");

// 将图像输出到Servlet输出流中。

ServletOutputStream sos = resp.getOutputStream();

ImageIO.write(buffImg, "jpeg", sos);

sos.close();

}

//跳转到登陆页

@RequestMapping({"/log4j.htm"})

public ModelAndView log4j(HttpServletRequest request, HttpServletResponse response) throws IOException

{

ModelAndView mv = new JModelAndView("log4j.html",

this.configService.getSysConfig(),

this.userConfigService.getUserConfig(), 1, request, response);

return mv;

}

}

前台页面代码:log4j.html

用户名

name="userName" placeholder="用户名" class="form-username form-control"

id="userName" maxlength="20" required>

密码

type="password" name="password" placeholder="密码" required

class="form-password form-control" id="password" maxlength="16">

class="form-password form-control" id="code">

οnclick="this.src='$!webPath/code.htm?'+Math.random()" />

登录

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。