黑马程序员技术交流社区

标题: 【JavaWeb】用户登录案例 [打印本页]

作者: 长沙-小知姐姐 时间: 2020-3-24 15:15
标题: 【JavaWeb】用户登录案例
需求
1. 编写login.html登录页面，包含username & password 两个输入框

2. 使用Druid数据库连接池技术,操作mysql，test数据库中user表

3. 使用JdbcTemplate技术封装JDBC

4. 登录成功跳转到SuccessServlet展示：登录成功！用户名,欢迎您

5. 登录失败跳转到FailServlet展示：登录失败，用户名或密码错误

需求分析
使用三个部分完成上述需求，第一部分是前端，实现起来很简单，第二部分是Sevelet部分，第三部分是数据库的操作部分。

开发步骤
1. 创建项目，导入html页面，配置文件，jar包
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form action="" method="post">
      用户名:<input type="text" name="name"> <br>
      密码:<input type="password" name="password"><br>

      <input type="submit" value="登录">

</form>
</body>
</html>
登录页面展示：

  2. 创建数据库环境
CREATE DATABASE test;
USE test;
CREATE TABLE USER(

id INT PRIMARY KEY AUTO_INCREMENT,
name VARCHAR(32) UNIQUE NOT NULL,
password VARCHAR(32) NOT NULL,
address  VARCHAR(32) NOT NULL,
phone  VARCHAR(32) NOT NULL

);
在数据库中添加的内容:

3. 创建包cn.lwl.domain,创建类User类
其中包含三个私有属性，id，name和password，并创建三个属性的get和set方法已经重写toString()方法。

package cn.lwl.domain;

/** 用户的实体类
* @author liwenlong
* @data 2020/3/19
*/
public class User {

private int id;
private String name;
private String password;

public int getId() {
      return id;
}

public void setId(int id) {
      this.id = id;
}

public String getName() {
      return name;
}

public void setName(String name) {
      this.name = name;
}

public String getPassword() {
      return password;
}

public void setPassword(String password) {
      this.password = password;
}

@Override
public String toString() {
      return "User{" +
            "id=" + id +
            ", name='" + name + '\'' +
            ", password='" + password + '\'' +
            '}';
}
}
4. 创建JDBC工具类，使用Durid数据库连接池
导入配置文件  druid.properties

driverClassName=com.mysql.jdbc.Driver
url=jdbc:mysql:///test
username=root
password=1234
initialSize=5
maxActive=10
maxWait=3000
创建工具类：

package cn.lwl.util;

import com.alibaba.druid.pool.DruidDataSourceFactory;

import javax.sql.DataSource;
import java.io.InputStream;
import java.sql.Connection;
import java.util.Properties;

/**
* JDBC工具类，使用Durid数据库连接池
*
* @author liwenlong
* @data 2020/3/20
*/
public class JDBCUtils {
//声明连接池对象
public static DataSource ds;

static {
      //加载配置文件，初始化连接池
      try {
         Properties pro = new Properties();
         InputStream is = JDBCUtils.class.getClassLoader().getResourceAsStream("druid.properties");
         pro.load(is);

         //初始化连接池对象
         ds = DruidDataSourceFactory.createDataSource(pro);
      } catch (Exception e) {
         e.printStackTrace();
      }

}

//获取连接池对象
public static DataSource getDateSource() {
      return ds;
}

//获取连接对象
public static Connection getConnection() throws Exception {
      return ds.getConnection();
}
}
5.操作数据库中User表的类UserDao
package cn.lwl.domain.dao;

import cn.lwl.domain.User;
import cn.lwl.util.JDBCUtils;
import org.springframework.jdbc.core.BeanPropertyRowMapper;
import org.springframework.jdbc.core.JdbcTemplate;

/**
* 操作数据库中User表的类
*
* @author liwenlong
* @data 2020/3/19
*/
public class UserDao {

//声明JDBCTemplate对象供类中方法使用
private JdbcTemplate template = new JdbcTemplate(JDBCUtils.getDateSource());

public User login(User loginUser) { //形参loginUser为只有用户名和密码的User
      //编写SQL语句
      String sql = "select * from user where name=? and password =?";
      //调用query方法，执行SQL语句
      User user = template.queryForObject(sql,
                  new BeanPropertyRowMapper<User>(User.class),
                  loginUser.getName(), loginUser.getPassword());
      //返回的为含有所有信息的user
      return user;
}

}
6. 测试UserDao
上面步骤完成后不着急继续完成其他代码，而是应该测试当前代码是否正确。

新建一个test包用于测试，在包中新建UserDaoTest类:

package cn.lwl.test;

import cn.lwl.domain.User;
import cn.lwl.domain.dao.UserDao;
import org.junit.jupiter.api.Test;

/**
* @author liwenlong
* @data 2020/3/20
*/
public class UserDaoTest {

@Test
public void testLogin(){

      User loginUser = new User();
      loginUser.setName("LadyGaGa");
      loginUser.setPassword("123456");

      UserDao dao = new UserDao();
      User user = dao.login(loginUser);
      System.out.println(user);

}
}
测试结果:

这样结果说明测试通过。

7.编写cn.lwl.web.servlet.LoginServelt类，完成登录的具体逻辑
package cn.lwl.web.servlet;

