JavaWeb开发知识总结(JSP,EL,JSTL)

客官°小女子只卖身不卖艺 2022-06-16 12:52 243阅读 0赞

# JavaWeb开发知识总结(JSP,EL,JSTL) #

## 1. JSP概述 ##

> JSP技术：Java服务器端页面（Java Server Pages），是一种动态网页开发技术。
> 
> JSP的组成：HTML+Java代码+JSP自身元素。
> 
> JSP自身元素包括JSP指令,JSP动作标签和JSP的内置对象。

## 2. JSP执行流程 ##

**JSP的本质是Servlet**，tomcat服务器会将jsp文件进行编译生成一个servlet.java文件和对应的servlet.class文件，执行的是.class文件。在tomcat服务器的`\work\Catalina\localhost`目录下对应的项目目录中可以看到jsp页面被翻译成java文件和class文件，查看java文件可以发现JSP页面经过编译后的java类是继承`HttpJspBase`类，而该类是继承至`HttpServlet`类，则JSP本质是Servlet。通过查看jsp翻译后的java源文件可知，jsp被翻译成的Servlet其实就是使用jsp内置的out（是JspWriter类型）对象中的`Write()`方法将jsp页面中的内容进行逐行输出到客户端浏览器中的。

## 3. JSP的脚本 ##

JSP的脚本就是在jsp页面中编写Java代码的方式；由于jsp页面会被翻译成Servlet的java文件并重写Servlet中service方法，java类有成员位置和局部位置（参数位置和方法内部），则针对jsp页面编写Java代码就有三种方式，这三种方式编写的代码会被翻译成Java类中对应的部分。

<table> 
 <thead> 
  <tr> 
   <th align="left">JSP脚本</th> 
   <th>JSP被编译成Servlet后对应的位置</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="left">&lt;%! java代码; %&gt;</td> 
   <td>翻译成Servlet类中的成员内容，可以定义变量，方法，类 – 不建议使用</td> 
  </tr> 
  <tr> 
   <td align="left">&lt;% java代码; %&gt;</td> 
   <td>翻译成Servlet类中的service方法内部，可以定义变量和类，必须加分号</td> 
  </tr> 
  <tr> 
   <td align="left">&lt;%= java代码 %&gt;</td> 
   <td>翻译成Servlet类中的service方法的out.write()方法的参数，相当于是直接输出，不能加分号</td> 
  </tr> 
 </tbody> 
</table>

**注意事项：`<%= java代码 %>`中输出的是变量时，如果变量值为空时，输出的null字符串。**

## 4. JSP文件中的注释 ##

由于JSP是结合HTML和JAVA并定义自身的内置对象，则其注释方式有三种：html的注释，Java代码的注释，及JSP自身的注释。

<table> 
 <thead> 
  <tr> 
   <th>注释类型</th> 
   <th>注释格式</th> 
   <th>注释格式说明</th> 
   <th>注意事项</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>HTML注释</td> 
   <td></td> 
   <td>输出到客户端还存在</td> 
   <td>不能注释jsp的脚本内容</td> 
  </tr> 
  <tr> 
   <td>Java注释</td> 
   <td>// 单行 /<em>多行注释*/ /*</em>文档注释*/</td> 
   <td>一般用在在jsp脚本中</td> 
   <td>存在于翻译后Servlet中，输出到客户端的html页面时消失</td> 
  </tr> 
  <tr> 
   <td>jsp注释</td> 
   <td>&lt;%– jsp注释 –%&gt;</td> 
   <td>只存在于JSP的源代码中</td> 
   <td>翻译成Servlet后,JSP的注释就消失了</td> 
  </tr> 
 </tbody> 
</table>

## 5. JSP指令 ##

JSP指令就是设置JSP页面属性的，JSP有三个指令：`page`,`include`,`taglib`。

### 5.1 JSP指令的语法 ###

**<%@ 指令名称 属性名称=”属性值” 属性名称=”属性值” …%>**，指令名称可以为page，include和taglib。

### 5.2 JSP的page指令 ###

**page指令是设置jsp页面的参数信息。page指令常用的属性有以下几个：**

