JSP & EL & JSTL

jsp

Java Server Page

• 什麼是jsp

從使用者角度看待 ，就是是一個網頁 ， 從程式設計師角度看待 ， 其實是一個java類， 它繼承了servlet，所以可以直接說jsp 就是一個Servlet.

• 為什麼會有jsp?

html 多數情況下用來顯示靜態內容 ， 一成不變的。 但是有時候我們需要在網頁上顯示一些動態資料， 比如： 查詢所有的學生資訊， 根據姓名去查詢具體某個學生。 這些動作都需要去查詢資料庫，然後在網頁上顯示。 html是不支援寫java程式碼 ， jsp裡面可以寫java程式碼。

怎麼用JSP

指令寫法

<%@ 指令名字 %>

page指令

• language

表明jsp頁面中可以寫java程式碼

• contentType

其實即使說這個檔案是什麼型別，告訴瀏覽器我是什麼內容型別，以及使用什麼編碼

	contentType="text/html; charset=UTF-8"

	text/html  MIMEType 這是一個文字，html網頁

• pageEncoding jsp內容編碼

• extends 用於指定jsp翻譯成java檔案後，繼承的父類是誰，一般不用改。

• import 導包使用的，一般不用手寫。

• session

值可選的有true or false .

用於控制在這個jsp頁面裡面，能夠直接使用session物件。

具體的區別是，請看翻譯後的java檔案 如果該值是true , 那麼在程式碼裡面會有getSession（）的呼叫，如果是false : 那麼就不會有該方法呼叫，也就是沒有session物件了。在頁面上自然也就不能使用session了。

• errorPage

指的是錯誤的頁面， 值需要給錯誤的頁面路徑

• isErrorPage

上面的errorPage 用於指定錯誤的時候跑到哪一個頁面去。 那麼這個isErroPage , 就是宣告某一個頁面到底是不是錯誤的頁面。

include

包含另外一個jsp的內容進來。

	<%@ include file="other02.jsp"%>

• 背後細節:

把另外一個頁面的所有內容拿過來一起輸出。 所有的標籤元素都包含進來。

taglib

<%@ taglib prefix=""  uri=""%>  

uri: 標籤庫路徑
prefix : 標籤庫的別名  

JSP 動作標籤

<jsp:include page=""></jsp:include>
<jsp:param value="" name=""/>
<jsp:forward page=""></jsp:forward>

• jsp:include

  <jsp:include page=“other02.jsp”></jsp:include>

包含指定的頁面， 這裡是動態包含。 也就是不把包含的頁面所有元素標籤全部拿過來輸出，而是把它的執行結果拿過來。

• jsp:forward

  <jsp:forward page=""></jsp:forward>

前往哪一個頁面。

<% 
	//請求轉發
	request.getRequestDispatcher("other02.jsp").forward(request, response);
%>	

• jsp:param

意思是： 在包含某個頁面的時候，或者在跳轉某個頁面的時候，加入這個引數。

​ <jsp:forward page=“other02.jsp”> <jsp:param value=“beijing” name=“address”/> </jsp:forward>

在other02.jsp中獲取引數


<br>收到的引數是：<br>

<%= request.getParameter("address")%>

JSP內建物件

所謂內建物件，就是我們可以直接在jsp頁面中使用這些物件。 不用建立。

• pageContext
• request
• session
• application

以上4個是作用域物件 ,

• 作用域

表示這些物件可以存值，他們的取值範圍有限定。 setAttribute 和 getAttribute

	使用作用域來儲存資料<br>

	<%
		pageContext.setAttribute("name", "page");
		request.setAttribute("name", "request");
		session.setAttribute("name", "session");
		application.setAttribute("name", "application");
	%>
	
	取出四個作用域中的值<br>
	
	<%=pageContext.getAttribute("name")%>
	<%=request.getAttribute("name")%>
	<%=session.getAttribute("name")%>
	<%=application.getAttribute("name")%>

作用域範圍大小：

pageContext -- request --- session -- application 

四個作用域的區別

• pageContext 【PageContext】

作用域僅限於當前的頁面。

還可以獲取到其他八個內建物件。

• request 【HttpServletRequest】

作用域僅限於一次請求， 只要伺服器對該請求做出了響應。 這個域中存的值就沒有了。

• session 【HttpSession】

作用域限於一次會話（多次請求與響應） 當中。

• application 【ServletContext】

整個工程都可以訪問， 伺服器關閉後就不能訪問了。

• out 【JspWriter】
  • response 【HttpServletResponse】

• exception 【Throwable】
  • page 【Object】 —就是這個jsp翻譯成的java類的例項物件
    • config 【ServletConfig】

EL表示式

是為了簡化咱們的jsp程式碼，具體一點就是為了簡化在jsp裡面寫的那些java程式碼。

• 寫法格式

${表示式 }

如果從作用域中取值，會先從小的作用域開始取，如果沒有，就往下一個作用域取。 一直把四個作用域取完都沒有， 就沒有顯示。

如何使用

1. 取出4個作用域中存放的值。

	<%
		pageContext.setAttribute("name", "page");
		request.setAttribute("name", "request");
		session.setAttribute("name", "session");
		application.setAttribute("name", "application");
	%>
	
	按普通手段取值<br>
	
	<%= pageContext.getAttribute("name")%>
	<%= request.getAttribute("name")%>
	<%= session.getAttribute("name")%>
	<%= application.getAttribute("name")%>
	
	<br>使用EL表示式取出作用域中的值<br>
	
	${ pageScope.name }
	${ requestScope.name }
	${ sessionScope.name }
	${ applicationScope.name }

2. 如果域中所存的是陣列

    <%
    	String [] a = {"aa","bb","cc","dd"};
    	pageContext.setAttribute("array", a);
    %>
    
    使用EL表示式取出作用域中陣列的值<br>
    
    ${array[0] } , ${array[1] },${array[2] },${array[3] }
   

3. 如果域中鎖存的是集合

    使用EL表示式取出作用域中集合的值<br>
   
    ${li[0] } , ${li[1] },${li[2] },${li[3] }
   
    <br>-------------Map資料----------------<br>
    <%
    	Map map = new HashMap();
    	map.put("name", "zhangsna");
    	map.put("age",18);
    	map.put("address","北京..");
    	
    	map.put("address.aa","深圳..");
   
   
    	pageContext.setAttribute("map", map);
    %>
   

4. 取出Map集合的值

   <% Map map = new HashMap(); map.put(“name”, “zhangsna”); map.put(“age”,18); map.put(“address”,“北京…”);

    map.put("address.aa","深圳..");
   
   
    pageContext.setAttribute("map", map);
   

   %> 使用EL表示式取出作用域中Map的值

   ${map.name } , ${map.age } , ${map.address } , ${map[“address.aa”] }

取值細節：

1. 從域中取值。 得先存值。 <%

   //pageContext.setAttribute(“name”, “zhangsan”); session.setAttribute(“name”, “lisi…”); %>

   直接指定說了，到這個作用域裡面去找這個name ${ pageScope.name }

   //先從page裡面找，沒有去request找，去session，去application ${ name }

2. 取值方式

如果這份值是有下標的，那麼直接使用[]

<%
	String [] array = {"aa","bb","cc"}
	session.setAttribute("array",array);
%>


${ array[1] } --> 這裡array說的是attribute的name 

如果沒有下標， 直接使用 .的方式去取

<%
	User user = new User("zhangsan",18);
	
	session.setAttribute("u", user);
%>

${ u.name }  , ${ u.age } 

一般使用EL表示式，用的比較多的，都是從一個物件中取出它的屬性值，比如取出某一個學生的姓名。

EL表示式 的11個內建物件。

${ 物件名.成員 }

• pageContext

作用域相關物件

• pageScope
• requestScope
• sessionScope
• applicationScope

頭資訊相關物件

• header
• headerValues

引數資訊相關物件

• param

• paramValues

• cookie 全域性初始化引數

• initParam

JSTL

全稱 ： JSP Standard Tag Library jsp標準標籤庫

