EL和JSTL基本使用

系统管理员 2023-09-30 09:17 31阅读 0赞

**目录**

EL简介

EL用法

EL中的常见内置对象

EL中获取数据的顺序

JSTL

JSTL简介

JSTL基本使用

JSTL常见标签介绍

if标签

forEach标签

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

**这篇文章介绍el和jstl的常用写法，el和jstl使用已经不多了，会使用即可，不必深入。**

# EL #

## EL简介 ##

EL（Expression Language） 是为了使JSP写起来更加简单。表达式语言的灵感来自于 ECMAScript 和 XPath 表达式语言，它提供了在 JSP 中简化表达式的方法，让Jsp的代码更加简化。

EL 表达式主要是代替 jsp 页面的表达式脚本，相对于jsp来说更加的简洁。

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

## EL用法 ##

> $\{key\}，EL主要是用来取数据的，$\{ \}就相当于jsp中的<%= %>，但是EL表达式可以自动的从域对象中取数据。

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_20_color_FFFFFF_t_70_g_se_x_16][]

**游览器显示**![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_20_color_FFFFFF_t_70_g_se_x_16 1][]

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

## EL中的常见内置对象 ##

*  pageScope：获取PageContext中的数据
 *  requestScope：获取Request的数据
 *  sessionSocpe：获取Session的数据
 *  applicationScope：获取ServletContext中的数据

## EL中获取数据的顺序 ##

我们使用$\{key\}时，如果没有指定从哪个域中获取数据，那么el就会有一个默认顺序。

>  **pageScope > requestScope > sessionScope > applicationScope**

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

# JSTL #

## JSTL简介 ##

JSTL（Java server pages standarded tag library，即[JSP标准标签库][JSP]）是由[JCP][]（Java community Proces）所制定的标准规范，它主要提供给Java Web开发人员一个标准通用的标签库，并由Apache的Jakarta小组来维护。开发人员可以利用这些标签取代JSP页面上的[Java][]代码，从而提高程序的可读性，降低程序的维护难度。

JSTL相当于替换了JSP中的<% %>，使得jsp的代码更加简洁。

## JSTL如何使用 ##

>  **首先需要下载引入2个jar包，下载地址为[jstl下载][jstl]，下载后引入项目。**

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_20_color_FFFFFF_t_70_g_se_x_16 2][]

>  **我们要在jsp中使用jstl，需要在jsp文件第一行加入以下代码。**

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

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

## JSTL常见标签介绍 ##

### if标签 ###

> 我们使用<c:if ></c:if>可以进行判断，为真时才执行代码。判断条件写在test里面

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_20_color_FFFFFF_t_70_g_se_x_16 3][]

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_20_color_FFFFFF_t_70_g_se_x_16 4][]

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

### forEach标签 ###

> 使用这个标签可以进行循环，主要有2种形式，下面给出第一种形式,这种就相当于java中的for(int i = 0; i < len; i++)

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_20_color_FFFFFF_t_70_g_se_x_16 5][] **游览器输出**

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_20_color_FFFFFF_t_70_g_se_x_16 6][]

> 第二种就是数组或者对象形式的，相当于java中的for(name:对象)

**定义的数组**

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_20_color_FFFFFF_t_70_g_se_x_16 7][]![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_20_color_FFFFFF_t_70_g_se_x_16 8][]

**游览器输出**

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_20_color_FFFFFF_t_70_g_se_x_16 9][]

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

**el和jstl常用的就这些，当然，还有其他很多用法，但是使用不多，这里就不介绍了，掌握上面那些就已经足够了，遇见看不懂的el和jstl语法在网上查询即可。**

[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_20_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/c68215834b9345f59798ce1ea4c75018.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_20_color_FFFFFF_t_70_g_se_x_16 1]: https://img-blog.csdnimg.cn/882d6836313c4ac394012c67952dd3bd.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0,size_20,color_FFFFFF,t_70,g_se,x_16
[JSP]: https://baike.baidu.com/item/JSP%E6%A0%87%E5%87%86%E6%A0%87%E7%AD%BE%E5%BA%93/13679684
[JCP]: https://baike.baidu.com/item/JCP/2679009
[Java]: https://baike.baidu.com/item/Java/85979
[jstl]: https://tomcat.apache.org/download-taglibs.cgi
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_20_color_FFFFFF_t_70_g_se_x_16 2]: https://img-blog.csdnimg.cn/6d3194598c4f4a93ba6be375ca23ecc8.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_20_color_FFFFFF_t_70_g_se_x_16 3]: https://img-blog.csdnimg.cn/44613b5c21584c10990b3dc0b9867056.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_20_color_FFFFFF_t_70_g_se_x_16 4]: https://img-blog.csdnimg.cn/45d9bede678a475d84be33e3a1c2d9c2.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_20_color_FFFFFF_t_70_g_se_x_16 5]: https://img-blog.csdnimg.cn/f904e22a21c1406ebfb7958fa15db243.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_20_color_FFFFFF_t_70_g_se_x_16 6]: https://img-blog.csdnimg.cn/8ee57a7ba48747e5afc2c361451fc1cc.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_20_color_FFFFFF_t_70_g_se_x_16 7]: https://img-blog.csdnimg.cn/073825856b0f43a596dfb26fc2fd9477.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_20_color_FFFFFF_t_70_g_se_x_16 8]: https://img-blog.csdnimg.cn/0911cee515ed436099b7a35583493ac5.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_20_color_FFFFFF_t_70_g_se_x_16 9]: https://img-blog.csdnimg.cn/eac64adf1f324f28bb7ec2f8bb97b0d1.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0,size_20,color_FFFFFF,t_70,g_se,x_16