要
实现JavaWeb登录
验证码，可以采用以下
步骤：
1. 在登录页面中添加
验证码输入框和图片显示框。
2. 生成随机的
验证码字符串。
3. 把
验证码字符串保存到session中。
4. 在后台生成一张
验证码图片，并把
验证码字符串画到图片上。
5. 把图片输出到前台显示。
6. 用户输入
验证码后，后台从session中取出保存的
验证码字符串进行比对，验证是否正确。
下面是一个
简单的示例代码：
1. 登录页面login.
jsp：
```html
<form action="login" method="post">
<label>用户名：</label>
<input type="text" name="username"><br>
<label>密码：</label>
<input type="password" name="password"><br>
<label>
验证码：</label>
<input type="text" name="verifyCode">
<img src="verifyCode" onclick="this.src='verifyCode?'+Math.random()"><br>
<input type="submit" value="登录">
</form>
```
2. 后台生成
验证码的Servlet：
```java
@WebServlet("/verifyCode")
public class VerifyCodeServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// 设置响应的类型格式为图片格式
response.setContentType("image/jpeg");
// 创建
验证码对象
VerifyCode verifyCode = new VerifyCode();
// 把
验证码字符串保存到session中
HttpSession session = request.getSession();
session.setAttribute("verifyCode", verifyCode.getCode());
// 把
验证码图片输出到前台
verifyCode.write(response.getOutputStream());
}
}
```
3. 验证
验证码的Servlet：
```java
@WebServlet("/login")
public class LoginServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// 获取用户输入的
验证码和保存在session中的
验证码字符串
String verifyCode = request.getParameter("verifyCode");
HttpSession session = request.getSession();
String sessionVerifyCode = (String) session.getAttribute("verifyCode");
// 比对
验证码是否正确
if (!verifyCode.equalsIgnoreCase(sessionVerifyCode)) {
response.getWriter().println("
验证码错误！");
return;
}
// 验证通过，继续登录验证逻辑...
}
}
```
其中，VerifyCode是一个生成
验证码图片的辅助类，可以参考下面的代码
实现：
```java
public class VerifyCode {
private static final int WIDTH = 120; //
验证码图片宽度
private static final int HEIGHT = 40; //
验证码图片高度
private static final int CODE_LENGTH = 6; //
验证码长度
private static final String CODE_CHARS = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"; //
验证码字符集
private String code; //
验证码字符串
public VerifyCode() {
// 生成随机的
验证码字符串
StringBuilder sb = new StringBuilder();
Random random = new Random();
for (int i = 0; i < CODE_LENGTH; i++) {
sb.append(CODE_CHARS.charAt(random.nextInt(CODE_CHARS.length())));
}
this.code = sb.toString();
}
public String getCode() {
return code;
}
public void write(OutputStream os) throws IOException {
// 创建
验证码图片
BufferedImage image = new BufferedImage(WIDTH, HEIGHT, BufferedImage.TYPE_INT_RGB);
Graphics2D g = (Graphics2D) image.getGraphics();
g.setColor(Color.WHITE);
g.fillRect(0, 0, WIDTH, HEIGHT);
g.setColor(Color.BLACK);
g.drawRect(0, 0, WIDTH - 1, HEIGHT - 1);
g.setFont(new Font("宋体", Font.BOLD, 20));
for (int i = 0; i < code.length(); i++) {
g.drawString(String.valueOf(code.charAt(i)), 20 * i + 10, 25);
}
// 输出
验证码图片
ImageIO.write(image, "JPEG", os);
os.flush();
os.close();
}
}
```
6022
非常没帮助
没帮助
一般
有帮助
非常有帮助
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
