IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> 表达式&JSTL标签库 -> 正文阅读

[JavaScript知识库]表达式&JSTL标签库

1.EL表达式(Expression Language)

a.什么是 EL 表达式,EL 表达式的作用?

EL表达式主要是代替jsp页面中的表达式脚本在jsp页面中进行数据的输出(EL表达式在输出数据的时候比jsp的脚本表达式简洁很多)

EL表达式的格式是:${表达式}

EL表达式在输出null值的时候,输出的是空串.jsp表达式脚本输出null的时候,输出的是null字符串

<body> 
<% 
request.setAttribute("key","值"); 
%>
表达式脚本输出 key 的值是: 
<%=request.getAttribute("key1")==null?"":request.getAttribute("key1")%><br/> 
EL 表达式输出 key 的值是:${key1} 
</body> 

b.EL 表达式搜索域数据的顺序

输出域对象的数据:?? 当四个域都有相同的key值的时候,EL表达式会按照四个域的从小到大的顺序去进行搜索,找到就输出

<body> 
<% 
//往四个域中都保存了相同的 key 的数据。 
//当前页面
pageContext.setAttribute("key", "pageContext"); 
//一次请求
request.setAttribute("key", "request");
//一次会谈
session.setAttribute("key", "session"); 
//整个工程
application.setAttribute("key", "application"); 

%>
${ key } 
</body> 

c.EL表达式输出Bean的普通属性,数组属性,List集合属性,map集合属性