<table> 
 <thead> 
  <tr> 
   <th>page属性值</th> 
   <th>属性值说明</th> 
   <th>使用时注意事项</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>language</td> 
   <td>JSP脚本中使用的语言</td> 
   <td>目前只写java</td> 
  </tr> 
  <tr> 
   <td>contentType</td> 
   <td>设置浏览器打开这个JSP的时采用的默认的字符集编码</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>pageEncoding</td> 
   <td>设置jsp文件保存到本地硬盘,以及生成Servlet后,Servlet保存到硬盘上的编码</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>import</td> 
   <td>在JSP中引入java类对象</td> 
   <td>import可以出现多次，其他属性只能出现一次</td> 
  </tr> 
  <tr> 
   <td>extends</td> 
   <td>设置JSP翻译成Servlet后继承的类</td> 
   <td>默认值是HttpJspBase,设置时的类必须是HttpServlet的子类.继承后自定义的类中会没有jsp的一些功能</td> 
  </tr> 
  <tr> 
   <td>autoFlush</td> 
   <td>设置JSP的缓存自动刷出</td> 
   <td>默认是true:自动刷出</td> 
  </tr> 
  <tr> 
   <td>buffer</td> 
   <td>设置JSP的缓冲区的大小,默认8kb</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>session</td> 
   <td>设置JSP中是否可以直接使用session对象</td> 
   <td>默认值是true,设置后直接使用session变量进行Session的操作</td> 
  </tr> 
  <tr> 
   <td>isELIgnored</td> 
   <td>设置在JSP中是否忽略EL表达式</td> 
   <td>默认值是false不忽略</td> 
  </tr> 
  <tr> 
   <td>errorPage</td> 
   <td>设置错误友好页面的提示</td> 
   <td>和isErrorPage一起使用,jsp出错后跳转(转发方式)到指定页面,路径是服务器端路径,不能加上工程名</td> 
  </tr> 
  <tr> 
   <td>isErrorPage</td> 
   <td>通过这个设置显示JSP的错误信息</td> 
   <td>和errorPage一起使用,在errorPage跳转到页面使用</td> 
  </tr> 
 </tbody> 
</table>

### **扩展：在web项目下配置全局的错误友好提示** ###

当整个页面出现错误时，系统会跳到指定的页面。在项目的web.xml文件中配置如下：

<?xml version="1.0" encoding="UTF-8"?>
    <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" id="WebApp_ID" version="2.5">
      
      <error-page>
        <error-code>错误的状态码</error-code>
        <location>/出错后跳转到指定的jsp页面</location>
      </error-page>
      
      <error-page>
        <error-code>500</error-code>
        <location>/500.jsp</location>
      </error-page>
    </web-app>

### 5.3 JSP的include指令 ###

include指令是使得当前jsp页面去包含其他的jsp页面，使用的包含使用的文件的相对路径。**包含的方式是静态包含。其本质就是直接将被包含的jsp页面直接放在此jsp页面使用include指令包含页面的位置，因此使用此种包含时，被包含的页面只需要有内容题就可以了，不需要再定义一个完整的jsp的结构。**

**格式：<%@ include file=”被包含的jsp文件”%> 文件使用的相对路径。**

### 5.4 JSP的taglib指令 ###

taglib指令是用来为jsp页面引入jsp标签库的。一般引入的是jstl标签库。

**格式：<%@ taglib uri=”标签库uri” prefix=”标签的别名” %>**

## 6. JSP动作标签 ##

JSP动作标签的作用是用来进行简化代码编写的。JSP常用的6个标签如下：

<table> 
 <thead> 
  <tr> 
   <th>JSP动作标签</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>&lt; jsp:forward page=”转发的页面”&gt;&lt; /jsp:forward&gt;</td> 
   <td>页面的转发,使用服务器端路径</td> 
  </tr> 
  <tr> 
   <td>&lt; jsp:include page=”被包含的jsp页面”&gt;&lt; /jsp:include&gt;</td> 
   <td>用于页面包含(动态包含)</td> 
  </tr> 
  <tr> 
   <td>&lt; jsp:param value=”参数值” name=”参数名”/&gt;</td> 
   <td>一般和带有路径的标签一起使用,传递参数,常用上述两个标签</td> 
  </tr> 
  <tr> 
   <td>&lt; jsp:useBean id=”javabean类的id”&gt;&lt; /jsp:useBean&gt;</td> 
   <td>用于在JSP中使用JavaBean</td> 
  </tr> 
  <tr> 
   <td>&lt; jsp:setProperty property=”属性值” name=”属性名”/&gt;</td> 
   <td>用于在JSP中向JavaBean设置属性</td> 
  </tr> 
  <tr> 
   <td>&lt; jsp:getProperty property=”属性值” name=”属性名”/&gt;</td> 
   <td>用于在JSP中获得JavaBean的属性</td> 
  </tr> 
 </tbody> 
</table>

### JSP页面的静态包含（include指令）和动态包含（include标签）的区别： ###

`<%@ include file="被包含的jsp文件"%>`是静态包含jsp页面，`< jsp:include page="被包含的jsp页面">< /jsp:include>`是动态包含jsp页面。 **静态包含是直接包含jsp页面的全部内容，而动态包含只是包含被包含jsp页面的运行结果。**

![静态包含和动态包含的区别][SouthEast]

## 7. JSP内置对象（重点） ##

JSP内置对象：在jsp页面中可以直接使用的对象（9大内置对象）。在jsp页面翻译成的Servlet的java文件中可以查看到。

### 7.1 JSP的9大内置对象 ###

<table> 
 <thead> 
  <tr> 
   <th>内置对象名称</th> 
   <th>内置对象的数据类型</th> 
   <th>内置对象常用API</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>request</td> 
   <td>HttpServletRequest</td> 
   <td>getParameter(String name),setAttribute(String name,Object value),getAttribute(String name);</td> 
  </tr> 
  <tr> 
   <td>response</td> 
   <td>HttpServletResponse</td> 
   <td>setHeader(String name,String value),getOutputStream();getWriter()</td> 
  </tr> 
  <tr> 
   <td>session</td> 
   <td>HttpSession</td> 
   <td>setAttribute(String name,Object value),getAttribute(String name);</td> 
  </tr> 
  <tr> 
   <td>application</td> 
   <td>ServletContext</td> 
   <td>setAttribute(String name,Object value),getAttribute(String name);</td> 
  </tr> 
  <tr> 
   <td>page</td> 
   <td>Object</td> 
   <td>toString();wait();(是jsp页面翻译成Servlet后对象引用)</td> 
  </tr> 
  <tr> 
   <td>pageContext</td> 
   <td>PageContext</td> 
   <td>setAttribute(String name,Object value),getAttribute(String name);</td> 
  </tr> 
  <tr> 
   <td>config</td> 
   <td>ServletConfig</td> 
   <td>getServletName();getServletContext();</td> 
  </tr> 
  <tr> 
   <td>out</td> 
   <td>JspWriter</td> 
   <td>write(),print();</td> 
  </tr> 
  <tr> 
   <td>exception</td> 
   <td>Throwable</td> 
   <td>getMessage(),getCause();(设置isErrorPage=”true”后才有效)</td> 
  </tr> 
 </tbody> 
</table>

#### 7.1.1 out内置对象和response.getWriter()的区别： ####

**out内置对象的数据类型是JspWriter，response获取的Writer的数据类型是PrintWriter。**

![jsp内置对象out和response的getWriter()的区别][jsp_out_response_getWriter]

#### 7.1.3 JSP的四个域（重点）： 域存储数据的作用范围从小到大 ####

<table> 
 <thead> 
  <tr> 
   <th>域范围名称</th> 
   <th>域范围含义</th> 
   <th>对应jsp内置对象(域对象)</th> 
   <th>域对象的数据类型</th> 
   <th>作用范围说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>PageScope</td> 
   <td>当前页面中有效</td> 
   <td>pageContext</td> 
   <td>PageContext</td> 
   <td>页面跳转或者转发后,设置的值无效</td> 
  </tr> 
  <tr> 
   <td>RequestScope</td> 
   <td>一次请求范围</td> 
   <td>request</td> 
   <td>HttpServletRequest</td> 
   <td>页面跳转后,设置的值无效,转发后设置的值有效</td> 
  </tr> 
  <tr> 
   <td>SessionScope</td> 
   <td>一次会话范围</td> 
   <td>session</td> 
   <td>HttpSession</td> 
   <td>页面跳转或者转发后,设置的值有效,重启浏览器或session过期后设置的值无效</td> 
  </tr> 
  <tr> 
   <td>ApplicationScope</td> 
   <td>web项目范围</td> 
   <td>application</td> 
   <td>ServletContext</td> 
   <td>服务器关闭或者项目被移除后,设置的值无效</td> 
  </tr> 
 </tbody> 
