JavaWeb--EL表达式&JSTL 标签库

203 阅读5分钟

「这是我参与2022首次更文挑战的第8天,活动详情查看:2022首次更文挑战

前言

路遥说,在一个平凡的世界里,人要承受一定的痛苦和不安。但只要相信个体奋斗的力量,坚定地与生存搏斗,就能过上想要的生活。

很喜欢《平凡的世界》的一句话,一直不断的鼓励我努力向前,也送个各位看到这个写的很烂的文章的人,共勉~

一、EL表达式

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

EL 表达式的全称是:Expression Language。是表达式语言。

EL 表达式的什么作用:EL 表达式主要是代替 jsp 页面中的表达式脚本在 jsp 页面中进行数据的输出。

因为 EL 表达式在输出数据的时候,要比 jsp 的表达式脚本要简洁很多

image-20211225142604315

<%--
  Created by IntelliJ IDEA.
  User: Jack
  Date: 2021/12/25
  Time: 14:21
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>

    <%
        request.setAttribute("key","111");
    %>
    表达式输出key的值是:<%= request.getAttribute("key")%><br>
    EL表达式输出key的值是:${key}

</body>
</html>

EL表达式的格式是:${表达式} EL表达式在输出 null 值的时候,输出的是空串。jsp表达式脚本输出 null值的时候,输出的是null字符串。

el 表达式搜索域数据的顺序

EL表达式主要是在jsp页面中输出数据。

主要是输出域对象中的数据。

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

EL 表达式输出属性,表示运算

<%@ page import="com.caq.pojo.Person" %>
<%@ page import="java.util.ArrayList" %>
<%@ page import="java.util.Map" %>
<%@ page import="java.util.HashMap" %><%--
  Created by IntelliJ IDEA.
  User: Jack
  Date: 2021/12/25
  Time: 16:33
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>

<%
    Person person = new Person();
    person.setName("彭于晏好帅");
    person.setPhones(new String[]{"123456789", "987654321"});

    //创建的集合
    ArrayList<String> cities = new ArrayList<>();
    cities.add("北");
    cities.add("上");
    cities.add("广");
    cities.add("深");
    person.setCities(cities);

//        创建的map
    HashMap<String, Object> map = new HashMap<>();
    map.put("key1", "value1");
    map.put("key2", "value2");
    map.put("key3", "value3");
    person.setMap(map);

//        把person放到四个域中
    pageContext.setAttribute("p", person);

%>

输出Person ${p}<br/>
输出Person的name属性 ${p.name}<br/>
输出Person的phone属性: ${p.phones[0]}<br/>
输出Person的cities集合中的元素值:${p.cities}<br/>
输出Person的cities集合中的个别元素值:${p.cities[0]}<br/>
输出map集合:${p.map}<br/>
输出map集合中某个key的值:${p.map.key1}<br/>
输出Person的name属性 ${p.age}<br/>
结论:上面实验证明,在EL表达式里,不是直接找属性而是找的它们对应的get方法<br/>

等于运算符 :${12 eq 12}<br/>
小于运算符:${3 lt 13}<br/>
大于运算符:${4 gt 2}<br/>
小于等于:${ 5 le 12}<br/>
大于等于:${ 5 ge 3}<br/>

<hr>
${12 == 12 && 12 > 11} 或 ${11== 11 and 11<22}<br/>
${ ! true}<br/>


<%
    request.setAttribute("a",null);
%>
${ empty a}<br/>





</body>
</html>

这一章很好理解

image-20211225192214200

EL 表达式的 11 个隐含对象

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

变量类型作用
pageContextPageContextlmpl它可以获取jsp中的九大内置对象
pageScopeMap<String,Object>它可以获取 pageContext 域中的数据
requestScopeMap<String,Object>它可以获取 Request域中的数据
sessionScopeMap<String,Object>它可以获取Session域中的数据
applicationScopeMap<String,Object>它可以获取 ServletContext域中的数据
paramMap<String,String>它可以获取请求参数的值
paramValuesMap<String,String[]>它也可以获取请求参数的值,获取多个值的时候使用。
headerMap<String,String>它可以获取请求头的信息
headerValuesMap<String,String[]>它可以获取请求头的信息,它可以获取多个值的情况
cookieMap<String,Cookie>它可以获取当前请求的Cookie信息
initParamMap<String,String>它可以获取在 web.xml 中配置的上下文参数

