动态页面技术（JSP/EL/JSTL）

快来打我* 2022-05-27 05:24 253阅读 0赞

# 一、JSP技术 #

![70][]

### 1．jsp脚本和注释 ###

jsp脚本：

1）<%java代码%> ----- 内部的java代码翻译到service方法的内部

2）<%=java变量或表达式> ----- 会被翻译成service方法内部out.print()

3）<%!java代码%> ---- 会被翻译成servlet的成员的内容

jsp注释： 不同的注释可见范围是不同

1）Html注释：---可见范围 jsp源码、翻译后的servlet、页面                                                                显示html源码

2）java注释：//单行注释  /\*多行注释\*/ --可见范围 jsp源码 翻译后的servlet

3）jsp注释：<%--注释内容--%>----- 可见范围 jsp源码可见

### 2．jsp运行原理-----jsp本质就是servlet（面试） ###

jsp在第一次被访问时会被Web容器翻译成servlet，在执行

过程：

第一次访问---->helloServlet.jsp---->helloServlet\_jsp.java---->编译运行

PS：被翻译后的servlet在Tomcat的work目录中可以找到

### 3．jsp指令（3个） ###

jsp的指令是指导jsp翻译和运行的命令，jsp包括三大指令：

1）page指令 --- 属性最多的指令（实际开发中page指令默认）

属性最多的一个指令，根据不同的属性，指导整个页面特性

格式：<%@ page 属性名1= "属性值1" 属性名2= "属性值2" ...%>

常用属性如下：

language：jsp脚本中可以嵌入的语言种类

pageEncoding：当前jsp文件的本身编码---内部可以包含contentType

contentType：response.setContentType(text/html;charset=UTF-8)

session：是否jsp在翻译时自动创建session

import：导入java的包

errorPage：当当前页面出错后跳转到哪个页面

isErrorPage：当前页面是一个处理错误的页面

2）include指令

页面包含（静态包含）指令，可以将一个jsp页面包含到另一个jsp页面中

格式：<%@ include file="被包含的文件地址"%>

3）taglib指令

在jsp页面中引入标签库（jstl标签库、struts2标签库）

格式：<%@ taglib uri="标签库地址"prefix="前缀"%>

### 4．jsp内置/隐式对象（9个）----- 笔试 ###

jsp被翻译成servlet之后，service方法中有9个对象定义并初始化完毕，我们在jsp    脚本中可以直接使用这9个对象

<table> 
 <tbody> 
 <tr> 
 <td style="background:#D9D9D9;">名称</td> 
 <td style="background:#D9D9D9;">类型</td> 
 <td style="background:#D9D9D9;">描述</td> 
 </tr> 
 <tr> 
 <td>out</td> 
 <td>javax.servlet.jsp.JspWriter</td> 
 <td>用于页面输出</td> 
 </tr> 
 <tr> 
 <td>request</td> 
 <td>javax.servlet.http.HttpServletRequest</td> 
 <td>得到用户请求信息，</td> 
 </tr> 
 <tr> 
 <td>response</td> 
 <td>javax.servlet.http.HttpServletResponse</td> 
 <td>服务器向客户端的回应信息</td> 
 </tr> 
 <tr> 
 <td>config</td> 
 <td>javax.servlet.ServletConfig</td> 
 <td>服务器配置，可以取得初始化参数</td> 
 </tr> 
 <tr> 
 <td>session</td> 
 <td>javax.servlet.http.HttpSession</td> 
 <td>用来保存用户的信息</td> 
 </tr> 
 <tr> 
 <td>application</td> 
 <td>javax.servlet.ServletContext</td> 
 <td>所有用户的共享信息</td> 
 </tr> 
 <tr> 
 <td>page</td> 
 <td>java.lang.Object</td> 
 <td>指当前页面转换后的Servlet类的实例</td> 
 </tr> 
 <tr> 
 <td>pageContext</td> 
 <td>javax.servlet.jsp.PageContext</td> 
 <td>JSP的页面容器</td> 
 </tr> 
 <tr> 
 <td>exception</td> 
 <td>java.lang.Throwable</td> 
 <td>表示JSP页面所发生的异常，在错误页中才起作用</td> 
 </tr> 
 </tbody> 
</table>

#### (1)out对象 ####

out的类型：JspWriter

out作用就是想客户端输出内容----out.write()

out缓冲区默认8kb 可以设置成0 代表关闭out缓冲区 内容直接写到respons缓冲   器

![70 1][]

#### (2)pageContext对象 ####

jsp页面的上下文对象，作用如下：

page对象与pageContext对象不是一回事

1）pageContext是一个域对象

setAttribute(String name,Object obj)

getAttribute(String name)

removeAttrbute(String name)

pageContext可以向指定的其他域中存取数据

setAttribute(String name,Object obj,int scope)

getAttribute(String name,int scope)

removeAttrbute(String name,int scope)

**findAttribute(String name)**

**---依次从pageContext域，request域，session域，application域中获  取属性，在某个域中获取后将不在向后寻找**