import cn.lwl.domain.User;
import cn.lwl.domain.dao.UserDao;

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.io.IOException;

/**
* @author liwenlong
* @data 2020/3/21
*/
@WebServlet("/loginServlet")
public class LoginServelt extends HttpServlet {
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
      //设置编码方式
      req.setCharacterEncoding("utf-8");
      //获取请求参数
      String name = req.getParameter("name");
      String password = req.getParameter("password");
      //封装成对象
      User loginUser = new User();
      loginUser.setName(name);
      loginUser.setPassword(password);
      //调用userDao的方法
      UserDao userDao = new UserDao();
      User user = userDao.login(loginUser);

      //判断是否正确
      if(user == null){
         //账号密码错误
         //转发到另一个页面
         req.getRequestDispatcher("/failServlet").forward(req,resp);
      }else {//成功
         //存储数据并转发
         req.setAttribute("user",user);
         req.getRequestDispatcher("/successServlet").forward(req,resp);
      }
}

@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
      this.doGet(req, resp);
}
}
将login.html中的action补充完整，写法为：虚拟目录+Servlet的资源路径,虚拟目录可以在【Run】-【Edit Configurations】中设置和查看，Servlet的资源路径根据LoginServelt类中@WebServlet("/loginServlet")可以看出设置的是/loginServlet。

8.转发到的成功和失败页面

package cn.lwl.web.servlet;

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.io.IOException;

/**
* @author liwenlong
* @data 2020/3/21
*/
@WebServlet("/successServlet")
public class SuccessServlet extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
      //设置编码方式
      response.setContentType("text/html;charset=utf-8");
      //输出
      response.getWriter().write("登陆成功，尊敬的"+request.getAttribute("user")+",欢迎您！");
}

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
      this.doPost(request,response);
}
}
package cn.lwl.web.servlet;

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.io.IOException;

/**
* @author liwenlong
* @data 2020/3/21
*/
@WebServlet("/failServlet")
public class FailServlet extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
      //设置编码方式
      response.setContentType("text/html;charset=utf-8");
      //输出
      response.getWriter().write("登陆失败，账号或密码错误");
}

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
      this.doPost(request,response);
}
}
运行测试
在浏览器中输入：http://localhost:8080/lwl/login.html

如果输入错误的用户名和密码：

如果输入正确的账号密码：

优化
存在的问题：
对于LoginServelt类中的这段代码：

      //获取请求参数
      String name = req.getParameter("name");
      String password = req.getParameter("password");
      //封装成对象
      User loginUser = new User();
      loginUser.setName(name);
      loginUser.setPassword(password);
这段代码存在一定的问题，目前只是验证了User对象的两个属性name和password，如果将来一个类中有很多个对象(例如注册页面)，那么采用上述的方式进行封装对象就不是特别的合适，那么我们将会采用下面的方法一次性将所有的属性封装成为对象。

改进
使用getParameterMap()函数一次获取所有属性，然后利用BeanUtils工具类完成属性封装成类。

BeanUtils介绍

BeanUtils 是 Apache commons组件的成员之一，主要用于简化JavaBean封装数据的操作。它可以给JavaBean封装一个字符串数据，也可以将一个表单提交的所有数据封装到JavaBean中。BeanUtils工具常用工具类有两个：BeanUtils、ConvertUtils。BeanUtils用于封装数据，ConvertUtils用于处理类型转换。

JavaBean：是标准的Java类，用来封装数据。它遵循以下规范：

类必须被public修饰
必须提供空参的构造器
成员变量必须使用private修饰
提供公有的setter和getter方法
常用方法

修改步骤：

1. 导入Jar包    commons-beanutils-1.9.4.jar

2.修改代码

package cn.lwl.web.servlet;

import cn.lwl.domain.User;
import cn.lwl.domain.dao.UserDao;
import org.apache.commons.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 java.io.IOException;
import java.lang.reflect.InvocationTargetException;
import java.util.Map;

/**
* @author liwenlong
* @data 2020/3/21
*/
@WebServlet("/loginServlet")
public class LoginServelt extends HttpServlet {
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
      //设置编码方式
      req.setCharacterEncoding("utf-8");
//       //获取请求参数
//       String name = req.getParameter("name");
//       String password = req.getParameter("password");
//       //封装成对象
//       User loginUser = new User();
//       loginUser.setName(name);
//       loginUser.setPassword(password);

      //获取所有请求参数
      Map<String, String[]> map = req.getParameterMap();
      //封装成对象
      User loginUser = new User();
      try {
         BeanUtils.populate(loginUser,map);
      } catch (IllegalAccessException e) {
         e.printStackTrace();
      } catch (InvocationTargetException e) {
         e.printStackTrace();
      }

      //调用userDao的方法
      UserDao userDao = new UserDao();
      User user = userDao.login(loginUser);

      //判断是否正确
      if(user == null){
         //账号密码错误
         //转发到另一个页面
         req.getRequestDispatcher("/failServlet").forward(req,resp);
      }else {//成功
         //存储数据并转发
         req.setAttribute("user",user);
         req.getRequestDispatcher("/successServlet").forward(req,resp);
      }
}

@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
      this.doGet(req, resp);
}

}

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2