看我这个表格做的多好,这不值得点个赞,收藏一下???

获取四个域中特点的属性

<%--
  Created by IntelliJ IDEA.
  User: Jack
  Date: 2021/12/25
  Time: 21:09
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
    <%
        pageContext.setAttribute("key1","pageContext1");
        pageContext.setAttribute("key2","pageContext2");
        request.setAttribute("key2","request的值");
        session.setAttribute("key2","session的值");
        application.setAttribute("key2","application的值");
    %>

<%--    它可以获取 ServletContext域中的数据--%>
    ${applicationScope.key2}<br/>

    ${sessionScope.key2}<br/>

    ${requestScope.key2}<br/>

    ${pageScope.key2}<br/>

    <hr/>

<%--   会去四个域搜索,从小到大--%>
    ${key2}<br/>

<%--    选择性的输出域的值--%>
    ${requestScope}

</body>
</html>

image-20211225211624074

pageContext对象的使用

request.getScheme() 它可以获取请求的协议
request.getServerName()获取请求的服务器ip或域名
request.getServerPort()获取请求的服务嚣端口号
request.getContextPath()获取当前工程路径
request.getMethod()获取请求方法
request.getRemoteHost()     获取客户端的ip

以下信息大部分在request对象当中,所以我们要先点request对象

JSP中的方式 <%=request.getScheme()%>
<%=request.getContextPath()%>

<%--
  Created by IntelliJ IDEA.
  User: Jack
  Date: 2021/12/25
  Time: 21:24
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
     1.协议:  ${pageContext.request.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>
</html>

烦烦烦

image-20211225220457533

二、JSTL 标签库

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

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

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

功能范围URI前缀
核心标准库java.sun.com/jsp/jstl/co…c
格式化java.sun.com/jsp/jstl/fm…fmt
函数java.sun.com/jsp/jstl/fu…fn
数据库java.sun.com/jsp/jstl/sq…sql
XMLjava.sun.com/jsp/jstl/xm…x

JSTL 标签库的使用步骤

先导入jstl标签库的jar包

​ taglibs-standard-impl-1.2.1.jartaglibs-standard-spec-1.2.1.jar

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

​ <%@ taglib prefix="c" uri="java.sun.com/jsp/jstl/co…" %>

core 核心库使用

<c:set />

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

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: Jack
  Date: 2021/12/25
  Time: 19:54
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>

<%--
    域对象.setAttribute( key , value);
    scope属性设置保存到哪个域
        page表示Pagecontext域
        request表示Request域
        session表示Session域
        application表示ServletContext域
    var属性   设置key是多少
    value属性 设置值
--%>

保存之前:${ requestScope.abc}<br/>
<c:set scope="request" var="abc" value="abcValue"/>
保存之后:${ requestScope.abc}<br/>


</body>
</html>

image-20211225210330765

<c:if />

<c:if test="${12 == 12 }">
    <h1> 12等于12 </h1>
</c:if>

<c:if test="${12 != 12}">
    <h1> 12 不等于 12</h1>
</c:if>

<c:choose > <c:when > <c:otherwise >标签

多路判断,跟switch...case...default非常类似

<%--choose标签开始选择判断--%>
<%--when表示每一种判断的情况--%>
<%--otherwise标签表示剩下的情况--%>
<%--<c : choose> <c:when> <c :otherwise>标签使用时需要注意的点:--%>
<%--    1,标签里不能使用htmL注释,要使用jsp注释--%>
<%--    2,when标签的父标签一定要是choose标签--%>

<%
//    在域里设置一个属性
    request.setAttribute("height",178);
%>

<c:choose>
    <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>
        <h2>你比它们都帅!</h2>
    </c:otherwise>

</c:choose>

image-20211225224220032

<c:forEach />

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: Jack
  Date: 2021/12/25
  Time: 22:46
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>


    <%--遍历110的情况
        begin属性设置开始的索引
        end属性设置结束的索引
        var属性表示循环的变量
        for(int i = 1; i<10 ; i++)
    --%>
        <c:forEach begin="1" end="10" var="i">
            ${ i }
        </c:forEach>

</body>
</html>

image-20211225224930941

这玩意是真的灵活

<table border="1">
    <c:forEach begin="1" end="10" var="i">
    <tr>
        <td>${ i }</td>
    </tr>
    </c:forEach>
</table>

image-20211225225629716

遍历Object数组

<%
    request.setAttribute("arr",new String[]{"123456789","32432423534"});
%>

<c:forEach items="${requestScope.arr}" var="item">
    ${item}<br>
</c:forEach>

遍历map集合

<%
    Map<String, Object> map = new HashMap<>();
    map.put("key1","value1");
    map.put("key2","value2");
    map.put("key3","value3");

    request.setAttribute("map",map);
%>

<%--item是数据域中的集合--%>
<c:forEach items="${requestScope.map}" var="entry">
    <h1>${entry.key} = ${entry.value}</h1>
</c:forEach>

三、文件的上传和下载

1、要有一个 form 标签,method=post 请求

2、form 标签的 encType 属性值必须为 multipart/form-data 值

3、在 form 标签中使用 input type=file 添加上传的文件

4、编写服务器代码(Servlet 程序)接收,处理上传的数据

encType=multipart/form-data 表示提交的数据,以多段(每一个表单项一个数据段)的形式进行拼接,然后以二进制流的形式发送给服务器

文件上传,HTTP协议的说明

image-20211226152440225

文件上传的API说明与使用

commons-fileupload.jar 需要依赖 commons-io.jar 这个包,所以两个包我们都要引入

第一步,就是需要导入两个 jar 包:

​ commons-fileupload-1.2.1.jar

​ commons-io-1.4.jar

commons-fileupload.jar和 commons-io.jar包中,我们常用的类有哪些?

servletFileUpload类,用于解析上传的数据。

Fileltem类,表示每一个表单项。

boolean ServletFileUpload.isMultipartContent(HttpServletRequest request);

​ 判断当前上传的数据格式是否是多段的格式。

public List parseRequest(HttpServletRequest request)

​ 解析上传的数据

boolean FileItem.isFormField()

​ 判断当前这个表单项,是否是普通的表单项。还是上传的文件类型。

​ true表示普通类型的表单项 ​ false表示上传的文件类型

String FileItem.getFieldName( )

​ 获取表单项的name 属性值

String FileItem.getString()

​ 获取当前表单项的值。

String FileItem.getName( );

​ 获取上传的文件名

void FileItem.write( file );

​ 将上传的文件写到参数file所指向抽硬盘位置。

fileupload 类库的使用

package com.caq.servlet;

import org.apache.commons.fileupload.FileItem;
import org.apache.commons.fileupload.FileItemFactory;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.File;
import java.io.IOException;
import java.util.List;

public class UploadServlet extends HttpServlet {
    
    //用来处理上传的数据
    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
//        System.out.println("文件上传过来了");
//        1.先判断上传的数据是否是多段的(只有是多段的数据,才是文件上传的)
        if (ServletFileUpload.isMultipartContent(req)){
//            创建FileItemFactory工厂实现类DiskFileItemFactory
            FileItemFactory fileItemFactory = new DiskFileItemFactory();
//            创建用于解析上传数据的工具类ServletFileUpload类
            ServletFileUpload servletFileUpload = new ServletFileUpload(fileItemFactory);
            try {
                // 解析上传的数据,得到每一个表单项 FileItem(也就是文件集合)
                List<FileItem> list = servletFileUpload.parseRequest(req);
                // 循环判断,每一个表单项,是普通类型, 还是上传的文件
                for (FileItem fileItem : list){
                    if (fileItem.isFormField()){
                        //普通表单项
                        System.out.println("表单项的name属性值:"+fileItem.getFieldName());
                        System.out.println("表单项的value属性值:"+fileItem.getString("UTF-8"));
                    }else {
                        //上传的文件
                        System.out.println("表单项的name属性值:"+fileItem.getFieldName());
                        System.out.println("上传的文件名" + fileItem.getName());

                        fileItem.write(new File("D:\\"+fileItem.getName()));
                    }
                }
            } catch (Exception e) {
                e.printStackTrace();
            }
        }
    }
}

具体实现细节,在代码中有详细标注!

实现结果如下图所示

image-20211226201417622

image-20211226203557672