</table>

#### 7.1.3 pageContext内置对象： ####

pageContext内置对象有两方面的作用：获取其他的8个内置对象(多用在框架中)和操作jsp的四个域存取数据。案例代码如下：

<%-- jsp文件中编写Java代码 --%>
    <% 
        // 获得其他8个内置对象.--主要在编写框架,通用性很高代码中.
        // jsp中四个域对象存储数据
        pageContext.setAttribute("pname", "pvalue");
        request.setAttribute("rname", "rvalue");
        session.setAttribute("sname", "svalue");
        application.setAttribute("aname", "avalue"); 
    
        // 使用pageContext对象对jsp中四个域范围存取数据
        pageContext.setAttribute("pname", "pvalue", PageContext.PAGE_SCOPE); 
        // 等价于pageContext.setAttribute("pname", "pvalue");
        pageContext.setAttribute("rname", "rvalue", PageContext.REQUEST_SCOPE); 
        // request.setAttribute("rname", "rvalue");
        pageContext.setAttribute("sname", "svalue", PageContext.SESSION_SCOPE); 
        // session.setAttribute("sname", "svalue");
        pageContext.setAttribute("aname", "avalue", PageContext.APPLICATION_SCOPE);              
        //application.setAttribute("aname", "avalue");
    %>
    
    
    <%= pageContext.getAttribute("pname") %>
    <%= request.getAttribute("rname") %>
    <%= session.getAttribute("sname") %>
    <%= application.getAttribute("aname") %>
    
    
    <%= pageContext.getAttribute("pname", PageContext.PAGE_SCOPE) %>
    <%= pageContext.getAttribute("rname", PageContext.REQUEST_SCOPE) %>
    <%= pageContext.getAttribute("sname", PageContext.SESSION_SCOPE) %>
    <%= pageContext.getAttribute("aname", PageContext.APPLICATION_SCOPE) %>
    
    <%= pageContext.findAttribute("name") %>  从四个域范围中查找指定名称的值,从域范围从小到大的顺序进行查找,查到就返回,后面的域不会再查找,没有查到就返回null

**注意事项：<%= pageContext.findAttribute(“name”) %> 代表 从四个域范围中查找指定名称的值,从域范围从小到大的顺序进行查找,查到就返回,后面的域不会再查找,没有查到就返回null。**

## 8. EL表达式 ##

> EL表达式：Expression Language，是用来简化表达式的方法。
> 
> EL表达式能简化jsp的代码书写及jsp脚本的使用。

**EL表达式语法：$\{ EL表达式 \}**

### 8.1 EL表达式的功能 ###

EL表达式可以用来获取jsp的四个域中存储的数据，执行运算，EL内置对象(操作web开发的对象)和调用Java类中的方法。 **注意：EL表达式只可以用来获取jsp域中的数据，不能更改域中存储的数据。**

#### 8.1.1 EL表达式获取JSP四个域中的数据 ####

##### 使用EL表达式获取jsp域中普通单值数据： #####

<%
        pageContext.setAttribute("name", "pValue");
        request.setAttribute("name", "rValue");
        session.setAttribute("name", "sValue");
        application.setAttribute("name", "aValue");
    %>
    
    <%=pageContext.getAttribute("name") %> 
    <%=request.getAttribute("name") %>
    <%=session.getAttribute("name") %>
    <%=application.getAttribute("name") %>
    
    
    ${ pageScope.name }   
    ${ requestScope.name }   
    ${ sessionScope.name }
    ${ applicationScope.name }
    
    ${ name }

**注意事项： EL表达式查找域中指定名称的数据时，没有返回的是空字符串，在页面中不会显示；jsp内置对象查找域中指定名称的数据时，没有返回的是null，在页面中会显示‘null’字符串。**

##### 使用EL表达式获取jsp域中数组或List集合形式的数据： #####

<%
        String[] arrs = {
        "李旭华","李冠希","杨凤","杨如花"};
        pageContext.setAttribute("arrs", arrs);
    %>
    
    ${ arrs[0] }
    ${ arrs[1] }
    ${ arrs[2] }
    ${ arrs[3] }
    
    <%
        List<String> list = new ArrayList<String>();
        list.add("李芙蓉");
        list.add("杨芙蓉");
        list.add("王凤");
        pageContext.setAttribute("list", list);
    %>
    
    
    ${ list[0] }
    ${ list[1] }
    ${ list[2] }

##### 使用EL表达式获取jsp域中Map集合形式的数据： #####

<%
        Map<String,String> map = new HashMap<String,String>();
        map.put("aaa","李旭华");
        map.put("bbb","杨久君");
        map.put("ccc","李芮");
        map.put("ddd","李凤");
        map.put("eee.fff","李凤");
        pageContext.setAttribute("map", map);
    %>
    
    ${ map.aaa }
    ${ map.bbb }
    ${ map.ccc }
    ${ map.ddd }
    ${ map[“eee.fff”] }

**注意事项：当数据中名称中存在特殊字符时需使用\[“数据名称”\]方式获取数据。**

##### 使用EL表达式获取jsp域中对象及对象List集合形式的数据： #####

<%
        User user = new User(1,"aaa","123");
        pageContext.setAttribute("user", user);
    %>
    
    ${ user.id }    
    ${ user.username }
    ${ user.password }
    
    <%
        User user1 = new User(1,"aaa","123");
        User user2 = new User(2,"bbb","123");
        User user3 = new User(3,"ccc","123");
        List<User> userList = new ArrayList<User>();
        userList.add(user1);
        userList.add(user2);
        userList.add(user3);
        pageContext.setAttribute("userList", userList);
    %>
    
    ${ userList[0].id } - ${ userList[0].username } - ${ userList[0].password }
    ${ userList[1].id } - ${ userList[1].username } - ${ userList[1].password }
    ${ userList[2].id } - ${ userList[2].username } - ${ userList[2].password }

**注意事项：使用EL表达式获取对象中属性值时，其实调用是该对象该属性的get方法，则对象必须有对应属性的get方法。**

##### EL表达式使用点和\[ \]的区别： #####

1.  `[]`用于有下标的数据(数组,list集合) 。
2.  `.`用于有属性的数据(map,对象)。
3.  如果属性名中包含有特殊的字符(如`.`,`-`等)，必须使用`[]`,如：$\{ map\[“eee.fff”\] \} 。

#### 8.1.2 EL表达式执行运算 ####

<h1>EL表达式执行运算</h1>
    <h3>EL执行算数运算</h3>
    <%
        pageContext.setAttribute("n1", "10");
        pageContext.setAttribute("n2", "20");
        pageContext.setAttribute("n3", "30");
        pageContext.setAttribute("n4", "40");
    %>
    ${ n1 + n2 + n3 }   
    <h3>EL执行逻辑运算</h3>    
    ${ n1 < n2 } - ${ n1 lt n2 } 
    ${ n1 > n2 } - ${ n1 gt n2 } 
    ${ n1 <= n2 } - ${ n1 le n2 } 
    ${ n1 >= n2 } - ${ n1 ge n2 } 
    ${ n1 == n2 } - ${ n1 eq n2 } 
    <h3>EL执行关系运算</h3>
    ${ n1<n2 && n3 < n4 } - ${ n1<n2 and n3 < n4 }
    ${ n1<n2 || n3 < n4 } - ${ n1<n2 or n3 < n4 }
    ${ !(n1 < n2) } - ${ not(n1<n2) }
    <h3>EL执行三元运算</h3>
    ${ n1 < n2 ? "正确":"错误" }
    <h3>empty运算</h3>  
    ${ user == null } - ${ empty user }
    ${ user != null } - ${ not empty user }

#### 8.1.3 EL表达式操作web开发常用对象 ####

##### EL表达式内置的常用的web开发对象：11个 #####

**注意：EL表达式内置的对象不能直接操作四个域存储数据，只能获取jsp四个域中的数据，并且只有pageContext能获取到jsp的内置对象，使用pageContext获取jsp的内置对象后才能对jsp进行控制，如：获取web项目的根路径（`${pageContext.request.ContentPath}`）。**

