什么是EL表達式?
表達式語言(Expression Language,EL),EL表達式是用"${}"括起來的腳本,用來更方便的讀取對象!
- EL表達式主要用來讀取數(shù)據(jù),進行內(nèi)容的顯示!
為什么要使用EL表達式?
為什么要使用EL表達式,我們先來看一下沒有EL表達式是怎么樣讀取對象數(shù)據(jù)的吧!
在1.jsp中設(shè)置了Session屬性
<%@ page language="java" contentType="text/html" pageEncoding="UTF-8"%>
<html>
<head>
<title>向session設(shè)置一個屬性</title>
</head>
<body>
<%
//向session設(shè)置一個屬性
session.setAttribute("name", "aaa");
System.out.println("向session設(shè)置了一個屬性");
%>
</body>
</html>
- 在2.jsp中獲取Session設(shè)置的屬性
<%@ 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>
- 效果:
[圖片上傳中...(image-4ef8d5-1517900786709-18)]
上面看起來,也沒有多復雜呀,那我們試試EL表達式的!
在2.jsp中讀取Session設(shè)置的屬性
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title></title>
</head>
<body>
${name}
</body>
</html>
- 只用了簡簡單單的幾個字母就能輸出Session設(shè)置的屬性了!并且輸出在瀏覽器上!
[圖片上傳中...(image-41d8f9-1517900786709-17)]
- 使用EL表達式可以方便地讀取對象中的屬性、提交的參數(shù)、JavaBean、甚至集合!
EL表達式的作用
- 首先來看一下EL表達式的語法吧:
${標識符}
- EL表達式如果找不到相應(yīng)的對象屬性,返回的的空白字符串“”,而不是null,這是EL表達式最大的特點!
獲取各類數(shù)據(jù)
獲取域?qū)ο蟮臄?shù)據(jù)
- 上面在例子中,我們已經(jīng)體驗到了獲取Session域?qū)ο蟮臄?shù)據(jù)是多么地方便!其實EL表達式可以讓我們獲取各個域范圍的數(shù)據(jù)
- 在1.jsp中設(shè)置ServeltContext屬性(也就是application)
<%
//向ServletContext設(shè)置一個屬性
application.setAttribute("name", "aaa");
System.out.println("向application設(shè)置了一個屬性");
%>
- 在2.jsp中獲取application的屬性
<%
${name}
%>
- 和Session一樣,也能獲取得到!
- 之前我們來講ServletContext對象的時候講過一個方法findAttribute(String name),EL表達式語句在執(zhí)行的時候會調(diào)用該方法,用標識符作為關(guān)鍵字分別從page、request、session、application四個域中查找相應(yīng)的對象。這也解釋了為什么EL表達式可以僅僅通過標識符就能夠獲取到存進域?qū)ο蟮臄?shù)據(jù)!
- findAttribute()的查找順序:從小到大,也就是page->request->session->application
獲取JavaBean的屬性
- 以前在JSP頁面獲取JavaBean的數(shù)據(jù)是這樣子的:
- 1.jsp頁面Session存進一個Person對象,設(shè)置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());
%>
- 效果如下
[圖片上傳中...(image-b6601c-1517900786709-15)]
- 現(xiàn)在我使用了EL表達式讀取數(shù)據(jù)又會非常方便了
//等同于person.getAge()
${person.age}
[圖片上傳中...(image-804e35-1517900786709-14)]
- 上面的代碼 等同于調(diào)用對象的getter方法,內(nèi)部是通過反射機制完成的!
獲取集合的數(shù)據(jù)
集合操作在開發(fā)中被廣泛地采用,在EL表達式中也很好地支持了集合的操作!可以非常方便地讀取Collection和Map集合的內(nèi)容
為了更好地看出EL表達式的強大之處,我們也來對比一下使用EL表達式和不使用EL表達式的區(qū)別
下面不使用EL表達式輸出集合的元素
在1.jsp頁面中設(shè)置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}
- 同樣也可以有相同的效果:
[圖片上傳中...(image-58dbaa-1517900786709-13)]
我們再來使用一下Map集合
在1.jsp中session屬性存儲了Map集合,Map集合的關(guān)鍵字是字符串,值是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);
%>
- 看起來好像取出數(shù)據(jù)的時候是會有點復雜,但是有了EL表達式也是非常輕松的!
${map.aa.username}
<br>
${map.bb.username}
- 效果:
[圖片上傳中...(image-2efbcf-1517900786708-12)]
- 如果Map集合存儲的關(guān)鍵字是一個數(shù)字,就不能使用"."號運算符了,如下所示
[圖片上傳中...(image-edf2c3-1517900786708-11)]
- 對于這種情況,我們可以使用"[]"的形式讀取Map集合的數(shù)據(jù)
${map["1"].username}
<br>
${map["2"].username}
- EL表達式配合JSTL標簽可以很方便的迭代集合,后面講到JSTL標簽的時候會用到!這里就不詳細說明了。
EL運算符
- EL表達式支持簡單的運算符:加減乘除取摸,邏輯運算符。empty運算符(判斷是否為null),三目運算符
[圖片上傳中...(image-9d495e-1517900786708-10)]
[圖片上傳中...(image-67bea1-1517900786708-9)]
- empty運算符可以判斷對象是否為null,用作于流程控制!
- 三目運算符簡化了if和else語句,簡化代碼書寫
<%
List<Person> list = null;
%>
${list==null?"list集合為空":"list集合不為空"}
- 效果:
[圖片上傳中...(image-90dc3c-1517900786708-8)]
EL表達式11個內(nèi)置對象
EL表達式主要是來對內(nèi)容的顯示,為了顯示的方便,EL表達式提供了11個內(nèi)置對象。
- pageContext 對應(yīng)于JSP頁面中的pageContext對象(注意:取的是pageContext對象)
- pageScope 代表page域中用于保存屬性的Map對象
- requestScope 代表request域中用于保存屬性的Map對象
- sessionScope 代表session域中用于保存屬性的Map對象
- applicationScope 代表application域中用于保存屬性的Map對象
- param 表示一個保存了所有請求參數(shù)的Map對象
- paramValues表示一個保存了所有請求參數(shù)的Map對象,它對于某個請求參數(shù),返回的是一個string[]
- header 表示一個保存了所有http請求頭字段的Map對象
- headerValues同上,返回string[]數(shù)組。
- cookie 表示一個保存了所有cookie的Map對象
- initParam 表示一個保存了所有web應(yīng)用初始化參數(shù)的map對象
- 下面測試各個內(nèi)置對象
<%--pageContext內(nèi)置對象--%>
<%
pageContext.setAttribute("pageContext1", "pageContext");
%>
pageContext內(nèi)置對象:${pageContext.getAttribute("pageContext1")}
<br>
<%--pageScope內(nèi)置對象--%>
<%
pageContext.setAttribute("pageScope1","pageScope");
%>
pageScope內(nèi)置對象:${pageScope.pageScope1}
<br>
<%--requestScope內(nèi)置對象--%>
<%
request.setAttribute("request1","reqeust");
%>
requestScope內(nèi)置對象:${requestScope.request1}
<br>
<%--sessionScope內(nèi)置對象--%>
<%
session.setAttribute("session1", "session");
%>
sessionScope內(nèi)置對象:${sessionScope.session1}
<br>
<%--applicationScope內(nèi)置對象--%>
<%
application.setAttribute("application1","application");
%>
applicationScopt內(nèi)置對象:${applicationScope.application1}
<br>
<%--header內(nèi)置對象--%>
header內(nèi)置對象:${header.Host}
<br>
<%--headerValues內(nèi)置對象,取出第一個Cookie--%>
headerValues內(nèi)置對象:${headerValues.Cookie[0]}
<br>
<%--Cookie內(nèi)置對象--%>
<%
Cookie cookie = new Cookie("Cookie1", "cookie");
%>
Cookie內(nèi)置對象:${cookie.JSESSIONID.value}
<br>
<%--initParam內(nèi)置對象,需要為該Context配置參數(shù)才能看出效果【jsp配置的無效!親測】--%>
initParam內(nèi)置對象:${initParam.name}
<br>
- 效果圖:
[圖片上傳中...(image-3660f5-1517900786708-7)]
注意事項:
測試headerValues時,如果頭里面有“-” ,例Accept-Encoding,則要headerValues[“Accept-Encoding”]
測試cookie時,例
${cookie.key}
取的是cookie對象,如訪問cookie的名稱和值,須${cookie.key.name}
或${cookie.key.value}
測試initParam時,初始化參數(shù)要的web.xml中的配置Context的,僅僅是jsp的參數(shù)是獲取不到的
上面已經(jīng)測過了9個內(nèi)置對象了,至于param和parmaValues內(nèi)置對象一般都是別的頁面帶數(shù)據(jù)過來的(表單、地址欄)!
表單頁面
<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>
- 效果:
[圖片上傳中...(image-39ecc8-1517900786708-6)]
- 當然了,使用地址欄方式提交數(shù)據(jù)給處理頁面也是用param內(nèi)置對象去獲取數(shù)據(jù)的!
[圖片上傳中...(image-28add2-1517900786708-5)]
EL表達式回顯數(shù)據(jù)
EL表達式最大的特點就是:如果獲取到的數(shù)據(jù)為null,輸出空白字符串""!這個特點可以讓我們數(shù)據(jù)回顯
- 在1.jsp中模擬場景
<%--模擬數(shù)據(jù)回顯場景--%>
<%
User user = new User();
user.setGender("male");
//數(shù)據(jù)回顯
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':'' }>女
- 效果:
[圖片上傳中...(image-f49490-1517900786708-4)]
EL自定義函數(shù)
EL自定義函數(shù)用于擴展EL表達式的功能,可以讓EL表達式完成普通Java程序代碼所能完成的功能
- 開發(fā)HTML轉(zhuǎn)義的EL函數(shù)
- 我們有時候想在JSP頁面中輸出JSP代碼,但是JSP引擎會自動把HTML代碼解析,輸出給瀏覽器。此時我們就要對HTML代碼轉(zhuǎn)義。
步驟:
- 編寫一個包含靜態(tài)方法的類(EL表達式只能調(diào)用靜態(tài)方法),該方法很常用,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("<");
break;
case '>':
result.append(">");
break;
case '&':
result.append("&");
break;
case '"':
result.append(""");
break;
default:
result.append(content[i]);
}
}
return (result.toString());
}
- 在WEB/INF下創(chuàng)建tld(taglib description)文件,在tld文件中描述自定義函數(shù)
<?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>
<!--函數(shù)的描述-->
<function>
<!--函數(shù)的名字-->
<name>filter</name>
<!--函數(shù)位置-->
<function-class>utils.HTMLFilter</function-class>
<!--函數(shù)的方法聲明-->
<function-signature>java.lang.String filter(java.lang.String)</function-signature>
</function>
</taglib>
- 在JSP頁面中導入和使用自定義函數(shù),EL自定義的函數(shù)一般前綴為"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轉(zhuǎn)義的功能
${fn:filter("<a href='#'>點我</a>")}
</body>
</html>
- 效果:
[圖片上傳中...(image-1fc61b-1517900786708-3)]
EL函數(shù)庫(fn方法庫)
由于在JSP頁面中顯示數(shù)據(jù)時,經(jīng)常需要對顯示的字符串進行處理,SUN公司針對于一些常見處理定義了一套EL函數(shù)庫供開發(fā)者使用。
其實EL函數(shù)庫就是fn方法庫,是JSTL標簽庫中的一個庫,也有人稱之為fn標簽庫,但是該庫長得不像是標簽,所以稱之為fn方法庫
既然作為JSTL標簽庫中的一個庫,要使用fn方法庫就需要導入JSTL標簽!要想使用JSTL標簽庫就要導入jstl.jar和standard.jar包!
所以,要對fn方法庫做測試,首先導入開發(fā)包(jstl.jar、standard.jar)
[圖片上傳中...(image-f34141-1517900786708-2)]
- 在JSP頁面中指明使用標簽庫
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
fn方法庫全都是跟字符串有關(guān)的(可以把它想成是String的方法)
fn:toLowerCase
fn:toUpperCase
fn:trim
fn:length
fn:split
fn:join 【接收字符數(shù)組,拼接字符串】
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>
<%--將分割成的字符數(shù)組用"."拼接成一個字符串--%>
join:${fn:join(fn:split("zhong,fu,cheng","," ),"." )}<br>
- 效果:
[圖片上傳中...(image-1d87de-1517900786708-1)]
- 使用fn方法庫數(shù)據(jù)回顯
<%
User user = new User();
String likes[] = {"sing"};
user.setLikes(likes);
//數(shù)據(jù)回顯
request.setAttribute("user",user);
%>
<%--java的字符數(shù)組以","號分割開,首先拼接成一個字符串,再判讀該字符串有沒有包含關(guān)鍵字,如果有就checked--%>
<input type="checkbox"${ fn:contains(fn:join(user.likes,","),"sing")?'checked':'' }>唱歌
<input type="checkbox"${ fn:contains(fn:join(user.likes,","),"dance")?'checked':'' }>跳舞
- 效果:
[圖片上傳中...(image-29b0e9-1517900786708-0)]
如果文章有錯的地方歡迎指正,大家互相交流。習慣在微信看技術(shù)文章的同學,可以關(guān)注微信公眾號:Java3y