基于MVC模式的用户登录

我会带着你远行 2022-10-06 08:58 121阅读 0赞

### 2021.06.12 ###

*  第1关：编写用户登录页面
 *   *  任务描述
     *   *  代码
 *  第2关：登录验证
 *   *  任务描述
     *   *  代码

# 第1关：编写用户登录页面 #

## 任务描述 ##

*  本次实训我们要实现一个MVC的登陆功能：
 *  本关我们要实现的是登陆功能的第一步：编写登陆表单，在jsp中编写表单，设置用户名字段userName和用户密码字段password，并设置请求的servlet路径为login。  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1ODIzMTE4_size_16_color_FFFFFF_t_70]

**相关知识（略）**

效果图如下（无需给表单添加样式）：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1ODIzMTE4_size_16_color_FFFFFF_t_70 1]

### 代码 ###

<%@ 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=ISO-8859-1">
    <title>Insert title here</title>
    </head>
    <body>
    <form action="login">
        username:<input type="text" name="userName" >
        password:<input type="password" name="password" >
        <input type="submit" value="提交">
    </form>
        
    </body>
    </html>

# 第2关：登录验证 #

## 任务描述 ##

*  借助JDBC在库名university中完成对数据表student数据的查询，来验证前台传过来的用户名称字段userName和密码字段password是否匹配；127.0.0.1:3306是mysql服务器地址及端口  
    数据库编码格式设置为utf-8，MySQL的用户名为root，密码为123123，我们需要根据这些属性来连接数据库。

student表数据如图：

![在这里插入图片描述][20210612134526728.png]

javabean结构如图：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1ODIzMTE4_size_16_color_FFFFFF_t_70 2]

**相关知识（略）**

**编程要求**

*  根据提示，在右侧编辑器编写代码，在doGet方法中完成参数验证，并把用户信息封装到StudentBean类，存进session属性里（属性名设置为account）。
 *  如果验证通过，则跳转到success.jsp，如果失败则跳转到fail.jsp（两个JSP文件均已创建我们只需要跳转页面即可）。

success.jsp代码:  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1ODIzMTE4_size_16_color_FFFFFF_t_70 3]

fail.jsp代码：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1ODIzMTE4_size_16_color_FFFFFF_t_70 4]

测试说明  
测试输入：张五 123456；

预期输出：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1ODIzMTE4_size_16_color_FFFFFF_t_70 5]

测试输入：张三 123456；

预期输出：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1ODIzMTE4_size_16_color_FFFFFF_t_70 6]

开始你的任务吧，祝你成功！

### 代码 ###

package chapter9;
    
    import java.io.IOException;
    import java.sql.Connection;
    import java.sql.DriverManager;
    import java.sql.PreparedStatement;
    import java.sql.ResultSet;
    import java.sql.SQLException;
    
    import javax.servlet.ServletException;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    import javax.servlet.http.HttpSession;
    
    public class LoginServlet extends HttpServlet {
    
    	/**
    	 * 
    	 */
    	private static final long serialVersionUID = 1L;
    
    	@Override
    	protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
    		doGet(req, resp);
    	}
    
    	@Override
    	public void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
    		
    			  /********* Begin *********/
            Connection conn ;
            PreparedStatement st ;
            ResultSet rs=null;
            String userName = req.getParameter("userName");
            String password = req.getParameter("password");
            try{
                Class.forName("com.mysql.jdbc.Driver");
                String url="jdbc:mysql://127.0.0.1:3306/university?user=root&password=123123";
                conn=DriverManager.getConnection(url);
                String sql = "select * from student" + " where USER_NAME = ? and PASSWORD = ?";
    //预编译
                st= conn.prepareStatement(sql);
                st.setString(1,userName);
                st.setString(2,password);
                rs = st.executeQuery();
            }
            catch (Exception e){
                e.printStackTrace();
            }
            StudentBean studentbean=new StudentBean();
            studentbean.setUserName(userName);
            studentbean.setPassword(password);
            HttpSession session = req.getSession();
            try {
                if (rs.next()){
                    studentbean.setStudentId(rs.getInt(1));
                    studentbean.setSex(rs.getString(4));
                    studentbean.setAge(rs.getInt(5));
                    studentbean.setDept(rs.getString(6));
                    session.setAttribute("account",studentbean);
                    resp.sendRedirect("success.jsp");
                }else{
                    session.setAttribute("account",studentbean);
                    resp.sendRedirect("fail.jsp");
                }
            } catch (Exception e) {
                e.printStackTrace();
            }
    
            /********* End *********/
    		
    		
    	}
    }

> 【睡觉去了，不行了，熬不下去了~】  
> “人生总有那么一段大片大片空白的时光。你在等待，你在坚忍，你在静默。你在等一场春华秋实，你在等新一轮的春暖花开，你在等从未有过的雷霆万钧。这静默的日子有些长，有些闷，但是我也会等下去。我相信人的青春不只有一次，有时候，时光会给你额外的惊喜。”

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1ODIzMTE4_size_16_color_FFFFFF_t_70]: /images/20221005/bd4633f167f445c493b0ab67bf092996.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1ODIzMTE4_size_16_color_FFFFFF_t_70 1]: /images/20221005/e58fe9b8b17a4e0795b12a0f536d22db.png
[20210612134526728.png]: /images/20221005/c56067c4d01547b9aec6eebf81b7ad0a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1ODIzMTE4_size_16_color_FFFFFF_t_70 2]: /images/20221005/5f61fb40a5ed4cee98665751b0bf85b7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1ODIzMTE4_size_16_color_FFFFFF_t_70 3]: /images/20221005/21ca2039b3ee4c9494202fc454f1bd82.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1ODIzMTE4_size_16_color_FFFFFF_t_70 4]: /images/20221005/d7d536385c744170b063814c95b74fcf.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1ODIzMTE4_size_16_color_FFFFFF_t_70 5]: /images/20221005/84e4df868d444fc494bb08b3517a5d4e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1ODIzMTE4_size_16_color_FFFFFF_t_70 6]: /images/20221005/9407f0c1c2ed41218797e1aabeb9d9e9.png