JavaWeb-Demo1:用戶登錄

Github:user_login

一. 需求

  1. 編寫 login.html 登錄頁面,具有 username & password 兩個輸入框。
  2. 使用 Druid 數據庫連接池技術操作 MySQL,在數據庫中創建 user 表。
  3. 使用 JdbcTemplate 技術封裝 JDBC。
  4. 登錄成功跳轉到 SucessServlet 顯示:登錄成功!用戶名,歡迎您。
  5. 登錄失敗跳轉到 FailServlet 顯示:登錄失敗,用戶名或密碼錯誤。

二. 分析

用戶登錄分析

三. 開發步驟

1.創建項目,導入 HTML 頁面、配置文件、jar包。

  • 將 login.html 放置在 web 目錄下,表單的 action 路徑爲虛擬目錄 + Servlet 資源路徑。
    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <form action="/user_login/loginServlet" method="post">
            用戶名:<input type="text" name="username" /><br />
            密碼:<input type="password" name="password" /><br />
            <input type="submit" value="登錄" />
        </form>
    </body>
    </html>
    
  • 將 druid.properties 配置文件放置在 src 目錄下
    driverClassName=com.mysql.cj.jdbc.Driver /* MySQL 8.0 + */ 
    url=jdbc:mysql:///login
    username=... /* 數據庫用戶名 */
    password=... /* 數據庫密碼 */
    initialSize=5
    maxActive=10
    maxWait=3000
    
  • 導入 jar 包至 web - WEB-INF - lib
    導入 jar 包

2.創建數據庫環境

create database login;
use login;
create table user(
	id int primary key auto_increment,
    username varchar(32) unique not null,
    password varchar(32) not null
);
insert into user value(1,'user1',123);

3.創建 com.hjplz.domain 包,編寫 User 類

package com.hjplz.domain;

/**
 * 用戶的實體類
 */
public class User {
    private int id;
    private String username;
    private String password;

    public int getId() {
        return id;
    }

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

    public String getUsername() {
        return username;
    }

    public void setUsername(String username) {
        this.username = username;
    }

    public String getPassword() {
        return password;
    }

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

    @Override
    public String toString() {
        return "User{" +
                "id=" + id +
                ", username='" + username + '\'' +
                ", password='" + password + '\'' +
                '}';
    }
}

4.創建 com.hjplz.util 包,編寫 JDBCUtils 工具類

package com.hjplz.util;

import com.alibaba.druid.pool.DruidDataSourceFactory;

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

/**
 * JDBC 工具類, 使用 Durid 連接池
 */
public class JDBCUtils {
    private static DataSource ds;

    static {
        try {
            // 1. 加載配置文件
            Properties pro = new Properties();
            // 使用 ClassLoader 加載配置文件,獲取字節輸入流
            InputStream is = JDBCUtils.class.getClassLoader().getResourceAsStream("druid.properties");
            pro.load(is);

            // 2. 初始化連接池對象
            ds = DruidDataSourceFactory.createDataSource(pro);
        } catch (IOException e) {
            e.printStackTrace();
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

    /**
     * 獲取連接池對象
     */
    public static DataSource getDataSource() {
        return ds;
    }

    /**
     * 獲取連接 Connection 對象
     */
    public static Connection getConnection() throws SQLException {
        return ds.getConnection();
    }
}

5.創建 com.hjplz.dao 包,編寫 UserDao 類,提供 login() 方法:

package com.hjplz.dao;

import com.hjplz.domain.User;
import com.hjplz.util.JDBCUtils;
import org.springframework.dao.DataAccessException;
import org.springframework.jdbc.core.BeanPropertyRowMapper;
import org.springframework.jdbc.core.JdbcTemplate;

/**
 * 操作數據庫中 user 表的類
 */
public class UserDao {

    // 聲明 JdbcTemplate 對象共用
    private JdbcTemplate template = new JdbcTemplate(JDBCUtils.getDataSource());

    /**
     * 登錄方法
     * @param loginUser 只有用戶名和密碼
     * @return user 包含用戶全部數據,未查詢到爲 null
     */
    public User login(User loginUser) {
        try {
            // 1. 編寫 SQL
            String sql = "select * from user where username = ? and password = ?";
            // 2. 調用 query() 方法
            User user = template.queryForObject(sql,
                    new BeanPropertyRowMapper<User>(User.class),
                    loginUser.getUsername(), loginUser.getPassword());
            return user;
        } catch (DataAccessException e) {
            e.printStackTrace(); // 記錄日誌
            return null;
        }
    }
}

6.創建 com.hjplz.web.servlet 包,編寫 LoginServlet 類

package com.hjplz.web.servlet;

import com.hjplz.dao.UserDao;
import com.hjplz.domain.User;

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;

@WebServlet("/loginServlet")
public class LoginServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // 1. 設置編碼格式
        request.setCharacterEncoding("UTF-8");
        // 2. 獲取請求參數
        String username = request.getParameter("username");
        String password = request.getParameter("password");
        // 3. 封裝 User 對象
        User loginUser = new User();
        loginUser.setUsername(username);
        loginUser.setPassword(password);
        // 4. 調用 UserDao 的 login() 方法
        User user = new UserDao().login(loginUser);
        // 5. 判斷 user
        if(user == null) { // 登錄失敗
            request.getRequestDispatcher("/failServlet").forward(request, response);
        } else { // 登錄成功
            // 存儲數據
            request.setAttribute("user", user);
            request.getRequestDispatcher("/successServlet").forward(request, response);
        }
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.doPost(request, response);
    }
}

