1. 程式人生 > >JSP第四篇【EL表示式介紹、獲取各類資料、11個內建物件、執行運算、回顯資料、自定義函式、fn方法庫】

JSP第四篇【EL表示式介紹、獲取各類資料、11個內建物件、執行運算、回顯資料、自定義函式、fn方法庫】

什麼是EL表示式?

表示式語言(Expression Language,EL),EL表示式是用”${}”括起來的指令碼,用來更方便的讀取物件!

  • EL表示式主要用來讀取資料,進行內容的顯示!

為什麼要使用EL表示式?

  • 為什麼要使用EL表示式,我們先來看一下沒有EL表示式是怎麼樣讀取物件資料的吧

  • 在1.jsp中設定了Session屬性


    <%@ page language="java" contentType="text/html" pageEncoding="UTF-8"%>
    <html>
    <head>
        <title
>
向session設定一個屬性</title> </head> <body> <% //向session設定一個屬性 session.setAttribute("name", "aaa"); System.out.println("向session設定了一個屬性"); %> </body> </html>
  • 在2.jsp中獲取Session設定的屬性

    <%@ page contentType="text/html;charset=UTF-8"
language="java" %>
<html> <head> <title></title> </head> <body> <% String value = (String) session.getAttribute("name"); out.write(value); %> </body> </html>
  • 效果:

  • 上面看起來,也沒有多複雜呀,那我們試試EL表示式的!

  • 在2.jsp中讀取Session設定的屬性


    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title></title>
    </head>
    <body>

    ${name}

    </body>
    </html>

  • 只用了簡簡單單的幾個字母就能輸出Session設定的屬性了!並且輸出在瀏覽器上!

  • 使用EL表示式可以方便地讀取物件中的屬性、提交的引數、JavaBean、甚至集合

EL表示式的作用

  • 首先來看一下EL表示式的語法吧

    ${識別符號}
  • EL表示式如果找不到相應的物件屬性,返回的的空白字串“”,而不是null,這是EL表示式最大的特點!

獲取各類資料

獲取域物件的資料

  • 上面在例子中,我們已經體驗到了獲取Session域物件的資料是多麼地方便!其實EL表示式可以讓我們獲取各個域範圍的資料
  • 在1.jsp中設定ServeltContext屬性(也就是application)

    <%
        //向ServletContext設定一個屬性
        application.setAttribute("name", "aaa");
        System.out.println("向application設定了一個屬性");
    %>
  • 在2.jsp中獲取application的屬性


<%
        ${name}

%>

  • 和Session一樣,也能獲取得到!

  • 之前我們來講ServletContext物件的時候講過一個方法findAttribute(String name),EL表示式語句在執行的時候會呼叫該方法,用識別符號作為關鍵字分別從page、request、session、application四個域中查詢相應的物件。這也解釋了為什麼EL表示式可以僅僅通過識別符號就能夠獲取到存進域物件的資料!
  • findAttribute()的查詢順序:從小到大,也就是page->request->session->application

獲取JavaBean的屬性

  • 以前在JSP頁面獲取JavaBean的資料是這樣子的

    • 1.jsp頁面Session存進一個Person物件,設定age的屬性為22
    
        <jsp:useBean id="person" class="domain.Person" scope="session"/>
        <jsp:setProperty name="person" property="age" value="22"/>
    
    
    • 在2.jsp中取出Session的屬性
    
        <%
    
            Person person = (Person) session.getAttribute("person");
    
            System.out.println(person.getAge());
        %>
    
    • 效果如下

  • 現在我使用了EL表示式讀取資料又會非常方便了

    
        //等同於person.getAge()
        ${person.age}
    
    

    • 上面的程式碼等同於呼叫物件的getter方法,內部是通過反射機制完成的