簡化jsp的程式碼編寫。 替換 <%%> 寫法。 一般與EL表示式配合

怎麼使用

1. 匯入jar檔案到工程的WebContent/Web-Inf/lib jstl.jar standard.jar

2. 在jsp頁面上，使用taglib 指令，來引入標籤庫

3. 注意： 如果想支援 EL表示式，那麼引入的標籤庫必須選擇1.1的版本，1.0的版本不支援EL表示式。

常用標籤

<c:set></c:set> <c:if test=""></c:if> <c:forEach></c:forEach>

• c:set

    <!-- 宣告一個物件name， 物件的值 zhangsan , 儲存到了page（預設） ， 指定是session -->
    <c:set var="name" value="zhangsan" scope="session"></c:set>
    
    ${sessionScope.name }
  

• c:if

判斷test裡面的表示式是否滿足，如果滿足，就執行c:if標籤中的輸出 ， c:if 是沒有else的。

	<c:set var="age" value="18" ></c:set>
	<c:if test="${ age > 26 }">
		年齡大於了26歲...
	</c:if>
	
	<c:if test="${ age <= 26 }">
		年齡小於了26歲...
	</c:if>


	------------------------------

	定義一個變數名 flag  去接收前面表示式的值，然後存在session域中

	<c:if test="${ age > 26 }" var="flag" scope="session">
		年齡大於了26歲...
	</c:if>

• c:forEach

    從1 開始遍歷到10 ，得到的結果 ，賦值給 i ,並且會儲存到page域中， step , 增幅為2， 
    <c:forEach begin="1" end="10" var="i" step="2">
    	${i }
    </c:forEach>
  
  
    -----------------------------------------------
  
    <!-- items : 表示遍歷哪一個物件，注意，這裡必須寫EL表示式。 
    var: 遍歷出來的每一個元素用user 去接收。 -->
    <c:forEach var="user" items="${list }">
    	${user.name } ----${user.age }
    </c:forEach>
  

學生資訊管理系統

• 需求分析

1. 先寫 login.jsp , 並且搭配一個LoginServlet 去獲取登入資訊。

2. 建立使用者表， 裡面只要有id , username 和 password

3. 建立UserDao, 定義登入的方法

   /**

   • 該dao定義了對使用者表的訪問規則 */ public interface UserDao {

     /**

     • 這裡簡單就返回一個Boolean型別， 成功或者失敗即可。
       • ​
       • 但是開發的時候，登入的方法，一旦成功。這裡應該返回該使用者的個人資訊
       • @param userName
       • @param password
       • ​
       • @return true : 登入成功， false : 登入失敗。 */ boolean login(String userName , String password); }

4. 建立UserDaoImpl , 實現剛才定義的登入方法。

    public class UserDaoImpl implements UserDao {
   
    	@Override
    	public boolean login(String userName , String password) {
    		
    		Connection conn = null;
    		PreparedStatement ps = null;
    		ResultSet rs   = null;
    		try {
    			//1. 得到連線物件
    			conn = JDBCUtil.getConn();
    			
    			String sql = "select * from t_user where username=? and password=?";
    			
    			//2. 建立ps物件
    			ps = conn.prepareStatement(sql);
    			ps.setString(1, userName);
    			ps.setString(2, password);
   
   
    			//3. 開始執行。
    			rs = ps.executeQuery();
    			
    			//如果能夠成功移到下一條記錄，那麼表明有這個使用者。 
    			return rs.next();
    			
    		} catch (SQLException e) {
    			e.printStackTrace();
    		}finally {
    			JDBCUtil.release(conn, ps, rs);
    		}
    		return false;
    	}
    
    }
   

5. 在LoginServlet裡面訪問UserDao， 判斷登入結果。 以區分對待

6. 建立stu_list.jsp , 讓登入成功的時候跳轉過去。

7. 建立學生表 ， 裡面欄位隨意。

8. 定義學生的Dao . StuDao

    public interface StuDao {
   
    	/**
    	 * 查詢出來所有的學生資訊
    	 * @return List集合
    	 */
    	List<Student> findAll();
    }
   