<table> 
 <thead> 
  <tr> 
   <th>EL表达式内置对象</th> 
   <th>作用</th> 
   <th>对应JSP中对象（对象数据类型）</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>pageScope</td> 
   <td>获取jsp的pageContext域中数据</td> 
   <td>pageContext(PageContext)</td> 
  </tr> 
  <tr> 
   <td>requestScope</td> 
   <td>获取jsp的request域中数据</td> 
   <td>request(HttpServletRequest)</td> 
  </tr> 
  <tr> 
   <td>sessionScope</td> 
   <td>获取jsp的session域中数据</td> 
   <td>session(HttpSession)</td> 
  </tr> 
  <tr> 
   <td>applicationScope</td> 
   <td>获取jsp的application域中数据</td> 
   <td>application(ServletContext)</td> 
  </tr> 
  <tr> 
   <td>param</td> 
   <td>获取请求中参数数据</td> 
   <td>request.getParameter(String name)</td> 
  </tr> 
  <tr> 
   <td>paramValues</td> 
   <td>获取请求中多个同名参数的数据,返回是数组</td> 
   <td>request.getParameterValues(String name)</td> 
  </tr> 
  <tr> 
   <td>header</td> 
   <td>获取请求头信息</td> 
   <td>request.getHeader(String name)</td> 
  </tr> 
  <tr> 
   <td>headerValues</td> 
   <td>获取请求头中的多个信息</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>initParam</td> 
   <td>获取全局初始化参数</td> 
   <td>ServletContext.getInitParameter(String name)</td> 
  </tr> 
  <tr> 
   <td>cookie</td> 
   <td>获取WEB开发中cookie</td> 
   <td>request.getCookies()</td> 
  </tr> 
  <tr> 
   <td>pageContext</td> 
   <td>获取jsp中的pageContext对象</td> 
   <td></td> 
  </tr> 
 </tbody> 
</table>

<h3>接收请求的参数</h3>
    <%= request.getParameter("id") %>
    <%= request.getParameter("name") %>
    <%= Arrays.toString(request.getParameterValues("hobby")) %> 
    <hr/>
    ${ param.id }
    ${ param.name }
    ${ paramValues.hobby[0] }
    ${ paramValues.hobby[1] }
    <h3>获取请求头</h3>
    <%= request.getHeader("User-Agent") %>  
    ${ header["User-Agent"] }  
    <h3>获取全局初始化参数</h3>
    ${ initParam.username }
    <h3>获取Cookie中的值</h3>
    ${ cookie.history.value } 
    <h3>获取PageContext中的对象</h3>
    ${ pageContext.request.remoteAddr }
    ${ pageContext.request.contextPath }

### 8.2 在外部js文件中使用EL表达式的结果 ###

**在jsp页面中引入的外部的javascript文件是无法直接使用EL表达式的，如果要使用EL表达式，可以在jsp页面引入该js文件之前定义EL表达式，将EL表达式结果保存在js的全局变量中，在引入的外部的js文件中使用该变量表示EL表达式的结果。** 如：在外部js文件中刷新jsp页面中验证码：

<script type="text/javascript">
      // 设置项目路径变量,在js文件中使用
      var path = '${pageContext.request.contextPath}';
    </script>
    
    <script type="text/javascript" src="${ pageContext.request.contextPath }/bookmanager/js/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="${ pageContext.request.contextPath }/bookmanager/js/checkForm.js"></script>
    
    <div class="col-sm-3" style="padding-left:0px;">
      <img alt="验证码加载失败" id="iconCode" src="${pageContext.request.contextPath }/CheckImgServlet">
    </div>
    <div class="col-sm-3 text-center" style="padding-left:0px;margin-top:6px;">
      <span>看不清,<button type="button" id="changIconCode" class="btn btn-link">换一张</button></span>
    </div>
    
    
    //验证码的刷新
    $(function() {
        $("#changIconCode").click(function() {
            $("#iconCode").attr("src",path+"/CheckImgServlet?time"+new Date().getTime());
        });
        $("#iconCode").click(function() {
            $("#iconCode").attr("src",path+"/CheckImgServlet?time"+new Date().getTime());
        });
    });

## 9. JSTL标签库 ##

> JSTL标签库：JSP Standard Tag Library，JSP标准标签库。EL表达式中没有进行循环和判断的作用，JSTL中提供了循环和判断的标签。作用是结合EL表达式替换jsp脚本。

