EL与jstl初步理解

た入场券 2022-05-16 14:27 164阅读 0赞

**目录**

第一章 EL技术

1.1 EL的使用

1.2 jsp原生脚本与EL技术的对比

1.3 EL内置对象

1.3.1 应用举例

1.4 访问一个jsp请求服务器的次数

1.5 EL的执行表达式

第二章 jstl技术

2.1 概述

2.2 使用范例

2.2.1 <c:if > </c:if>标签

2.2.2 <for:each>   </for:each>标签

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

#                                             第一章 EL技术 #

## 1.1 EL的使用 ##

![20181031101451519.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3E2MTAzNzY2ODE_size_16_color_FFFFFF_t_70][]

在EL中可能有一些名字包含特殊字符,所以用\[\]代替点(.)符号.EL表达式可以放在字符串内部,可以自动被解析

## 1.2 jsp原生脚本与EL技术的对比 ##

jsp原生脚本:

![20181031102233828.png][]

EL:

![20181031102621346.png][]

## 1.3 EL内置对象 ##

一共11个

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3E2MTAzNzY2ODE_size_16_color_FFFFFF_t_70 1][]

![20181031105952468.png][]

### 1.3.1 应用举例 ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3E2MTAzNzY2ODE_size_16_color_FFFFFF_t_70 2][]

## 1.4 访问一个jsp请求服务器的次数 ##

jsp为:

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3E2MTAzNzY2ODE_size_16_color_FFFFFF_t_70 3][]

请求form.jsp时需要访问服务器一次,服务器返回一堆字符串生成html,客户端对html进行解析,当检测到需要xxx.css时,需要访问服务器一次,当检测到需要yyy.js时,需要访问服务器一次,当检测到需要1.jpg与2.jpg时需要访问服务器两次,最后一次访问1.jpg因为之前访问过所以已经被缓存,所以不需要再访问了,一共是五次.

## 1.5 EL的执行表达式 ##

EL里面可以写一些表达式

![20181031110137260.png][]

#                                             第二章 jstl技术 #

## 2.1 概述 ##

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3E2MTAzNzY2ODE_size_16_color_FFFFFF_t_70 4][]

使用的话需要导入两个包

![20181031143952521.png][]

标签库的url是一个名字不是一个网址,

## 2.2 使用范例 ##

### 2.2.1 <c:if > </c:if>标签 ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3E2MTAzNzY2ODE_size_16_color_FFFFFF_t_70 5][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3E2MTAzNzY2ODE_size_16_color_FFFFFF_t_70 6][]

### 2.2.2  <for:each>   </for:each>标签 ###

第一种组合:

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3E2MTAzNzY2ODE_size_16_color_FFFFFF_t_70 7][]

第二种组合:

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3E2MTAzNzY2ODE_size_16_color_FFFFFF_t_70 8][]

第三种组合:

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3E2MTAzNzY2ODE_size_16_color_FFFFFF_t_70 9][]

![20181031150249898.png][]

第四种组合:

![20181031150558849.png][]

![20181031150446146.png][]

[20181031101451519.png]: /images/20220503/3a0735bd94bd4a6c8629d00c1d373c97.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3E2MTAzNzY2ODE_size_16_color_FFFFFF_t_70]: /images/20220503/64ad0b8f9d754711978ac96fef874793.png
[20181031102233828.png]: /images/20220503/74871bd5545f42fa8ae3485b35111530.png
[20181031102621346.png]: /images/20220503/f54ca17290af4d879ee09fec1ffa4ffd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3E2MTAzNzY2ODE_size_16_color_FFFFFF_t_70 1]: /images/20220503/464ea852cc4f4427844f064ef4c7bca8.png
[20181031105952468.png]: /images/20220503/bd88c25088714a7a82160ad19030b5a3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3E2MTAzNzY2ODE_size_16_color_FFFFFF_t_70 2]: /images/20220503/33d0d57df7cd41ff88bec73f407cb4af.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3E2MTAzNzY2ODE_size_16_color_FFFFFF_t_70 3]: /images/20220503/532878a976d64c669d5431b3b5e26259.png
[20181031110137260.png]: /images/20220503/f957a5881d3b4441a1c1eeba099a5653.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3E2MTAzNzY2ODE_size_16_color_FFFFFF_t_70 4]: /images/20220503/9c560d9c1f7f4c909ec464f6d56a55ec.png
[20181031143952521.png]: /images/20220503/e27c08d0246c453eaed61be5340ff751.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3E2MTAzNzY2ODE_size_16_color_FFFFFF_t_70 5]: /images/20220503/78d33a85a92d47b0a938354c200183cb.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3E2MTAzNzY2ODE_size_16_color_FFFFFF_t_70 6]: /images/20220503/9578439b090344bd9eee4bbe3459f20b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3E2MTAzNzY2ODE_size_16_color_FFFFFF_t_70 7]: /images/20220503/f360f6a84d10475688f1b11029136120.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3E2MTAzNzY2ODE_size_16_color_FFFFFF_t_70 8]: /images/20220503/f7a25950e8d843819a1a003775126c27.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3E2MTAzNzY2ODE_size_16_color_FFFFFF_t_70 9]: /images/20220503/4fc102d864224a5883ee66bcf1b2ae91.png
[20181031150249898.png]: /images/20220503/82f54d83e95c4df7abde12b25b3b96c9.png
[20181031150558849.png]: /images/20220503/bd5fef5f6e8b4f6a8b2de88fe30f2b3b.png
[20181031150446146.png]: /images/20220503/54b9b1dfd9c040c3b5b006b7290be2ea.png