java实现带有验证码验证的⽤户登录功能（mysql+JDBCTemplate+servl。。。⽂章⽬录 需求
1、页⾯具有三个input框：⽤户名、密码、验证码； 2、点击验证码图⽚可以为⽤户更换⼀张验证码；
3、⾸先判断验证码是否输⼊正确，若错误，⽹页提⽰“验证码输⼊错误”；
4、再判断⽤户名和密码是否正确，若错误，⽹页提⽰“⽤户名或密码错误”
5、只有当三者全部输⼊正确时，跳转到成功登录界⾯，显⽰“欢迎您，⽤户名”
⼯具
IDE：idea
数据库：mysql
连接池：druid
JDBCTemplate模板
步骤
1、导⼊相关⼯具包
2、编写login.jsp页⾯
<%--
Created by IntelliJ IDEA.
User: lenovo
Date: 2020/2/22
Time: 19:47
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>登录</title>
<script>
var img = ElementById("checkCode");
//2、绑定验证码图⽚单击事件
var date = new Date().getTime();
img.src = "/cc/checkCodeServlet?"+date;
}
}
</script>
<style>
div{
color: red;
}
</style>
</head>
<body>
<form action="/cc/loginServlet" method="post">
⽤户名<input type="text" placeholder="输⼊⽤户名" name="username"><br>
密码<input type="password" placeholder="输⼊密码" name="password"><br>
验证码<input type="text" placeholder="输⼊验证码" name="checkCode">
<image id="checkCode" src="/cc/checkCodeServlet"></image><br>
<input type="submit" value="登录">
</form>
<div>
<%=Attribute("cc_error") == null ?"": Attribute("cc_error")%>
</div>
<div>
<%=Attribute("user_error") == null ? "":Attribute("user_error")%>
</div>
</body>
</html>
2、使⽤JDBCTemplate实现操作数据库功能
参考之前⽂章：
（1）配置数据库连接池⽂件
（3）创建User类，与数据表数据⼀⼀对应
（4）创建JDBCUtils⼯具包
（5）在dao包下创建UserDao类，编写logn⽅法，操作数据库
3、制作验证码图⽚并输出
参考之前⽂章：
由于之后要判断⽤户的验证码是否输⼊正确，在这⾥使⽤session存储⽣成的验证码。
4、编写loginServlet页⾯。
（1）获取请求参数的map集合，使⽤BeanUtils.populate(user,map)⽅法，将user进⾏封装（2）获取session中存储的验证码，与⽤户输⼊进⾏判断。
（3）验证码正确，调⽤userDao中的login⽅法，判断⽤户名密码是否正确。
（4）若全部正确，页⾯转发到successServlet页⾯。
（5）三个输⼊有⼀向错误，到登录界⾯，展现错误提⽰。
代码
1. 验证码部分 完整代码如下：
package com.li.LoginTest;
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;
import java.awt.*;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.util.Random;
@WebServlet("/checkCodeServlet")
public class checkCodeServlet extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException { int hight =50;
int width =100;
//1、创建⼀个对象
BufferedImage bufferedImage =new BufferedImage(width, hight, BufferedImage.TYPE_INT_RGB);
//2 美化图⽚
//2.1 填充背景⾊
Graphics graphics = Graphics();//画笔对象
graphics.setColor(Color.PINK);//设置画笔颜⾊
graphics.fillRect(0,0,width,hight);
//2.2 画边框
graphics.setColor(Color.blue);
graphics.drawRect(0,0,width-1,hight-1);
//2.3 写验证码，验证码使使⽤随机数显⽰
String str ="QWERTYUIOPASDFGHJKLMNBVCXZqwertyuioplkjhgfdsazxcvbnm1234567890";
Random ran =new Random();
//2.4new⼀个StringBuilder，存储验证码信息
StringBuilder stringBuilder =new StringBuilder();
for(int i=1;i<=4;i++){
int num = Int(str.length());
char c = str.charAt(num);
stringBuilder.append(c);
graphics.drawString(c+"",width/5*i,hight/2);
}
//2.5、将验证码存⼊session中，以便之后的验证
String checkCode = String();
//2.6 随机画⼀些线
graphics.setColor(Color.GREEN);
for(int i=0;i<10;i++){
int x1 = Int(width);
int x2 = Int(width);
int y1 = Int(hight);
int y2 = Int(hight);
graphics.drawLine(x1,y1,x2,y2);
}
//3 输出
ImageIO.write(bufferedImage,"jpg",OutputStream());
}
protected void doGet(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException { this.doPost(request,response);
}
}
2. User类、UserDao类、JDBCTemplate类与
这篇代码⼀致。
3. LoginServlet代码如下：
package com.li.LoginTest;
import com.li.dao.UserDao;
import com.li.domain.User;
import org.apachemons.beanutils.BeanUtils;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
验证码自动输入import java.beans.JavaBean;
import java.io.IOException;
import flect.InvocationTargetException;
import java.util.Map;
import java.util.Set;
@WebServlet("/loginServlet")
public class loginServlet extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException { User user =new User();
Map<String, String[]> parameterMap = ParameterMap();
try{
BeanUtils.populate(user,parameterMap);
}catch(IllegalAccessException e){
e.printStackTrace();
}catch(InvocationTargetException e){
e.printStackTrace();
}
UserDao userDao =new UserDao();
User loginUser = userDao.login(user);
//1、获取请求参数的值
// String username = Parameter("username");
// String password = Parameter("password");
String checkCode = Parameter("checkCode");
System.out.println(checkCode);
//2、验证码是否正确
//2.1 使⽤session获取checkCode的值
HttpSession session = Session();
String checkCode1 =(String) Attribute("checkCode");
System.out.println(checkCode1);
//2.2 判断
if(checkCode1 != null && checkCode1.equalsIgnoreCase(checkCode)){
//判断⽤户名与密码
if(loginUser!=null){
/
/⽤户名与密码正确
//使⽤request域存储⽤户名
request.setAttribute("username",Username());
//转发
}else{
//⽤户名与密码不正确
request.setAttribute("user_error","⽤户名或密码输⼊错误");
System.out.println("⽤户名或密码输⼊错误");
}
}else{
豫公网安备41160202000603
站长QQ:729038198
关于我们
投诉建议