**注意事项：JSTL标签库有三个版本：1.0（不支持EL表达式），1.1和1.2（两个均支持EL表达式）。**

### 9.1 JSTL标签库使用 ###

*  **1. 引入`standard.jar`和`jstl.jar`两个jar包。**
 *  **2. 在jsp页面中通过taglib指令引入标签库`<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>`.**

**注意事项：`uri="http://java.sun.com/jsp/jstl/core"`代表使用的是JSTL1.1或1.2版本，支持EL表达式；`uri="http://java.sun.com/jstl/core"`代表使用的是JSTL1.0版本，不支持EL表达式。**

JSTL标签库中包含五类标签：core(核心标签),fmt(国际化标签),xml(xml标签),sql(SQL标签),fn(JSTL的函数库)。

### 9.2 JSTL核心标签的使用(重点是if和foreach标签) ###

<h1>JSTL的常用的标签一</h1>
    
    
    <c:set var="i" value="张三" scope="page"></c:set>
    ${ i }
    <c:set var="city" value="上海" scope="page"></c:set>
    
    
    
    <c:out value="${ city }" default="北京"></c:out>
    
    <c:out value="<h1>标题一</h1>" escapeXml="false"></c:out>
    
    
    <c:set var="n1" value="10" scope="page"></c:set>
    <c:set var="n2" value="20" scope="page"></c:set>
    
    <c:if test="${ n1 < n2 }" var="flag" scope="page">
        n1 小于 n2
    </c:if>
    
    <c:if test="${ n1 >= n2 }">
        n1 大于等于 n2
    </c:if>
    
    <c:if test="${ flag }">
        n1 小于 n2
    </c:if>
    
    
    <c:choose>      实现了if...else的效果
        <c:when test="${n1 >= n2}">
            n1 大于等于 n2
        </c:when>
        <c:otherwise>
            n1 小于 n2
        </c:otherwise>
    </c:choose>
    
    <h1>JSTL常用标签:forEach的使用</h1>
    <h3>遍历数组</h3>
    <%
        String[] arrs = {
        "somnus1","somnus1","somnus1"};
        pageContext.setAttribute("arrs", arrs);
    %>
    
    <c:forEach var="i" items="${ arrs }">
        ${ i }
    </c:forEach>
    <h3>遍历List集合</h3>
    <%
        List list = new ArrayList();
        list.add("somnus1");
        list.add("somnus2");
        list.add("somnus3");
        pageContext.setAttribute("list", list);
    %>
    <c:forEach var="i" items="${ list }">
        ${ i }
    </c:forEach>
    <h3>遍历Map集合</h3>                
    <%
        Map<String,String> map = new HashMap<String,String>();
        map.put("aaa","somnus1");
        map.put("bbb","somnus2");
        map.put("ccc","somnus3");
        pageContext.setAttribute("map", map);
    %>
    <c:forEach var="entry" items="${ map }">               
        ${ entry.key }-${ entry.value }
    </c:forEach>
    
    <h3>遍历从1到10</h3>
    <c:forEach var="i" begin="1" end="10" step="2">
        ${ i }
    </c:forEach>
    <h3>遍历从100到300</h3>
    
    <c:forEach var="i" begin="100" end="300" step="5" varStatus="status">   
        <c:if test="${ status.count % 3 == 0 }">
            <font color="red">${ i }</font>
        </c:if>
        <c:if test="${ status.count % 3 != 0 }">
            ${ i }
        </c:if>
    </c:forEach>

### 9.3 JSTL提供的EL函数库的使用 ###

**JSTL标签库提供的EL函数库大多数是和字符串的操作相关的。**

<h1>JSTL提供的EL的函数库</h1>
    ${ fn:contains("Hello World","Hello") } 
    ${ fn:length("HelloWorld") } 
    ${ fn:toLowerCase("ABCDE") } 
    <c:forEach var="i" items='${ fn:split("a-b-c-d","-") }'> 
        ${ i }
    </c:forEach>

[SouthEast]: /images/20220616/1fdae706938d4ae09bc136c90c5f6b34.png
[jsp_out_response_getWriter]: /images/20220616/3d2ef445adaa43d3b2fbeaa08da05981.png