版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/weixin_38061191/article/details/79291992
使用(原理是使用java 的绘图技术)
首先我们创建两个view:(V层)
Login页面:
//登录验证
out.println("<form action='/mycheckcode/LoginCl' method='post' >");
out.println("账号:<input type='text' name='user' /><br/>");
out.println("密码:<input type='password' name='pwd' /><br/>");
out.println ("<p>请输入验证码:</p>");
out.println("<input type='text' name='checkcode' /><img src='/mycheckcode/CreateCode'><br/>");
out.println("<input type='submit' value='登录'>");
out.println("</form>");
<img src='/mycheckcode/CreateCode'>,这个验证码功能:是一个图片引用的方式来实现。
登录成功,跳转页面Success页面:
这个页面就不贴代码了,我只是在servlet上写了个out.println("Success");
控制跳转页面LoginCl:(C层)
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html;charset=utf-8");
PrintWriter out = response.getWriter();
//获取用户的id/password/验证码
//先看验证码,再看账号密码,这样可以减轻数据库的资源
String name = request.getParameter("user");
String pwd = request.getParameter("pwd");
String checkCode = request.getParameter("checkcode");
//取出session中的验证码:
String checkCode2 =(String) request.getSession().getAttribute("checkcode");
//System.out.println("Success="+name+pwd);
if(checkCode.equals(checkCode2)){
//验证账号密码
if(name.equals("a") && pwd.equals("123")){
request.getRequestDispatcher("/Success").forward(request, response);
//request.getRequestDispatcher("/Success").forward(request, response);
}else{
//验证Success
System.out.println("失败");
}
}
}
String checkCode = request.getParameter("checkcode");是获取用户输入的验证码;
String checkCode2 =(String) request.getSession().getAttribute("checkcode");是获取随机生成的验证码,两者比较。
这里没有把账号密码拿到数据库去验证,偷懒写了个比较。
特别注意的是,验证的时候,一定要先验证验证码,然后在去验证数据库,这样可以省去数据库的资源,可以提升速率。
创建CreateCode页面:
package com.cz.controller;
import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.Random;
import javax.imageio.ImageIO;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class CreateCode extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
//7.禁止浏览器缓存随机图片
response.setDateHeader("Expires", -1);
response.setHeader("Cache-Control", "no-cache");
response.setHeader("Pragma", "no-cache");
//6.通知客户机以图片的方式打开发送过去的数据
response.setHeader("Content-Type", "image/jpeg");
//1.在内存中创建一副图片
BufferedImage image = new BufferedImage(50, 30, BufferedImage.TYPE_INT_RGB);
//2.向图片上写数据
Graphics g = image.getGraphics();
//设置背景色
g.setColor(Color.black);
//控制矩形的宽高
g.fillRect(0, 0, 50, 30);
//3.设置写入数据的颜色和字体
g.setColor(Color.red);
g.setFont(new Font(null, Font.BOLD,20));
//4.向图片上写数据
String num = makeNum();
//这句话就是把随机生成的数值,保存到session
request.getSession().setAttribute("checkcode", num);
g.drawString(num, 0, 20);
//5.把写好的数据的图片,输出给浏览器
ImageIO.write(image, "jpg", response.getOutputStream());
}
//随机生成7位数字
private String makeNum() {
Random r = new Random();
//这里的七个9,控制随机产生的数,就是七位的,如果要4位,就可以改成4个9999
String num = r.nextInt(9999) + "";
StringBuffer sb = new StringBuffer();
//这里的for为了防止随机数,产生的不够7位,就用0补充,你也可以补充其他数
for(int i= 0;i<4-num.length();i++){
sb.append("0");
}
num = sb.toString()+num;
return num;
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doGet(request, response);
}
}
有2个需要注意的地方,就是矩形的宽高,随机产生验证码的位数