public class Person { 
// 
i.需求——输出 Person 类中普通属性,数组属性。list 集合属性和 map 集合属性。 
private String name; 
private String[] phones; 
private List<String> cities; 
private Map<String,Object> map; 
public int getAge() { 
return 18; 
} 
<body> 
<% 
Person person = new Person(); 
person.setName("好帅!"); 
person.setPhones(new String[]{"18610541354","18688886666","18699998888"}); 
List<String> cities = new ArrayList<String>(); 
cities.add("北京"); 
cities.add("上海"); 
cities.add("深圳"); 
person.setCities(cities); 
Map<String,Object>map = new HashMap<>(); 
map.put("key1","value1"); 
map.put("key2","value2"); 
map.put("key3","value3"); 
person.setMap(map);
pageContext.setAttribute("p", person); 
%>
输出 Person:${ p }<br/> 
输出 Person 的 name 属性:${p.name} <br> 
输出 Person 的 phones 数组属性值:${p.phones[2]} <br> 
输出 Person 的 cities 集合中的元素值:${p.cities} <br> 
输出 Person 的 List 集合中个别元素值:${p.cities[2]} <br> 
输出 Person 的 Map 集合: ${p.map} <br> 
输出 Person 的 Map 集合中某个 key 的值: ${p.map.key3} <br> 
输出 Person 的 age 属性:${p.age} <br> 
</body> 

d.EL表达式-----运算

(1)关系运算

关系运算符

说明

范例

结果

== eq

等于

${ 5 == 5 } ${ 5 eq 5 }

true

!= ne

不等于

${ 5 !=5 } ${ 5 ne 5 }

false

< lt

小于

${ 3 < 5 } ${ 3 lt 5 }

true

> gt

大于

${ 2 > 10 } ${ 2 gt 10 }

false

<= le

小于等于

${ 5 <= 12 } ${ 5 le 12 }

true

>= ge

大于等于

${ 3 >= 5 } ${ 3 ge 5 }

false

(2)逻辑运算

(3) 算术运算

?[1]empty运算

empty运算可以判断一个数据是否为空;?? 空:true???? 不为空输出false

以下几种情况为空:

(1)值为null值的时候,为空

(2)值为空串的时候,为空

(3)值为Object类型数组,长度为零的时候

(4)list集合,元素个数为零

(5)map集合,元素个数为零

[2]三元运算

表达式1?表达式2:表达式3

如果表达式1的值为真,返回表达式2的值,如果表达式1的值为假,返回表达式3的值

${12!=12 ? "123" : "123"}

[3]???? 点运算和[ ]中括号运算符

. 点运算,??? 可以输出Bean对象中 某个属性的值

[ ]中括号运算,可以输出有序集合中某个元素的值;并且还可以输出map集合中key里含有特殊字符的key值

<body> 
<% 
Map<String,Object> map = new HashMap<String, Object>(); 
map.put("a.a.a", "aaaValue"); 
map.put("b+b+b", "bbbValue"); 
map.put("c-c-c", "cccValue"); 
request.setAttribute("map", map); 
%> 
${ map['a.a.a'] } <br> 
${ map["b+b+b"] } <br> 
${ map['c-c-c'] } <br> 
</body> 

(e)EL表达式的11个隐含对象

EL 表达式中 11 个隐含对象,是 EL 表达式中自己定义的,可以直接使用。

变量 ????????????????????????类型 ????????????????????????????????作用

pageContext ??????????????PageContextImpl ??????????它可以获取 jsp 中的九大内置对象

pageScope ????????????????Map<String,Object> ???????它可以获取 pageContext 域中的数据

requestScope ??????????????Map<String,Object> ???????它可以获取 Request 域中的数据

sessionScope ??????????????Map<String,Object> ???它可以获取 Session 域中的数据

applicationScope ???????????Map<String,Object> ??它可以获取 ServletContext 域中的数据

param ???????????????????Map<String,String> ????它可以获取请求参数的值

paramValues ??????Map<String,String[]> ?它也可以获取请求参数的值,获取多个值的时候使用。

header ??????????????????Map<String,String> ??它可以获取请求头的信息

headerValues ???????Map<String,String[]> ?它可以获取请求头的信息,它可以获取多个值的情况

cookie ?????????????Map<String,Cookie> ??它可以获取当前请求的 Cookie 信息

initParam ????Map<String,String> 它可以获取在 web.xml 中配置的<context-param>上下文参数

(1)EL获取四个特定域中的属性

pageScope ????====== ??pageContext

requestScope ??====== ??Request

sessionScope ??====== ???Session

applicationScope ?====== ?ServletContext

<body> 
<% 
pageContext.setAttribute("key1", "pageContext1"); 
pageContext.setAttribute("key2", "pageContext2"); 
request.setAttribute("key2", "request"); 
session.setAttribute("key2", "session"); 
application.setAttribute("key2", "application"); 
%>
${ applicationScope.key2 } 
</body> 

(2)?pageContext 对象的使用

1. 协议:

2. 服务器 ip

3. 服务器端口:

4. 获取工程路径:

5. 获取请求方法:

6. 获取客户端 ip 地址:

7. 获取会话的 id 编号:

<body> 
<%-- 
request.getScheme() 它可以获取请求的协议 
request.getServerName() 获取请求的服务器 ip 或域名 
request.getServerPort() 获取请求的服务器端口号 
getContextPath() 获取当前工程路径 
request.getMethod() 获取请求的方式(
GET 或 POST) 
request.getRemoteHost() 获取客户端的 ip 地址 
session.getId() 获取会话的唯一标识 
--%> 
<% 
pageContext.setAttribute("req", request); 
%>
<%=request.getScheme() %> <br>1.协议: ${ req.scheme }<br> 
2.服务器 ip:${ pageContext.request.serverName }<br> 
3.服务器端口:${ pageContext.request.serverPort }<br> 
4.获取工程路径:${ pageContext.request.contextPath }<br> 
5.获取请求方法:${ pageContext.request.method }<br> 
6.获取客户端 ip 地址:${ pageContext.request.remoteHost }<br> 
7.获取会话的 id 编号:${ pageContext.session.id }<br> 
</body> 

(3)EL 表达式其他隐含对象的使用

param ???????Map<String,String> ???它可以获取请求参数的值

paramValues ??Map<String,String[]> ??它也可以获取请求参数的值,获取多个值的时候使用

header ???????Map<String,String> ????它可以获取请求头的信息

headerValues ??Map<String,String[]> ???它可以获取请求头的信息,它可以获取多个值的情况

cookie ???Map<String,Cookie> ???它可以获取当前请求的 Cookie 信息

initParam ??Map<String,String> ??它可以获取在 web.xml 中配置的<context-param>上下文参数

2.JSTL标签库

JSTL 标签库 全称是指 JSP Standard Tag Library JSP 标准标签库。是一个不断完善的开放源代码的 JSP标签库。

EL 表达式主要是为了替换 jsp 中的表达式脚本,而标签库则是为了替换代码脚本。这样使得整个 jsp 页面变得更佳简洁。

JSTL 由五个不同功能的标签库组成。

?jsp 标签库中使用 taglib 指令引入标签库

CORE 标签库 
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 
XML 标签库<%@ taglib prefix="x" uri="http://java.sun.com/jsp/jstl/xml" %> 
FMT 标签库 
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %> 
SQL 标签库 
<%@ taglib prefix="sql" uri="http://java.sun.com/jsp/jstl/sql" %> 
FUNCTIONS 标签库 
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>

(f)JSTL 标签库的使用步骤

1、先导入 jstl 标签库的 jar 包。

taglibs-standard-impl-1.2.1.jar

taglibs-standard-spec-1.2.1.jar

2、第二步,使用 taglib 指令引入标签库。

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

(g)core 核心库使用

?<c:set />(使用很少)

作用:set 标签可以往域中保存数据

i.<c:set /> 
作用:set 标签可以往域中保存数据 
域对象.setAttribute(key,value); 
scope 属性设置保存到哪个域 
page 表示 PageContext 域(默认值) 
request 表示 Request 域 
session 表示 Session 域 
application 表示 ServletContext 域 
var 属性设置 key 是多少 
value 属性设置值 
--%> 
保存之前:${ sessionScope.abc } <br> 
<c:set scope="session" var="abc" value="abcValue"/> 
保存之后:${ sessionScope.abc } <br>
ii. <c:if /> 
if 标签用来做 if 判断。 
<%--
ii.<c:if /> 
if 标签用来做 if 判断。 
test 属性表示判断的条件(使用 EL 表达式输出) 
--%> 
<c:if test="${ 12 == 12 }"> 
<h1>12 等于 12</h1> 
</c:if> 
<c:if test="${ 12 != 12 }"> 
<h1>12 不等于 12</h1> 
</c:if> 
iii. <c:choose> <c:when> <c:otherwise>标签 
作用:多路判断。跟 switch ... case .... default 非常接近 
<%-- 
iii.<c:choose> <c:when> <c:otherwise>标签 
作用:多路判断。跟 switch ... case .... default 非常接近 
choose 标签开始选择判断 
when 标签表示每一种判断情况 
test 属性表示当前这种判断情况的值 
otherwise 标签表示剩下的情况 
<c:choose> <c:when> <c:otherwise>标签使用时需要注意的点: 
1、标签里不能使用 html 注释,要使用 jsp 注释 
2、when 标签的父标签一定要是 choose 标签 
--%> 
<% 
request.setAttribute("height", 180); 
%>
<c:choose> 
<%-- 这是 html 注释 --%> 
<c:when test="${ requestScope.height > 190 }"> 
<h2>小巨人</h2> 
</c:when> 
<c:when test="${ requestScope.height > 180 }"> 
<h2>很高</h2> 
</c:when> 
<c:when test="${ requestScope.height > 170 }"> 
<h2>还可以</h2> 
</c:when><c:otherwise> 
<c:choose> 
<c:when test="${requestScope.height > 160}"> 
<h3>大于 160</h3> 
</c:when> 
<c:when test="${requestScope.height > 150}"> 
<h3>大于 150</h3> 
</c:when> 
<c:when test="${requestScope.height > 140}"> 
<h3>大于 140</h3> 
</c:when> 
<c:otherwise> 
其他小于 140 
</c:otherwise> 
</c:choose> 
</c:otherwise> 
</c:choose> 

?<c:forEach />

作用:遍历输出使用。

1. 遍历 1 10,输出

<%--1.遍历 1 到 10,输出 
begin 属性设置开始的索引 
end 属性设置结束的索引 
var 属性表示循环的变量(也是当前正在遍历到的数据) 
for (int i = 1; i < 10; i++) 
--%> 
<table border="1"> 
<c:forEach begin="1" end="10" var="i"> 
<tr>
<td>第${i}行</td> 
</tr> 
</c:forEach> 
</table> 

遍历 Object 数组

<%-- 2.遍历 Object 数组 
for (Object item: arr) 
items 表示遍历的数据源(遍历的集合) 
var 表示当前遍历到的数据 
--%> 
<% 
request.setAttribute("arr", new String[]{"18610541354","18688886666","18699998888"}); 
%>
<c:forEach items="${ requestScope.arr }" var="item"> 
${ item } <br> 
</c:forEach>

遍历 Map 集合

<% 
Map<String,Object> map = new HashMap<String, Object>(); 
map.put("key1", "value1"); 
map.put("key2", "value2"); 
map.put("key3", "value3"); 
// 
for ( Map.Entry<String,Object> entry : map.entrySet()) { 
// 
} 
request.setAttribute("map", map); 
%>
<c:forEach items="${ requestScope.map }" var="entry"> 
<h1>${entry.key} = ${entry.value}</h1> 
</c:forEach> 

遍历 List 集合---list 中存放 Student 类,有属性:编号,用户名,密码,年龄,电话信息

public class Student { 
//4.编号,用户名,密码,年龄,电话信息 
private Integer id; 
private String username; 
private String password; 
private Integer age; 
private String phone; 
示例代码:<%--4.遍历 List 集合---list 中存放 Student 类,有属性:编号,用户名,密码,年龄,电话信息--%> 
<% 
List<Student> studentList = new ArrayList<Student>(); 
for (int i = 1; i <= 10; i++) { 
studentList.add(new Student(i,"username"+i ,"pass"+i,18+i,"phone"+i)); 
}
request.setAttribute("stus", studentList); 
%>
<table> 
<tr>
<th>编号</th> 
<th>用户名</th> 
<th>密码</th> 
<th>年龄</th> 
<th>电话</th> 
<th>操作</th> 
</tr> 
<%--
items 表示遍历的集合 
var 表示遍历到的数据 
begin 表示遍历的开始索引值 
end 表示结束的索引值 
step 属性表示遍历的步长值 
varStatus 属性表示当前遍历到的数据的状态 
for(int i = 1; i < 10; i+=2) 
--%> 
<c:forEach begin="2" end="7" step="2" varStatus="status" items="${requestScope.stus}" var="stu"> 
<tr>
<td>${stu.id}</td> 
<td>${stu.username}</td> 
<td>${stu.password}</td> 
<td>${stu.age}</td> 
<td>${stu.phone}</td> 
<td>${status.step}</td> 
</tr> 
</c:forEach> 
</table>

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-12-02 16:39:54  更:2021-12-02 16:41:29 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 7:17:30-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码