7.編寫 FailServlet & SuccessServlet 類

package com.hjplz.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;

@WebServlet("/failServlet")
public class FailServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // 給頁面寫一句話
        // 1. 設置編碼格式
        response.setContentType("text/html;charset=UTF-8");
        // 2. 輸出
        response.getWriter().write("登錄失敗,用戶名或密碼錯誤。");
    }

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

import com.hjplz.domain.User;

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;

@WebServlet("/successServlet")
public class SuccessServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // 獲取 request 域中共享的 user 對象
        User user = (User) request.getAttribute("user");
        // 給頁面寫一句話
        // 1. 設置編碼格式
        response.setContentType("text/html;charset=UTF-8");
        // 2. 輸出
        response.getWriter().write("登錄成功!" + user.getUsername() + ",歡迎您。");
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.doPost(request, response);
    }
}

8.使用 BeanUtils 工具類簡化數據封裝(封裝 JavaBean)

  • JavaBean:標準的 Java類 ,封裝數據。
    • 類必須被 public 修飾
    • 必須提供空參的構造器
    • 成員變量必須使用 private 修飾
    • 提供公共 setter & getter 方法
  • 成員變量與屬性:兩者大多數時候相同,屬性是 setter & getter 方法截取後的產物,e.g. public String getUsername() { return name; },username 是屬性( BeanUtils 可以獲取),name 是成員變量。
  • 方法
    • setProperty()
    • getProperty()
    • populate(Object obj, Map map)

如果有多個參數需要封裝到 User 對象,程序會變得繁瑣。

// 1. 獲取請求參數
String username = request.getParameter("username");
String password = request.getParameter("password");
// 2. 封裝 User 對象
User loginUser = new User();
loginUser.setUsername(username);
loginUser.setPassword(password);

獲取所有請求參數的 map 集合,使用 BeanUtils 一次性地將 map 集合的鍵值對信息封裝到對應的 JavaBean 對象中。

// 1. 獲取所有請求參數
Map<String, String[]> map = request.getParameterMap();
// 2. 創建 User 對象,使用 BeanUtils 封裝
User loginUser = new User();
try {
    BeanUtils.populate(loginUser, map);
} catch (IllegalAccessException e) {
    e.printStackTrace();
} catch (InvocationTargetException e) {
    e.printStackTrace();
}

9.創建 com.hjplz.test 包,編寫 UserDaoTest 類測試 UserDao 類,編寫 BeanUtilsTest 類測試 LoginServlet 類

package com.hjplz.test;
import com.hjplz.dao.UserDao;
import com.hjplz.domain.User;
import org.junit.Test;

public class UserDaoTest  {
    @Test
    public void testLogin() {
        User loginUser = new User();
        loginUser.setUsername("user1");
        loginUser.setPassword("123");

        User user = new UserDao().login(loginUser);

        System.out.println(user);
    }
}
package com.hjplz.test;

import com.hjplz.domain.User;
import org.apache.commons.beanutils.BeanUtils;
import org.junit.Test;

import java.lang.reflect.InvocationTargetException;

public class BeanUtilsTest {
    @Test
    public void test() {
        User user = new User();
        try {
            BeanUtils.setProperty(user, "username", "hjplz");
            System.out.println(user);
        } catch (IllegalAccessException e) {
            e.printStackTrace();
        } catch (InvocationTargetException e) {
            e.printStackTrace();
        } catch (NoSuchMethodException e) {
            e.printStackTrace();
        }
    }
}

四. 項目結構

項目結構

五. 效果演示

1.登錄頁面
login.html
2.登錄失敗
登錄失敗
3.登錄成功,顯示用戶名。
登錄成功

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章