9. 對上面定義的StuDao 做出實現 StuDaoImpl

   public class StuDaoImpl implements StuDao {

    @Override
    public List<Student> findAll() {
    	List<Student> list = new ArrayList<Student>();
    	Connection conn = null;
    	PreparedStatement ps = null;
    	ResultSet rs   = null;
    	try {
    		//1. 得到連線物件
    		conn = JDBCUtil.getConn();
    		
    		String sql = "select * from t_stu";
    		
    		ps = conn.prepareStatement(sql);
    		
    		rs = ps.executeQuery();
   

   ​ //資料多了，用物件裝， 物件也多了呢？ 用集合裝。 while(rs.next()){ //10 次 ，10個學生

    			Student stu = new Student();
    			
    			stu.setId(rs.getInt("id"));
    			stu.setAge(rs.getInt("age"));
    			stu.setName(rs.getString("name"));
    			stu.setGender(rs.getString("gender"));
    			stu.setAddress(rs.getString("address"));
    			
    			list.add(stu);
    			
    		}
    	} catch (SQLException e) {
    		e.printStackTrace();
    	}finally {
    		JDBCUtil.release(conn, ps, rs);
    	}
    	
    	return list;
    }
   

   }

10. 在登入成功的時候，完成三件事情。

11. 查詢所有的學生

    2. 把這個所有的學生集合儲存到作用域中。

    3. 跳轉到stu_list.jsp

        protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
       
        //提交的資料有可能有中文， 怎麼處理。
        request.setCharacterEncoding("UTF-8");
        response.setContentType("text/html;charset=utf-8");
        
        //1. 獲取客戶端提交的資訊
        String userName = request.getParameter("username");
        String password = request.getParameter("password");
        
        //2. 去訪問dao ， 看看是否滿足登入。
        UserDao dao = new UserDaoImpl();
        boolean isSuccess = dao.login(userName, password);
        
        //3. 針對dao的返回結果，做出響應
        if(isSuccess){
        	//response.getWriter().write("登入成功.");
        	
        	//1. 查詢出來所有的學生資訊。
        	StuDao stuDao = new StuDaoImpl();
        	List<Student> list = stuDao.findAll();
        	
        	//2. 先把這個集合存到作用域中。
        	request.getSession().setAttribute("list", list);
        	
        	//2. 重定向
        	response.sendRedirect("stu_list.jsp");
        	
        }else{
        	response.getWriter().write("使用者名稱或者密碼錯誤！");
        }
       

       }

12. 在stu_list.jsp中，取出域中的集合，然後使用c標籤 去遍歷集合。

    <table border="1" width="700">
    <tr align="center">
    	<td>編號</td>
    	<td>姓名</td>
    	<td>年齡</td>
    	<td>性別</td>
    	<td>住址</td>
    	<td>操作</td>
    </tr>
    
    <c:forEach items="${list }" var="stu">
    	<tr align="center">
    		<td>${stu.id }</td>
    		<td>${stu.name }</td>
    		<td>${stu.age }</td>
    		<td>${stu.gender }</td>
    		<td>${stu.address }</td>
    		<td><a href="#">更新</a>   <a href="#">刪除</a></td>
    	</tr>
    </c:forEach>
    

##總結：

• JSP

  三大指令

    page
    include
    taglib
  

  九個內建物件

    四個作用域
    	pageContext
    	request
    	session
    	application
  
    out
    exception
    response
    page
    config
  

​

• EL

  ${ 表示式 }

  取4個作用域中的值

  ${ name }

  有11個內建物件。

  pageContext

  pageScope requestScope sessionScope applicationScope

  header headerValues

  param paramValues

  cookie initParam

• JSTL

使用1.1的版本， 支援EL表示式， 1.0不支援EL表示式

拷貝jar包， 通過taglib 去引入標籤庫

<c:set>
<c:if>
<c:forEach>

喜歡的朋友可以關注博主以及點贊評論喔，未來將會持續更新javaweb相關的內容。

您的支援是我更新最大的動力~

​