**四大作用域的总结：**

**page域：当前jsp页面范围**

**request域：一次请求**

**session域：一次会话**

**application域：整个web应用**

如何显示商品列表

![70 2][]

2）可以获得其他8大隐式对象

例如：pageContext.getRequest()

pageContext.getSession()

### 5．jsp标签（动作） ###

1）页面包含（动态包含）：<jsp:include page="被包含的页面"/>

2）请求转发：<jsp:forward page="要转发的资源"/>

![70 3][]

静态包含与动态包含的区别？

![70 4][]

# 二、EL技术 #

### 1．EL 表达式概述 ###

EL（Express Lanuage）表达式可以嵌入在jsp页面内部，减少jsp脚本的编写，EL 出现的目的是要替代jsp页面中脚本的编写。

### 2．EL从域中取出数据 ###

EL最主要的作用是获得四大域中的数据，格式**$\{EL表达式\}**

EL获得pageContext域中的值：$(pageContextScope.key);

EL获得request域中的值：$(request.key);

EL获得session域中的值：$(session.key);

EL获得application域中的值：$(application.key);

EL从四个域中获得某个值$(key);

\---同样是依次从pageContext域，request域，session域，application域中 获取属性，在某个域中获取后将不在向后寻找

示例：

1）EL获得普通字符串

2）EL获得User对象的值

3）EL获得List<String>的值

4）EL获得List<User>的值

5）EL获得Map<String,String>的值

6）EL获得Map<String,User>的值

### 3．EL的内置对象 ###

pageScope,requestScope,sessionScope,applicationScope

---- 获取JSP中域中的数据

param,paramValues   - 接收参数.

header,headerValues  - 获取请求头信息

initParam                    - 获取全局初始化参数

cookie                         -WEB开发中cookie

pageContext               -WEB开发中的pageContext.

**$(pageContext.request.contextPath)**

**相当于**

**<%=pageContext.getRequest().getContextPath%>**

**获得WEB应用的名称**

# 三、JSTL技术 #

### 1．JSTL概述 ###

JSTL（JSP Standard Tag Library)，JSP标准标签库，可以嵌入在jsp页面中使用标签的形式完成业务逻辑等功能。jstl出现的目的同el一样也是要提到jsp页面中的脚本代码。JSTL标准标准标签库有5个子库，但随着发展，目前常使用的是他的核心库

<table style="background:#D9D9D9;"> 
 <tbody> 
 <tr> 
 <td>标签库</td> 
 <td>标签库的URI</td> 
 <td>前缀</td> 
 </tr> 
 <tr> 
 <td style="background:transparent;">Core </td> 
 <td style="background:transparent;">http://java.sun.com/jsp/jstl/core</td> 
 <td style="background:transparent;">c</td> 
 </tr> 
 <tr> 
 <td style="background:transparent;">I18N</td> 
 <td style="background:transparent;">http://java.sun.com/jsp/jstl/fmt</td> 
 <td style="background:transparent;">fmt</td> 
 </tr> 
 <tr> 
 <td style="background:transparent;">SQL</td> 
 <td style="background:transparent;">http://java.sun.com/jsp/jstl/sql</td> 
 <td style="background:transparent;">sql</td> 
 </tr> 
 <tr> 
 <td style="background:transparent;">XML</td> 
 <td style="background:transparent;">http://java.sun.com/jsp/jstl/xml</td> 
 <td style="background:transparent;">x</td> 
 </tr> 
 <tr> 
 <td style="background:transparent;">Functions</td> 
 <td style="background:transparent;">http://java.sun.com/jsp/jstl/functions</td> 
 <td style="background:transparent;">fn</td> 
 </tr> 
 </tbody> 
</table>

### 2．JSTL下载与导入 ###

JSTL下载：

从Apache的网站下载JSTL的JAR包。进入          “http://archive.apache.org/dist/jakarta/taglibs/standard/binaries/”网址下载      JSTL的安装包。jakarta-taglibs-standard-1.1.2.zip，然后将下载好的JSTL安装包   进行解压，此时，在lib目录下可以看到两个JAR文件，分别为jstl.jar和standard.jar。  其中，jstl.jar文件包含JSTL规范中定义的接口和相关类，standard.jar文件包含用于    实现JSTL的.class文件以及JSTL中5个标签库描述符文件（TLD）

![70 5][]

### 3．JSTL核心库的常用标签 ###

1）<c:if>标签

2）<c:for>标签

[70]: /images/20220527/80d243e8341f41c1971a8bf21ea7337a.png
[70 1]: /images/20220527/05d38acd75e649f8aa3d4be5bfa3de22.png
[70 2]: /images/20220527/292ad7eb14564cf08b6331986e52a994.png
[70 3]: /images/20220527/b5da1dbba55c48188deb831a89ce7cea.png
[70 4]: /images/20220527/c4deed88f9d74bfe9687c6f96e0c2f3f.png
[70 5]: /images/20220527/e0f06eb24d5f45a79bc9910f37e16fde.png