1. 程式人生 > >12-JSP&EL&JSTL

12-JSP&EL&JSTL

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的值<br>
       
       ${map.name } , ${map.age } , ${map.address }  , ${map["address.aa"] }

 

取值細節:


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

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


   <br>//先從page裡面找,沒有去request找,去session,去application <br>
   ${ name }

   <br>指定從session中取值<br>
   ${ sessionScope.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表示式。


    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>


常用標籤

<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("使用者名稱或者密碼錯誤!");
            }
        }

 



11. 在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>
    </table>

 

總結:

* JSP

      三大指令

       

    page
    include
    taglib

   

  三個動作標籤:<jsp:include>       <jsp:forward>         <jsp:param>
        
     
      九個內建物件

          四個作用域
              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>