獲取集合的資料

  • 集合操作在開發中被廣泛地採用,在EL表示式中也很好地支援了集合的操作!可以非常方便地讀取Collection和Map集合的內容

  • 為了更好地看出EL表示式的強大之處,我們也來對比一下使用EL表示式和不使用EL表示式的區別

  • 下面不使用EL表示式輸出集合的元素

    • 在1.jsp頁面中設定session的屬性,session屬性的值是List集合,List集合裝載的又是Person物件
    
        <%
            List<Person> list = new ArrayList();
    
            Person person1 = new Person();
            person1.setUsername("zhongfucheng");
    
            Person person2 = new Person();
            person2.setUsername("ouzicheng");
    
            list.add(person1);
            list.add(person2);
    
            session.setAttribute("list",list);
        %>
    
    • 在2.jsp中獲取到session的屬性,並輸出到頁面上
    
        <%
    
            List<Person> list = (List) session.getAttribute("list");
    
            out.write(list.get(0).getUsername()+"<br>");
    
            out.write(list.get(1).getUsername());
    
        %>
    
  • 使用EL表示式又是怎麼樣的效果呢?我們來看看

    
        <%--取出list集合的第1個元素(下標從0開始),獲取username屬性--%>
        ${list[0].username}
        <br>
        <%--取出list集合的第2個元素,獲取username屬性--%>
        ${list[1].username}
    
    
  • 同樣也可以有相同的效果:

  • 我們再來使用一下Map集合

  • 在1.jsp中session屬性儲存了Map集合,Map集合的關鍵字是字串,值是Person物件


    <%

        Map<String, Person> map = new HashMap<>();

        Person person1 = new Person();
        person1.setUsername("zhongfucheng1");

        Person person2 = new Person();
        person2.setUsername("ouzicheng1");

        map.put("aa",person1);
        map.put("bb",person2);

        session.setAttribute("map",map);
    %>
  • 看起來好像取出資料的時候是會有點複雜,但是有了EL表示式也是非常輕鬆的

    ${map.aa.username}
    <br>
    ${map.bb.username}

  • 效果:

  • 如果Map集合儲存的關鍵字是一個數字,就不能使用”.”號運算子了,如下所示

  • 對於這種情況,我們可以使用”[]”的形式讀取Map集合的資料

    ${map["1"].username}
    <br>
    ${map["2"].username}

  • EL表示式配合JSTL標籤可以很方便的迭代集合,後面講到JSTL標籤的時候會用到!這裡就不詳細說明了。

EL運算子

  • EL表示式支援簡單的運算子:加減乘除取摸,邏輯運算子empty運算子(判斷是否為null),三目運算子

  • empty運算子可以判斷物件是否為null,用作於流程控制!
  • 三目運算子簡化了if和else語句,簡化程式碼書寫

    <%
        List<Person> list = null;
    %>

    ${list==null?"list集合為空":"list集合不為空"}
  • 效果:

EL表示式11個內建物件

EL表示式主要是來對內容的顯示,為了顯示的方便,EL表示式提供了11個內建物件

  1. pageContext 對應於JSP頁面中的pageContext物件(注意:取的是pageContext物件)
  2. pageScope 代表page域中用於儲存屬性的Map物件
  3. requestScope 代表request域中用於儲存屬性的Map物件
  4. sessionScope 代表session域中用於儲存屬性的Map物件
  5. applicationScope 代表application域中用於儲存屬性的Map物件
  6. param 表示一個儲存了所有請求引數的Map物件
  7. paramValues表示一個儲存了所有請求引數的Map物件,它對於某個請求引數,返回的是一個string[]
  8. header 表示一個儲存了所有http請求頭欄位的Map物件
  9. headerValues同上,返回string[]陣列。
  10. cookie 表示一個儲存了所有cookie的Map物件
  11. initParam 表示一個儲存了所有web應用初始化引數的map物件

    • 下面測試各個內建物件

    <%--pageContext內建物件--%>
    <%
        pageContext.setAttribute("pageContext1", "pageContext");
    %>
    pageContext內建物件:${pageContext.getAttribute("pageContext1")}
    <br>

    <%--pageScope內建物件--%>
    <%
        pageContext.setAttribute("pageScope1","pageScope");
    %>
    pageScope內建物件:${pageScope.pageScope1}
    <br>

    <%--requestScope內建物件--%>
    <%
        request.setAttribute("request1","reqeust");
    %>
    requestScope內建物件:${requestScope.request1}
    <br>

    <%--sessionScope內建物件--%>
    <%
        session.setAttribute("session1", "session");
    %>
    sessionScope內建物件:${sessionScope.session1}
    <br>

    <%--applicationScope內建物件--%>
    <%
        application.setAttribute("application1","application");
    %>
    applicationScopt內建物件:${applicationScope.application1}
    <br>

    <%--header內建物件--%>
    header內建物件:${header.Host}
    <br>

    <%--headerValues內建物件,取出第一個Cookie--%>
    headerValues內建物件:${headerValues.Cookie[0]}
    <br>


    <%--Cookie內建物件--%>
    <%
        Cookie cookie = new Cookie("Cookie1", "cookie");
    %>
    Cookie內建物件:${cookie.JSESSIONID.value}
    <br>

    <%--initParam內建物件,需要為該Context配置引數才能看出效果【jsp配置的無效!親測】--%>

    initParam內建物件:${initParam.name}

    <br>

  • 效果圖:

注意事項:

  • 測試headerValues時,如果頭裡面有“-” ,例Accept-Encoding,則要headerValues[“Accept-Encoding”]
  • 測試cookie時,例${cookie.key}取的是cookie物件,如訪問cookie的名稱和值,須${cookie.key.name}${cookie.key.value}
  • 測試initParam時,初始化引數要的web.xml中的配置Context的,僅僅是jsp的引數是獲取不到的

  • 上面已經測過了9個內建物件了,至於param和parmaValues內建物件一般都是別的頁面帶資料過來的(表單、位址列)

  • 表單頁面


<form action="/zhongfucheng/1.jsp" method="post">
    使用者名稱:<input type="text" name="username"><br>
    年齡:<input type="text " name="age"><br>
    愛好:
    <input type="checkbox" name="hobbies" value="football">足球
    <input type="checkbox" name="hobbies" value="basketball">籃球
    <input type="checkbox" name="hobbies" value="table tennis">兵乓球<br>
    <input type="submit" value="提交"><br>
</form>
  • 處理表單頁面:


    ${param.username}
    <br>

    ${param.age}
    <br>

    //沒有學習jstl之前就一個一個寫吧。
    ${paramValues.hobbies[0]}
    <br>

    ${paramValues.hobbies[1]}
    <br>

    ${paramValues.hobbies[2]}
    <br>
  • 效果:

  • 當然了,使用位址列方式提交資料給處理頁面也是用param內建物件去獲取資料的

EL表示式回顯資料

EL表示式最大的特點就是:如果獲取到的資料為null,輸出空白字串”“!這個特點可以讓我們資料回顯

  • 在1.jsp中模擬場景

    <%--模擬資料回顯場景--%>
    <%
        User user = new User();
        user.setGender("male");

        //資料回顯
        request.setAttribute("user",user);
    %>


    <input type="radio" name="gender" value="male" ${user.gender=='male'?'checked':'' }>男
    <input type="radio" name="gender" value="female" ${user.gender=='female'?'checked':'' }>女

  • 效果:

EL自定義函式

EL自定義函式用於擴充套件EL表示式的功能,可以讓EL表示式完成普通Java程式程式碼所能完成的功能

  • 開發HTML轉義的EL函式
  • 我們有時候想在JSP頁面中輸出JSP程式碼,但是JSP引擎會自動把HTML程式碼解析,輸出給瀏覽器。此時我們就要對HTML程式碼轉義

步驟:

  • 編寫一個包含靜態方法的類EL表示式只能呼叫靜態方法),該方法很常用,Tomcat都有此方法,可在\webapps\examples\WEB-INF\classes\util中找到

    public static String filter(String message) {

        if (message == null)
            return (null);

        char content[] = new char[message.length()];
        message.getChars(0, message.length(), content, 0);
        StringBuilder result = new StringBuilder(content.length + 50);
        for (int i = 0; i < content.length; i++) {
            switch (content[i]) {
            case '<':
                result.append("&lt;");
                break;
            case '>':
                result.append("&gt;");
                break;
            case '&':
                result.append("&amp;");
                break;
            case '"':
                result.append("&quot;");
                break;
            default:
                result.append(content[i]);
            }
        }
        return (result.toString());

    }
  • 在WEB/INF下建立tld(taglib description)檔案,在tld檔案中描述自定義函式

    <?xml version="1.0" encoding="ISO-8859-1"?>

    <taglib xmlns="http://java.sun.com/xml/ns/javaee"
            xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
            xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-jsptaglibrary_2_1.xsd"
            version="2.1">

        <tlib-version>1.0</tlib-version>
        <short-name>myshortname</short-name>
        <uri>/zhongfucheng</uri>

        <!--函式的描述-->
        <function>

            <!--函式的名字-->
            <name>filter</name>

            <!--函式位置-->
            <function-class>utils.HTMLFilter</function-class>

            <!--函式的方法宣告-->
            <function-signature>java.lang.String filter(java.lang.String)</function-signature>
        </function>

    </taglib>

  • 在JSP頁面中匯入和使用自定義函式,EL自定義的函式一般字首為”fn”,uri是”/WEB-INF/tld檔名稱”

    <%@ page language="java" contentType="text/html" pageEncoding="UTF-8" %>
    <%@taglib prefix="fn" uri="/WEB-INF/zhongfucheng.tld" %>


    <html>
    <head>
        <title></title>
    </head>
    <body>

    //完成了HTML轉義的功能
    ${fn:filter("<a href='#'>點我</a>")}


    </body>
    </html>

  • 效果:

EL函式庫(fn方法庫)

  • 由於在JSP頁面中顯示資料時,經常需要對顯示的字串進行處理,SUN公司針對於一些常見處理定義了一套EL函式庫供開發者使用
  • 其實EL函式庫就是fn方法庫,是JSTL標籤庫中的一個庫,也有人稱之為fn標籤庫,但是該庫長得不像是標籤,所以稱之為fn方法庫
  • 既然作為JSTL標籤庫中的一個庫,要使用fn方法庫就需要匯入JSTL標籤要想使用JSTL標籤庫就要匯入jstl.jar和standard.jar包!

  • 所以,要對fn方法庫做測試,首先匯入開發包(jstl.jar、standard.jar)

  • 在JSP頁面中指明使用標籤庫

    <%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
  • fn方法庫全都是跟字串有關的(可以把它想成是String的方法)

    • fn:toLowerCase
    • fn:toUpperCase
    • fn:trim
    • fn:length
    • fn:split
    • fn:join 【接收字元陣列,拼接字串】
    • fn:indexOf
    • fn:contains
    • fn:startsWith
    • fn:replace
    • fn:substring
    • fn:substringAfter
    • fn:endsWith
    • fn:escapeXml【忽略XML標記字元】
    • fn:substringBefore
  • 測試程式碼:


    contains:${fn:contains("zhongfucheng",zhong )}<br>

    containsIgnoreCase:${fn:containsIgnoreCase("zhongfucheng",ZHONG )}<br>

    endsWith:${fn:endsWith("zhongfucheng","eng" )}<br>

    escapeXml:${fn:escapeXml("<zhongfucheng>你是誰呀</zhongfucheng>")}<br>

    indexOf:${fn:indexOf("zhongfucheng","g" )}<br>

    length:${fn:length("zhongfucheng")}<br>

    replace:${fn:replace("zhongfucheng","zhong" ,"ou" )}<br>

    split:${fn:split("zhong,fu,cheng","," )}<br>

    startsWith:${fn:startsWith("zhongfucheng","zho" )}<br>

    substring:${fn:substring("zhongfucheng","2" , fn:length("zhongfucheng"))}<br>

    substringAfter:${fn:substringAfter("zhongfucheng","zhong" )}<br>

    substringBefore:${fn:substringBefore("zhongfucheng","fu" )}<br>

    toLowerCase:${fn:toLowerCase("zhonGFUcheng")}<br>

    toUpperCase:${fn:toUpperCase("zhongFUcheng")}<br>

    trim:${fn:trim("              zhong    fucheng    ")}<br>

    <%--將分割成的字元陣列用"."拼接成一個字串--%>
    join:${fn:join(fn:split("zhong,fu,cheng","," ),"." )}<br>
  • 效果:

  • 使用fn方法庫資料回顯

    <%
        User user = new User();
        String likes[] = {"sing"};
        user.setLikes(likes);

        //資料回顯
        request.setAttribute("user",user);
    %>


    <%--java的字元陣列以","號分割開,首先拼接成一個字串,再判讀該字串有沒有包含關鍵字,如果有就checked--%>
    <input type="checkbox"${ fn:contains(fn:join(user.likes,","),"sing")?'checked':'' }>唱歌
    <input type="checkbox"${ fn:contains(fn:join(user.likes,","),"dance")?'checked':'' }>跳舞
  • 效果: