登录功能图片验证码的实现

首先从网上下载一个生成验证码的Servlet：

package com.train.controller;import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.image.BufferedImage;
import java.io.BufferedReader;
import java.io.FileInputStream;
import java.io.IOException;
import java.io.InputStreamReader;
import java.util.ArrayList;
import java.util.List;
import java.util.Random;import javax.imageio.ImageIO;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;@WebServlet("/CodeServlet")
public class CodeServlet extends HttpServlet {private static final long serialVersionUID = 1L;// 集合中保存所有成语private List<String> words = new ArrayList<String>();public CodeServlet() {super();}@Overridepublic void init() throws ServletException {// 初始化阶段，读取new_words.txt// web工程中读取 文件，必须使用绝对磁盘路径String path = getServletContext().getRealPath("/WEB-INF/new_words.txt");try {BufferedReader reader = new BufferedReader(new InputStreamReader(new FileInputStream(path), "utf-8"));String line;while ((line = reader.readLine()) != null) {words.add(line);}reader.close();} catch (IOException e) {e.printStackTrace();}}/*** @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse*      response)*/protected void doGet(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {int width = 120;int height = 36;// 步骤一 绘制一张内存中图片BufferedImage bufferedImage = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);// 步骤二 图片绘制背景颜色 ---通过绘图对象Graphics graphics = bufferedImage.getGraphics();// 得到画图对象 --- 画笔// 绘制任何图形之前 都必须指定一个颜色graphics.setColor(getRandColor(200, 250));graphics.fillRect(0, 0, width, height);// 步骤三 绘制边框graphics.setColor(Color.WHITE);graphics.drawRect(0, 0, width - 1, height - 1);// 步骤四 四个随机数字Graphics2D graphics2d = (Graphics2D) graphics;// 设置输出字体graphics2d.setFont(new Font("宋体", Font.BOLD, 18));Random random = new Random();// 生成随机数int index = random.nextInt(words.size());String word = words.get(index);// 获得成语// 定义x坐标int x = 10;for (int i = 0; i < word.length(); i++) {// 随机颜色graphics2d.setColor(new Color(20 + random.nextInt(110), 20 + random.nextInt(110), 20 + random.nextInt(110)));// 旋转 -30 --- 30度int jiaodu = random.nextInt(60) - 30;// 换算弧度double theta = jiaodu * Math.PI / 180;// 获得字母数字char c = word.charAt(i);// 将c 输出到图片graphics2d.rotate(theta, x, 20);graphics2d.drawString(String.valueOf(c), x, 20);graphics2d.rotate(-theta, x, 20);x += 30;}// 将验证码内容保存session作用域request.getSession().setAttribute("checkcode_session", word);// 步骤五 绘制干扰线graphics.setColor(getRandColor(160, 200));int x1;int x2;int y1;int y2;for (int i = 0; i < 30; i++) {x1 = random.nextInt(width);x2 = random.nextInt(12);y1 = random.nextInt(height);y2 = random.nextInt(12);graphics.drawLine(x1, y1, x1 + x2, x2 + y2);}// 将上面图片输出到浏览器 ImageIOgraphics.dispose();// 释放资源ImageIO.write(bufferedImage, "jpg", response.getOutputStream());}/*** @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse*      response)*/protected void doPost(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {// TODO Auto-generated method stubdoGet(request, response);}private 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);}}

如代码里写的，我们需要一个new_words.txt用来生成图片验证码：

在登录页面添加验证码：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="css/style.css" />
</head>
<body><div class="register"><form action="/Train1/loginServlet" method="post"><div class="login-box"><table width="350" height="200"><tr align="center"><td><div>用户名：</div></td><td colspan="2"><input type="text" name="userName" /></td></tr><tr align="center"><td><div>密  码：</div></td><td colspan="2"><input type="password" name="passWord" /></td></tr><tr><td>验证码：<input type="text" id="checkCode" name="checkCode" /></td><td><img id="imageCode" οnclick="changeImage()"src="CodeServlet"></td></tr><tr align="center"><td colspan="3"><input type="submit"style="width: 50px; background-color: red;" value="登录" /></td></tr><tr><td><%=request.getAttribute("msg")%></td></tr></table></div></form></div><script type="text/javascript">function changeImage() {document.getElementById("imageCode").src="CodeServlet?"+new Date().getTime();}</script>
</body>
</html>

changeImage()方法里的+new Date().getTime()是为了让用户点击一下就能换图片。

在Servlet里验证用户输入的验证码是否正确，如果不正确就给出提示，拒绝登录：

protected void doPost(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {request.setCharacterEncoding("utf-8");String userName = request.getParameter("userName");String passWord = MD5Utils.md5(request.getParameter("passWord"));userModel model = new userModel();model.setUserName(userName);model.setPassWord(passWord);userService service = new userService();if (request.getSession().getAttribute("checkcode_session").equals(request.getParameter("checkCode"))) {try {userModel md = service.selectByNameAndPass(model);if (md != null) {// 找到记录，登录成功request.getSession().setAttribute("userName", md.getUserName());request.getRequestDispatcher("welcome.jsp").forward(request, response);} else {request.setAttribute("msg", "登录失败！请重试！");request.getRequestDispatcher("login.jsp").forward(request, response);}} catch (Exception e) {e.printStackTrace();}} else {request.setAttribute("msg", "验证码输入有误！请重试！");request.getRequestDispatcher("login.jsp").forward(request, response);}}

即可实现登录图片验证码功能，点击一次换一次图片。

登录功能图片验证码的实现相关推荐

python---post请求数据包，正常模拟登录，图片验证码未自动化，phtesseract
python-post请求数据包可以正常访问网页地址 http://192.168.40.239/binzcms1/index.php 用户登录成功的post请求数据包信息: 1.获取最新的验证码 ...
【途牛旅游项目】02 - 登录功能实现 - 验证码功能 - ajax实现登录
文章目录登录功能分析图解最终实现截图实现登录功能 1. 创建测试类 2. 创建业务层UserService 3. 创建实体类 - User用户类和Msg错误提示类 4. 创建dao层 5. 创建 ...
登录注册图片验证码生成
登录注册时,需要添加图片验证码校验防止恶意攻击.步骤如下: 1.后台生成图片验证码流,并记录code值到Session或Redis 中 2.请求过来后,附带图片验证码,从session或redis中获 ...
使用eclipse开发javaweb登录功能带验证码文件下载第几位登录使用servlet编写html
这个代码在我的资源中我有上传.如果需要可以前往下载 https://download.csdn.net/download/qq_41946557/11622045 当然也可以留言分享与你,共同进步具 ...
使用appfox工具测试登录有图片验证码接口的问题
环境简介服务器环境(运行在虚拟机之上): 环境环境名称操作系统 Win10 1905 专业版数据库 sqlserver 2008R2 本机环境: 环境环境名称操作系统 win10 1905 ...
selenium 模拟登录突破图片验证码（豆瓣网）
from selenium import webdriver import time import requests from lxml import etree import base64# 请求浏 ...
Django框架项目——BBS项目介绍、表设计、表创建同步、注册、登录功能、登录功能、首页搭建、admin、头像、图片防盗、个人站点、侧边栏筛选、文章的详情页、点赞点踩、评论、后台管理、添加文章、头像
文章目录 1 BBS项目介绍.表设计项目开发流程表设计 2 表创建同步.注册.登录功能数据库表创建及同步注册功能登陆功能 3 登录功能.首页搭建.admin.头像.图片防盗.个人站点.侧边栏 ...
JavaWeb-综合案例(用户信息)-学习笔记02【登录功能】
Java后端学习路线笔记汇总表[黑马程序员] JavaWeb-综合案例(用户信息)-学习笔记01[列表查询] JavaWeb-综合案例(用户信息)-学习笔记02[登录功能] JavaWeb-综合案 ...
登录功能的测试用例设计
一. 界面测试设计要点: 1. 界面的设计风格是否与UI的设计风格统一,布局是否合理, 按钮是否对齐 2. web的话, 对页面缩放登录模块是否与缩放比例缩放 3.界面中的文字简洁易懂,没有错别字二 ...

登录功能图片验证码的实现

登录功能图片验证码的实现相关推荐

最新文章

热门文章