编写用户登陆界面index.jsp使用javabean访问boks数据库实现用户登陆,利用servlet实现验证码功能
时间: 2024-03-20 18:38:51 浏览: 208
首先,我们需要创建一个用于访问数据库的 JavaBean,假设我们叫它 UserBean。UserBean 需要有以下方法:
1. 用于验证用户登录信息的方法:boolean validate(String username, String password),返回一个 boolean 值表示验证结果是否成功。
2. 用于获取用户信息的方法:User getUser(String username),返回一个 User 对象表示该用户的信息。
其中,User 是一个 JavaBean,存储用户的信息,比如用户名、密码、性别等。
接下来,我们可以编写一个 index.jsp 页面,包含一个表单,用于用户输入用户名、密码和验证码:
```html
<html>
<head>
<title>用户登录</title>
</head>
<body>
<h1>用户登录</h1>
<form action="login" method="post">
用户名:<input type="text" name="username"/><br/><br/>
密码:<input type="password" name="password"/><br/><br/>
验证码:<input type="text" name="verify"/><img src="verifyCode"/><br/><br/>
<input type="submit" value="登录"/>
</form>
</body>
</html>
```
其中,验证码的图片是通过一个 servlet 生成的,我们需要在 web.xml 中配置该 servlet:
```xml
<servlet>
<servlet-name>VerifyCodeServlet</servlet-name>
<servlet-class>com.example.VerifyCodeServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>VerifyCodeServlet</servlet-name>
<url-pattern>/verifyCode</url-pattern>
</servlet-mapping>
```
接下来,我们编写一个 LoginServlet 来处理用户登录请求。该 Servlet 首先验证验证码是否正确,然后调用 UserBean 的 validate 方法来验证用户名和密码是否正确,最后根据验证结果进行相应的处理。
```java
@WebServlet("/login")
public class LoginServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
String username = request.getParameter("username");
String password = request.getParameter("password");
String verifyCode = request.getParameter("verify");
String sessionVerifyCode = (String) request.getSession().getAttribute("verifyCode");
if (!verifyCode.equalsIgnoreCase(sessionVerifyCode)) {
request.setAttribute("error", "验证码错误");
request.getRequestDispatcher("/index.jsp").forward(request, response);
return;
}
UserBean userBean = new UserBean();
if (userBean.validate(username, password)) {
User user = userBean.getUser(username);
request.getSession().setAttribute("user", user);
response.sendRedirect("welcome.jsp");
} else {
request.setAttribute("error", "用户名或密码错误");
request.getRequestDispatcher("/index.jsp").forward(request, response);
}
}
}
```
在 LoginServlet 中,我们使用了 request.getSession() 方法来获取 HttpSession 对象,用于保存用户信息。当用户信息验证通过后,我们将用户信息保存在 session 中,并重定向到 welcome.jsp 页面。如果验证失败,则将错误信息保存在 request 中,并转发回 index.jsp 页面。
最后,我们还需要编写一个 VerifyCodeServlet 来生成验证码图片。这里我们使用了第三方库 Kaptcha 来生成验证码图片。在 doGet 方法中,我们将生成的验证码字符串保存在 HttpSession 中,以便后续验证时使用。
```java
public class VerifyCodeServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
HttpSession session = request.getSession();
// 创建验证码图片
Producer producer = new DefaultKaptcha();
String text = producer.createText();
BufferedImage image = producer.createImage(text);
// 保存验证码字符串到 session 中
session.setAttribute("verifyCode", text);
// 输出验证码图片
response.setContentType("image/png");
ServletOutputStream outputStream = response.getOutputStream();
ImageIO.write(image, "png", outputStream);
outputStream.flush();
outputStream.close();
}
}
```
最后,我们需要在 web.xml 中配置 Kaptcha 的 servlet 和 filter:
```xml
<servlet>
<servlet-name>KaptchaServlet</servlet-name>
<servlet-class>com.google.code.kaptcha.servlet.KaptchaServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>KaptchaServlet</servlet-name>
<url-pattern>/kaptcha.jpg</url-pattern>
</servlet-mapping>
<filter>
<filter-name>KaptchaFilter</filter-name>
<filter-class>com.google.code.kaptcha.servlet.KaptchaFilter</filter-class>
<init-param>
<param-name>kaptcha.border</param-name>
<param-value>no</param-value>
</init-param>
<init-param>
<param-name>kaptcha.textproducer.char.length</param-name>
<param-value>4</param-value>
</init-param>
<init-param>
<param-name>kaptcha.textproducer.font.size</param-name>
<param-value>30</param-value>
</init-param>
<init-param>
<param-name>kaptcha.image.width</param-name>
<param-value>120</param-value>
</init-param>
<init-param>
<param-name>kaptcha.image.height</param-name>
<param-value>45</param-value>
</init-param>
</filter>
<filter-mapping>
<filter-name>KaptchaFilter</filter-name>
<url-pattern>/login</url-pattern>
</filter-mapping>
```
这样,我们就完成了一个简单的用户登录界面,并且实现了验证码功能。
阅读全文