初識Jsp，JavaBean,Servlet以及一個簡單mvc模式的登錄界面

1:JSP

JSP的基本語法：
指令標識page,include,taglib;
page指令標識常用的屬性包含Language用來定義要使用的腳本語言；contentType定義JSP字符的編碼和頁面響應的MIME類型；pageEncoding:jsp頁面的字符編碼；

include指令<%@ include file="path"%>
靜態包含，先包含，后編譯處理；

<jsp:include page="要包含的文件">  動態包含，先編譯處理，后包含；

腳本標識包含：jsp表達式，聲明標識，腳本程序
jsp表達式<%= %>在里面輸出一個變量或者一個具體的內容
聲明標識<%! %>在里面定義全局變量，方法，類
腳本程序<% %>在里面定義局部變量，編寫語句

jsp的注釋
<!--  -->html注釋，客戶端可見
<%-- --%>jsp注釋 客戶端不可見
//java單行注釋
/* */java多行注釋

動作標識：
<jsp:include page="要包含的文件">  動態包含，先編譯處理，后包含；

jsp跳轉指令
<jsp:forward>
    <jsp:param value="" name="">
</jsp:forward>
服務器內部跳轉，可帶參數。


jap的九大內置對象，pageContext,request,response,session,application,config,out,page,exception;前五個熟練掌握
jsp四種數據保存范圍
page:只在一個頁面中保存數據
request:只在一個請求中保存數據
session：在一次會話范圍內保存數據，僅供單個用戶使用
application：在整個服務器上保存數據，所有用戶共享

response對象
response內置對象用於響應客戶請求，向客戶端輸出信息
功能1自動刷新應用
功能2頁面重定向應用，客戶端跳轉
功能3操作cookie應用
功能4cookie信息是存在客戶端的，session信息是存在服務器的。

2: Javabean 組件引入
JavaBean 是使用 Java 語言開發的一個可重用的組件，在 JSP 開發中可以使用 JavaBean 減少重復代碼，使整個 JSP 代碼的開發更簡潔。

jsp:useBean 創建 javabean
<jsp:useBeanid="實例化對象名稱"scope="保存范圍"class="類完整名稱"/> Scope，一共有 page,request,session 和 application4 個屬性范圍，默認是 page；

jsp:setProperty 設置 javabean 屬性值
<jsp:setPropertyproperty="屬性名稱"name="實例化對象的名稱"value="屬性值"param="參數名稱"/> Property=”*” 自動匹配所有

jsp:getProperty 獲取 javabean 屬性值
<jsp:getPropertyproperty="屬性名稱"name="實例化對象的名稱"/>

javabean 的保存范圍
Javabean 的保存范圍有 page,request,session.application，默認是 page；

javabean 刪除
Page 范圍：pageContext.removeAttribute(“javaBeanName”);

request 范圍：request.removeAttribute(“javaBeanName”);

session 范圍：session.removeAttribute(“javaBeanName”);

application 范圍：application.removeAttribute(“javaBeanName”);


3:servlet 引入
1，在 Servlet 中獲取 session,application
2，客戶端跳轉 response.sendRedirect("目標地址");
3，服務器跳轉：RequestDispatcher  rd=request.getRequestDispatcher("目標地址"); rd.forward(request,response);

---

第一首先創建數據庫和數據表，我在這里使用了sqlyog圖形化界面創建數據庫和數據表。如下圖所示

 

需要注意的就是數據庫的名稱和數據表的名稱后面需要用，以及id設置為了自增。

第二開始開發，采用mvc的設計模式，分開進行設計；

首先package com.ningmeng.model;對User類進行封裝數據。為了后面方便使用；注意是在不同的包中的

package com.ningmeng.model;

public class User {

    private int id;
    private String username;
    private String password;
    
    
    public User() {
        super();
    }
    public User(String username, String password) {
        super();
        this.username = username;
        this.password = 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;
    }
    
    
}    

其次對連接數據庫進行封裝，方便后面調用連接數據庫，這里封裝好數據庫並進行測試是否連接成功；注意是在不同的包中的；

package com.ningmeng.util;

import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.SQLException;

public class DbUtil {
    
    private String url="jdbc:mysql://localhost:3306/db_jsp";
    private String user="root";
    private String password="123456";
    private String driver="com.mysql.jdbc.Driver";
    
    public Connection getCon() throws Exception{
        Class.forName(driver);
        Connection con=DriverManager.getConnection(url, user, password);
        return con;
    }
    
    public static void getClose(Connection con) throws SQLException{
        if(con!=null){
            con.close();
        }
    }
    
    /*public static void main(String[] args) {
        DbUtil db=new DbUtil();
        try {
            db.getCon();
            System.out.println("測試連接數據庫，連接成功");
        } catch (Exception e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
            System.out.println("測試連接數據庫，連接失敗");
        }
        
    }*/
}

對數據封裝好，對連接數據庫封裝好，接下來封裝對數據庫的操作；注意是在不同的包中的；

package com.ningmeng.dao;

import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;

import com.ningmeng.model.User;

public class UserDao {
    
    public User login(Connection con,User user) throws SQLException{
        User resultUser=null;
        String sql="select * from user where username=? and password=?";
        PreparedStatement ps=con.prepareStatement(sql);//
        ps.setString(1, user.getUsername());
        ps.setString(2, user.getPassword());
        ResultSet rs=ps.executeQuery();
        if(rs.next()){
            resultUser=new User();
            resultUser.setUsername(rs.getString("username"));
            resultUser.setPassword(rs.getString("password"));
        }
        return resultUser;
    }
}

封裝好上面的接下來就進行主要代碼的開發，使用Servlet對數據進行處理和操作；注意在不同的包中

package com.ningmeng.web;

import java.io.IOException;
import java.sql.Connection;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

import com.ningmeng.dao.UserDao;
import com.ningmeng.model.User;
import com.ningmeng.util.DbUtil;

public class LoginServlet extends HttpServlet{

    DbUtil db=new DbUtil();
    UserDao userDao=new UserDao();
    /**
     * 
     */
    private static final long serialVersionUID = 1L;

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

    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        String username=request.getParameter("username");
        String password=request.getParameter("password");
        Connection con=null;
        try {
            User user=new User(username,password);
            con=db.getCon();
            User currentUser=userDao.login(con, user);
            if(currentUser==null){
                //System.out.println("no");
                request.setAttribute("error", "用戶名或者密碼錯誤");
                request.setAttribute("username", username);
                request.setAttribute("password", password);
                request.getRequestDispatcher("login.jsp").forward(request, response);
            }else{
                //System.out.println("yes");
                HttpSession session=request.getSession();
                session.setAttribute("currentUser",currentUser);
                response.sendRedirect("main.jsp");
            }
        } catch (Exception e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
        
    }
    
    
}

設置好Servlet的類文件后需要配置xml，代碼如下。

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID" version="3.0">
  <display-name>web04</display-name>
  <welcome-file-list>
    <welcome-file>index.html</welcome-file>
    <welcome-file>index.htm</welcome-file>
    <welcome-file>index.jsp</welcome-file>
    <welcome-file>default.html</welcome-file>
    <welcome-file>default.htm</welcome-file>
    <welcome-file>default.jsp</welcome-file>
  </welcome-file-list>
  
  <servlet>
      <servlet-name>LoginServlet</servlet-name>
      <servlet-class>com.ningmeng.web.LoginServlet</servlet-class>
  </servlet>
  <servlet-mapping>
      <servlet-name>LoginServlet</servlet-name>
      <url-pattern>/login</url-pattern>
  </servlet-mapping>
</web-app>

最后進行主頁面的開發，創建jsp頁面。需要注意的是action的值是xml的<url-pattern>/login</url-pattern>中/login的值，這點需要注意；

<%@ 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="login" method="post">
    <table>
        <tr>
            <th colspan="2">登錄界面</th>
        </tr>
        <tr>
            <td>賬號</td>
            <td><input type="text" id="username" name="username" value="${username}"></td>
        </tr>
        <tr>
            <td>密碼：</td>
            <td><input type="text" id="password" name="password" value="${password}"></td>
        </tr>
        <tr>
            <td><input type="submit" value="提交"></td>
            <td><font color="red">${error}</font></td>
        </tr>
    </table>
</form>
</body>
</html>

最后一個為了優化，更好的可視化，一個登錄成功的驗證頁面，如下：

<%@ 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>
<p>登錄成功</p>
當前用戶：${currentUser.username}<br/>
當前密碼：${currentUser.password}<br/>
</body>
</html>

登陸頁面

登錄成功頁面：

登錄失敗頁面：

包的分類以及封裝設計；