javaweb模拟简单登录从无到有（jdbc+servlet+jsp）

Dear 丶 2022-05-25 01:52 194阅读 0赞

首先新建java的动态web项目

![70][]

![70 1][]

![70 2][]

然后点击next

![70 3][]

![70 4][]

![70 5][]

先看一下默认创建的文件夹然后再对default output folder做修改

![70 6][]

![70 7][]

最后点击finish，在这里我的项目名字叫做PP

![70 8][]

![70 9][]

![70 10][]

![70 11][]

![70 12][]

下面的url根据自己的数据库的名字填写（这个文件是写与数据库进行连接的信息的）

下面这个图是我后来改的只看db.properties文件即可

![70 13][]

![70 14][]

![70 15][]

在webapp下建一个views文件夹存放网页显示有关的.jsp文件

建一个login的.jsp文件

![70 16][]

然后建好包

![70 17][]

在数据库建立一个user表

![70 18][]

这样环境就算搭好了

然后根据user表在domain中建立一个user的类写上getter and setter和toString

![70 19][]

根据需要在创建的interface文件中定义方法然后实现

![70 20][]

先将jdbcutil工具类写好

![70 21][]

代码如下：

package util;  
  
import java.io.IOException;  
import java.sql.Connection;  
import java.sql.ResultSet;  
import java.sql.SQLException;  
import java.sql.Statement;  
import java.util.Properties;  
  
import javax.sql.DataSource;  
  
import com.alibaba.druid.pool.DruidDataSourceFactory;  
  
public class JdbcUtil \{  
    private JdbcUtil() \{\}  
      
    private static Properties p = new Properties();  
    private static DataSource dataSource=null;  
    static \{  
        try \{  
            Class.forName("com.mysql.jdbc.Driver");  
            p.load(Thread.currentThread().getContextClassLoader().getResourceAsStream("db.properties"));  
            dataSource = DruidDataSourceFactory.createDataSource(p);  
        \} catch (IOException e) \{  
            e.printStackTrace();  
        \} catch (Exception e) \{  
            e.printStackTrace();  
        \}  
    \}  
      
    public static Connection getConn() \{  
        try \{  
            return dataSource.getConnection();  
        \} catch (SQLException e) \{  
            // TODO Auto-generated catch block  
            e.printStackTrace();  
        \}  
        return null;  
    \}  
      
    public static void close(Connection conn,Statement st,ResultSet rs) \{  
        try \{  
            if(rs!=null) \{  
                rs.close();  
            \}  
        \} catch (Exception e) \{  
            e.printStackTrace();  
        \}finally \{  
            try \{  
                if(st!=null) \{  
                    st.close();  
                \}  
            \} catch (Exception e2) \{  
                e2.printStackTrace();  
            \}finally \{  
                try \{  
                    if(conn!=null) \{  
                        conn.close();  
                    \}  
                \} catch (Exception e3) \{  
                    e3.printStackTrace();  
                \}  
            \}  
        \}  
    \}

在template包中建一个IResultSetHandler的interface这个接口在dao中的impl中会按需实现的

![70 22][]

在template中建一个jdbcTemplate该类是一个jdbc模板方便以后在dao的impl中的文件里调用实现

![70 23][]

代码如下：

package template;  
  
import java.sql.Connection;  
import java.sql.DriverManager;  
import java.sql.PreparedStatement;  
import java.sql.ResultSet;  
  
import util.JdbcUtil;  
  
  
public class JdbcTemplate \{  
    private JdbcTemplate() \{\}  
      
    public static int update(String sql, Object... params) \{  
        Connection conn = null;  
        PreparedStatement ps = null;  
        try \{  
            conn = DriverManager.getConnection("jdbc:mysql:///dpb","mysql用户名","密码");  
            ps = conn.prepareStatement(sql);  
            for (int i = 0; i < params.length; i++) \{  
                ps.setObject(i+1, params\[i\]);  
            \}  
            return ps.executeUpdate();  
        \} catch (Exception e) \{  
            e.printStackTrace();  
        \}finally \{  
            JdbcUtil.close(conn, ps, null);  
        \}  
        return 0;  
    \}  
    public static <T>T query(String sql, IResultSetHandler<T> rsh, Object... params) \{  
        Connection conn = null;  
        PreparedStatement ps = null;  
        ResultSet rs = null;  
        try \{  
            conn = JdbcUtil.getConn();  
            ps = conn.prepareStatement(sql);  
            for (int i = 0; i < params.length; i++) \{  
                ps.setObject(i+1, params\[i\]);  
            \}  
            rs = ps.executeQuery();  
            return rsh.handle(rs);  
              
        \} catch (Exception e) \{  
            e.printStackTrace();  
        \}finally \{  
            JdbcUtil.close(conn, ps, rs);  
        \}  
        return null;  
    \}

将之前建立的IUserDAO实现

![70 24][]

代码如下：

package dao.impl;  
  
import java.sql.ResultSet;  
import java.sql.SQLException;  
import java.util.ArrayList;  
import java.util.List;  
  
import dao.IUserDAO;  
import domain.User;  
import template.IResultSetHandler;  
import template.JdbcTemplate;  
  
public class Userdaoimpl implements IUserDAO \{  
    @Override  
    public User get(Long id) \{  
        String sql = "select \* from User where id = ?";  
        List<User> list = JdbcTemplate.query(sql, new UserResultSetHandler(), id);  
        return list.size()==1?list.get(0):null;  
    \}  
  
    @Override  
    public User get(String username) \{  
        String sql = "select \* from User where username = ?";  
        List<User> list = JdbcTemplate.query(sql, new UserResultSetHandler(), username);  
        return list.size()==1?list.get(0):null;  
    \}  
    class UserResultSetHandler implements IResultSetHandler<List<User>>\{  
        public List<User> handle(ResultSet rs) throws SQLException \{  
            List<User> list = new ArrayList<>();  
            while(rs.next()) \{  
                User user = new User();  
                list.add(user);  
                user.setId(rs.getInt("id"));  
                user.setIdentity(rs.getInt("identity"));  
                user.setName(rs.getString("name"));  
                user.setPassword(rs.getString("password"));  
                user.setUsername(rs.getString("username"));  
            \}  
            return list;  
        \}  
          
    \}  
\}  
然后写一个test来测试一下

![70 25][]

代码如下：

package test;  
  
import dao.IUserDAO;  
import dao.impl.Userdaoimpl;  
  
public class Test \{  
    IUserDAO dao = new Userdaoimpl();  
    @org.junit.Test  
    public void getTest() \{  
        System.out.println(dao.get("root"));  
    \}  
\}  
进行测试  
![70 26][]![70 27][]

![70 28][]

这就说明jdbc测试通了

接下来写页面

![70 29][]

代码如下：

<%@ page language="java" contentType="text/html; charset=UTF-8"  
    pageEncoding="UTF-8"%>  
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
<title>Insert title here</title>  
</head>  
<body>  
    <form action="/PP/login" method="post">  
        账号:<input type="text" name="username"/><br/>  
        密码:<input type="password" name="password"/><br/>  
        <input type="submit" value="登录">  
    </form>  
</body>

</html>

最后一步写servlet

![70 30][]

代码如下：

package servlet;  
  
import java.io.IOException;  
  
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 dao.impl.Userdaoimpl;  
import domain.User;  
  
@WebServlet("/login")  
public class LoginServlet extends HttpServlet\{  
    private static final long serialVersionUID = 1L;  
    @Override  
    protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException \{  
        req.setCharacterEncoding("UTF-8");  
        resp.setContentType("text/html;charset=utf-8");            //设置接受的编码格式  
        resp.setHeader("Access-Control-Allow-Origin", "\*");        //用来和前端交互时需要加的  
        String username = req.getParameter("username");  
        String password = req.getParameter("password");  
        User user = new Userdaoimpl().get(username);  
        if(user!=null) \{  
            if(user.getPassword().equals(password)) \{  
                System.out.println("登陆成功！");  
            \} else \{  
                System.out.println("登录失败！");  
            \}  
        \} else \{  
            System.out.println("登录失败！");  
        \}  
    \}  
\}

测试结果如下：

![70 31][]

![70 32][]![70 33][]

![70 34][]

![70 35][]

![70 36][]

接下里输入正确的账号密码：

![70 37][]

![70 38][]

好了简单的登录实现完成！！

[70]: /images/20220525/cc7b90520d774c7fb56856c3c62c1cb1.png
[70 1]: /images/20220525/d3190baa1d624791857f395f68ba4f3b.png
[70 2]: /images/20220525/d49036cc0bef4413b11650925e14836d.png
[70 3]: /images/20220525/2590bc80786047eb9a9f16fefde50281.png
[70 4]: /images/20220525/89375edb382f4224a28910aca22e86b6.png
[70 5]: /images/20220525/f3c35bdb971e4283bb5edf044ce8f38c.png
[70 6]: /images/20220525/5fc3330735a94d42929a5cff50cadb08.png
[70 7]: /images/20220525/0dee3155601c4e9f8780153070e60121.png
[70 8]: /images/20220525/87873efa7eb542739bd0c3fbd87c92b0.png
[70 9]: /images/20220525/9804c1931d074001ac7d62e1f5faab4f.png
[70 10]: /images/20220525/7755d62f4f6c4b6d886acdcd90a53013.png
[70 11]: /images/20220525/d5cffb11124047f287e91946fae6a7a6.png
[70 12]: /images/20220525/e160b2666b04467c965a6abc62a5f4a3.png
[70 13]: /images/20220525/a300f68a5ecb4d94b9611484774326a8.png
[70 14]: /images/20220525/1541862b7d9a4abea2586eb0e34d2072.png
[70 15]: /images/20220525/d49574721e164a15b4dc4b16bf289554.png
[70 16]: /images/20220525/caea10130b2e4dd798edcd3a25ddbe94.png
[70 17]: /images/20220525/1798fff9bd8741d5b379007b2469511b.png
[70 18]: /images/20220525/257c393f45bf4c8c933d93e78cc8fd73.png
[70 19]: /images/20220525/f6d0d538c7b342979a2077d84e2ca8e7.png
[70 20]: /images/20220525/68604b6111984535be5dfef70b60829b.png
[70 21]: /images/20220525/a70389ca71c241769e18e7510cba2f60.png
[70 22]: /images/20220525/780a2a1299654adb8bada41bd3ad0cb9.png
[70 23]: /images/20220525/b4afd46b84a840c9b215d230bcbd8c8b.png
[70 24]: /images/20220525/bfb1639daa5242d2a624aa5d94311c1b.png
[70 25]: /images/20220525/84a19b7686e947c09b8458c6627ae5bb.png
[70 26]: https://img-blog.csdn.net/20180507171305627?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhbmppYW5nYg==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 27]: /images/20220525/1116f122471c4968b0df00cfc2d98e08.png
[70 28]: /images/20220525/d8f9dc34ccd040b1b59701875312bf9f.png
[70 29]: /images/20220525/fc49e74922ba46719bd4a1949ae5763b.png
[70 30]: /images/20220525/faa21ebc269f4113bcc4c4a7024ec13f.png
[70 31]: /images/20220525/116f962a14a6406ab5317cab315fd549.png
[70 32]: https://img-blog.csdn.net/20180507172524774?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhbmppYW5nYg==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 33]: /images/20220525/cbac35fb69dd4f1ea570f0d33e4b412f.png
[70 34]: /images/20220525/00fd4013892544aeb3b77d35ed2b3c4b.png
[70 35]: /images/20220525/f678bec61c82474daa03d7733f17e4f3.png
[70 36]: /images/20220525/28c2632b4b6e41118396ff9192f0601c.png
[70 37]: /images/20220525/dbc71a99ef184ef3b8783b69e6d02b3d.png
[70 38]: /images/20220525/f32760d4e040449fbaf53100e55e7730.png