EL表达式&JSTL标签&文件上传下载学习笔记

代码不会头发来凑

于 2022-10-22 08:54:20 发布

阅读量181

点赞数

文章标签：学习 java servlet java-ee

本文链接：https://blog.csdn.net/weixin_48622530/article/details/127457096

版权

EL表达式&JSTL标签&文件上传下载

一、EL表达式

1.1EL表达式概述

EL 表达式的全称是：Expression Language.是表达式语言。
EL表达式的作用：EL表达式主要是代替jsp页面中的表达式脚本在jsp页面中进行数据的输出
因为EL表达式在输出数据的时候，要比jsp的表达式脚本要简洁很多。

  <% request.setAttribute("KEY","值");%>
<!--  表达式脚本输出key的值是：-->
  <%=request.getAttribute("KEY")==null?"":request.getAttribute("KEY")%><br>
  ${s1}<br>
  ${KEY}<br>

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

1.2 EL表达式搜索域数据的顺序

EL 表达式主要是在jsp页面输出数据。
主要是输出域对象中的数据。
当四个域中都有相同的key的数据的时候，EL表达式会按照四个域的从小到大的顺序去进行搜索，找的就输出。

 <%
//  request.setAttribute("key","request");2
//  session.setAttribute("key"," session");3
//  application.setAttribute("key","application");4
//  pageContext.setAttribute("key","pageContext");1
  %>
  ${key}

1.3 EL表达式输出Bean的普通属性，数组属性。List集合属性，map集合属性

输出Person类中普通属性，数组属性。List集合属性和map集合属性。

Person类

package Bean;

import java.util.List;
import java.util.Map;

public class Person {
  private String name;
  private String[] phones;
  private List<String> cities;

  public String getName() {
    return name;
  }

  public void setName(String name) {
    this.name = name;
  }

  public String[] getPhones() {
    return phones;
  }

  public void setPhones(String[] phones) {
    this.phones = phones;
  }

  public List<String> getCities() {
    return cities;
  }

  public void setCities(List<String> cities) {
    this.cities = cities;
  }

  public Map<String, Object> getMap() {
    return map;
  }

  public void setMap(Map<String, Object> map) {
    this.map = map;
  }

  private Map<String,Object>map;
  public  int getAge(){
    return 18;
  }
}

输出的代码

 <%
    Person person = new Person();
    person.setName("王超666");
    person.setPhones(new String[]{"12345647896","1254478965","15344599282"});

    ArrayList<String> cities = new ArrayList<>();
    cities.add("北京");
    cities.add("上海");
    cities.add("深圳");
    person.setCities(cities);


    HashMap<String, Object>map = new HashMap<>();
    map.put("key1","value1");
    map.put("key2","value2");
    map.put("key3","value3");
    map.put("key4","value4");
    person.setMap(map);
    pageContext.setAttribute("p",person);

  %>
  输出Person:${p}<br>
  输出Person的name属性:${p.name}<br>
  输出Person的phones数组的属性值:${p.phones[1]}<br>
  输出Person的phones数组的属性值:${p.phones}<br>
  输出Person的cities数组的元素值:${p.cities}<br>
  输出Person的Map集合:${p.map};<br/>
  输出Person的Map集合中某个key的值:${p.map.key3}<br>
  输出Person的age属性:${p.age};<br/>

1.4 EL 表达式运算

语法：${运算表达式}，EL表达式支持如下运算符：

关系运算

关系运算符	说明	示例	结果
==或eq	等于	${5==5}或$ {5 eq 5}	true
!=或ne	不等于	${5！=5}或$ {5 ne 5 }	false
<或lt	小于	${3<5}或者$ {3 lt 5}	true
>或gt	大于	${2>10}或$ {2 gt 10}	false
<=或le	小于等于	${5<=12}或$ {5 le 12}	true
>=或ge	大于等于	${3>=5}或$ {3 ge 5}	false

逻辑运算符

逻辑运算符	说明	示例	结果
&&或and	与运算	$KaTeX parse error: Expected '}', got '&' at position 8: {12==12&̲&12<11}或$ {1 2= =12and 12<11}	false
\|\|或or	或运算	${12==12\|\|12<11} 或 ${ 12 = =or 12 < 11}	true
!或not	取反运算	${！true}或$ {not true}	false

empty运算（常用）

empty运算可以判断一个数据是否为空，如果为空，则输出true,不为空输出false。

以下几种情况为空：
- 1、值为null值的时候，为空
- 2、值为空串的时候，为空
- 3、值是Object类型数组，长度为零的时候
- 4、list集合，元素个数为零
- 5、map集合，元素个数为零

 //1.值为null时，为空
    request.setAttribute("emptyNull",null);
  //2.值为null时，为空
    request.setAttribute("emptyStr","");
  //3.值是Object类型数组，长度为零的时候
    request.setAttribute("emptyArr",new Object[]{});
  //4.list集合，元素个数为零
    ArrayList<String> list = new ArrayList<>();
   list.add("123");
    request.setAttribute("emptyList",list);
  //5.map集合，元素个数为零
    HashMap<String, Object> map = new HashMap<>();
   // map.put("123",2);
    request.setAttribute("emptyMap",map);

  %>
  ${empty emptyNull}<br>
  ${empty emptyStr}<br>
  ${empty emptyArr}<br>
  ${empty emptyList}<br>
  ${empty emptyMap}
<!--
true
true
true
false
true
-->

三元运算

表达式1？表达式2：表达式3
如果表达式1的值为真，返回表达式2的值，如果表达式1的值为假，返回表达式3的值

${12==12?“正确”:''错误"}

“.”运算和[]中括号运算符

.点运算，可以输出Bean对象中某个属性的值。

[]中括号运算，可以输出有序集合中某个元素的值。

并且[]中括号运算，还可以输出map集合中key里含有特殊字符的key的值。

<body>
    <%
    Map<String,Object>map=newHashMap<String,Object>();
    map.put("a.a.a","aaaValue");
    map.put("b+b+b","bbbValue");
    map.put("c-c-c","cccValue");
    request.setAttribute("map",map);
    %>
    
    ${map['a.a.a']}<br>
    ${map["b+b+b"]}<br>
    ${map['c-c-c']}<br>

</body>

1.5 El表达式的11个隐含对象

变量	类型	作用
pageContext	PageContextImpl	它可以获取jsp中的九大内置对象
pageScope	Map<String,Object>	它可以获取pageContext域中的数据
requestScope	Map<String,Object>	它可以获取Request域中的数据
sessionScope	Map<String,Object>	它可以获取Session域中的数据
applicationScope	Map<String,Object>	它可以获取ServletContext域中的数据
param	Map<String,String>	它可以获取请求参数的值
paramValues	Map<String,String[]>	它也可以获取请求参数的值，获取多个值的时候使用。
header	Map<String,String>	它可以获取请求头的信息
headerValues	Map<String,String[]>	它可以获取请求头的信息，它可以获取多个值的情况
cookie	Map<String,Cookie>	它可以获取当前请求的Cookie信息
initParam	Map<String,String>	它可以获取在web.xml中配置的< context-param>上下文参

pageContext对象的使用

1.协议：
2.服务器ip：
3.服务器端口：
4.获取工程路径：
5.获取请求方法：
6.获取客户端ip地址：
7.获取会话的id编号：

<%--
    request.getScheme()它可以获取请求的协议
    request.getServerName()获取请求的服务器ip或域名
    request.getServerPort()获取请求的服务器端口号
    getContextPath()获取当前工程路径
    request.getMethod()获取请求的方式（GET或POST）
    request.getRemoteHost()获取客户端的ip地址
    session.getId()获取会话的唯一标识
    --%>
<%
pageContext.setAttribute("req",request);
%>

<%=request.getScheme()%><br>

1.协议：${req.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>

EL表达式其他隐含对象的使用

变量	类型	作用
param	Map<String,String>	他可以获取请求参数的值
paramValues	Map<String,String[]>	他也可以获取请求参数的值，获取多个值的时候使用

输出请求参数username的值：${param.username}<br>
输出请求参数password的值：${param.password}<br>

输出请求参数username的值：${paramValues.username[0]}<br>
输出请求参数hobby的值：${paramValues.hobby[0]}<br>
输出请求参数hobby的值：${paramValues.hobby[1]}<br>

二、JSTL标签库

1. 概述

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

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

在jsp标签库中使用taglib指令引入标签库CORE标签库

< %@taglibprefix="c"uri=“http://java.sun.com/jsp/jstl/core”%>

XML标签库

< %@taglibprefix="x"uri=“http://java.sun.com/jsp/jstl/xml”%>

FMT标签库

< %@taglibprefix="fmt"uri=“http://java.sun.com/jsp/jstl/fmt”%>

SQL标签库

< %@taglibprefix="sql"uri=“http://java.sun.com/jsp/jstl/sql”%>

FUNCTIONS标签库

< %@taglibprefix="fn"uri=“http://java.sun.com/jsp/jstl/functions”%>

1.1JSTL标签库的使用步骤

1、先导入jstl标签库的jar包。

taglibs-standard-impl-1.2.1.jar

taglibs-standard-spec-1.2.1.jar

2、第二步，使用taglib指令引入标签库。< %@taglibprefix="c"uri=“http://java.sun.com/jsp/jstl/core”%>

2.core核心库的使用

2.1 < c:if/>

作用：用来做if判断

<%--<c:if/>if标签用来做if判断。test属性表示判断的条件（使用EL表达式输出）--%>
  <c:if test="${12==12}">
    <h1>正确</h1>
  </c:if>
  <c:if test="${12!=12}">
    <h1>错误</h1>
  </c:if>

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

作用：多路判断。跟switch…case…default非常接近

<%-- choose标签开始选择判断
    when标签表示每一种判断情况
    test属性表示当前这种判断情况的值
    otherwise标签表示剩下的情况
    <c:choose><c:when><c:otherwise>标签使用时需要注意的点：
        1、标签里不能使用html注释，要使用jsp注释
        2、when标签的父标签一定要是choose标签
        --%>
<%request.setAttribute("height",120);%>
<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>
  <c:choose>
  <c:when test="${requestScope.height>160}">
  <h3>大于160</h3>
  </c:when>
  <c:when test="${requestScope.height>150}">
  <h3>大于150</h3>
  </c:when>
  <c:when test="${requestScope.height>140}">
  <h3>大于140</h3>
  </c:when>
  <c:otherwise>其他小于140</c:otherwise>
  </c:choose>
  </c:otherwise>
</c:choose>

2.3< c:forEach/>

遍历输出

遍历1到10

<%--begin属性设置开始的索引
end属性设置结束的索引
var属性表示循环的变量(也是当前正在遍历到的数据)
--%>
  <c:forEach begin="1" end="10" var="i">
    <tr>
      <td>第${i}行</td><br>
    </tr>
  </c:forEach>

遍历Object数组

<%-- for(Objectitem:arr)
    items表示遍历的数据源（遍历的集合）
    var表示当前遍历到的数据
    --%>
 <%
  request.setAttribute("arr",new String[]{"185655615156","1925645132","17165156651"});
  %>
  <c:forEach items="${requestScope.arr}" var="item">
    ${item}<br>
  </c:forEach>

遍历Map集合

<%
    HashMap<String, Object> map = new HashMap<>();
    map.put("key1","value1");
    map.put("key2","value2");
    map.put("key3","value3");
    map.put("key4","value4");
    request.setAttribute("map",map);
  %>
  <c:forEach items="${requestScope.map}" var="entry">
    <h1 style="color: brown">${entry.key}=${entry.value}</h1>
  </c:forEach>

遍历List集合

Student类：

public class Student {
  private Integer id;
  private String username;
  private String password;
  private Integer age;
  private String phone;


  @Override
  public String toString() {
    return "Student{" +
      "id=" + id +
      ", username='" + username + '\'' +
      ", password='" + password + '\'' +
      ", age=" + age +
      ", phone='" + phone + '\'' +
      '}';
  }

  public Integer getId() {
    return id;
  }

  public void setId(Integer id) {
    this.id = id;
  }

  public String getUsername() {
    return username;
  }

  public void setUsername(String username) {
    this.username = username;
  }

  public String getPassword() {
    return password;
  }

  public void setPassword(String password) {
    this.password = password;
  }

  public Integer getAge() {
    return age;
  }

  public void setAge(Integer age) {
    this.age = age;
  }

  public String getPhone() {
    return phone;
  }

  public void setPhone(String phone) {
    this.phone = phone;
  }

  public Student() {
  }

  public Student(Integer id, String username, String password, Integer age, String phone) {
    this.id = id;
    this.username = username;
    this.password = password;
    this.age = age;
    this.phone = phone;
  }
}

代码

<!--  遍历学生List集合-->
  <%
    ArrayList<Student> studentList = new ArrayList<>();
    for (int i = 1; i <10 ; i++) {
      studentList.add(new Student(i,"username"+i,"pass"+i,18+i,"phone"+i));
    }
    request.setAttribute("stus",studentList);
  %>
  <table>
    <tr>
      <th>编号</th>
      <th>用户名</th>
      <th>密码</th>
      <th>年龄</th>
      <th>电话</th>
      <th>操作</th>
    </tr>

    <%--
    items表示遍历的集合
    var表示遍历到的数据
    begin表示遍历的开始索引值
    end表示结束的索引值
    step属性表示遍历的步长值
    varStatus属性表示当前遍历到的数据的状态
    for（inti=1;i<10;i+=2）
    --%>
    <c:forEach begin="2" end="9" step="1" varStatus="status" items="${requestScope.stus}" var="stu">
      <tr>
        <td>${stu.id}</td>
        <td>${stu.username}</td>
        <td>${stu.password}</td>
        <td>${stu.age}</td>
        <td>${stu.phone}</td>
        <td>${status.step}</td>
      </tr>
    </c:forEach>
  </table>

三、文件的上传和下载

3.1文件上传

文件上传：将客户端的文件保存到服务器端
1、要有一个form标签，method=post请求
2、form标签的encType属性值必须为multipart/form-data值
- application/x-www-form-urlencoded：数据进行URL编码格式：键=值&键=值
- text/plain:纯文本发送
- multipart/form-data：可以发送二进制数据，专门用于文件上传;表示提交的数据，以多段（每一个表单项一个数据段）的形式进行拼接，然后以二进制流的形式发送给服务器
3、在form标签中使用inputtype=file添加上传的文件
4、编写服务器代码（Servlet程序）接收，处理上传的数据。

对Servlet限制：
1.request.getParameter()方法不能使用了。即使用了也获取的是null
2.使用request.getInputStream()来获取所有消息体数据。然后解析

解析消息体数据：

使用 commons-fileupload 组件解析消息体

步骤：
	1.导入jar包。注意：还需要导入 commons-io.jar
	2.创建解析器工厂
	3.获取解析器
	4.解析request对象，返回 List<FileItem>	(表单项对象集合)
	5.遍历集合，获取每一个表单项，获取数据
		* FileItem对象的方法：
			* 通用方法：
				* 判断是否是普通表单项：isFormField() 
				* 获取表单项name名称：getFieldName()
			* 普通表单项的方法：
				* 获取表单项的值：getString(String encoding) 
			* 文件表单项的方法：
				* 获取文件名称：getName()
				* 获取文件类型：getContentType() 
				* 获取文件大小：getSize()

操作流程


			* 获取文件关联的输出流：getOutputStream()
			* 将文件数据写入硬盘：write(File file)
	//解决文件名称乱码问题
	request.setCharacterEncoding("utf-8");
	
	//1.导入jar包
	//2.创建解析器工厂
	DiskFileItemFactory factory = new DiskFileItemFactory();
	//3.获取解析器
	ServletFileUpload fileUpload = new ServletFileUpload(factory);
	//4.解析 request
	List<FileItem> fileItems = fileUpload.parseRequest(request);
	//5.遍历
	for (FileItem fileItem : fileItems) {
		//获取表单项的name属性值
		String fieldName = fileItem.getFieldName();
		System.out.println(fieldName);
		//5.1判断
		if(fileItem.isFormField()){
			//普通表单项
			//获取表单项提交的数据
			 //获取普通表单项的值
     	if (fieldName.equals("username")) {
        	 String username = fileItem.getString("utf-8");
        	 System.out.println("通表单项的值:" + username);
           				 }
		}else{
			//文件表单项
			//获取文件名称
			String name = fileItem.getName();
			//文件类型
			String contentType = fileItem.getContentType();
			//文件大小
			long size = fileItem.getSize();
			System.out.println(name);
			System.out.println(contentType);
			System.out.println(size);
			
//将文件写入硬盘上 这个upload文件夹一开始判断一下,如果不存在,要用代码创建出来
File dir = new File(this.getServletContext().getRealPath("/upload"));
			String filename = UUIDUtils.randomUUID() + "_" + name;//随机文件名(保证文件名称唯一)
			
			File file = new File(dir, filename);
			
			fileItem.write(file);
			
		}
		System.out.println("-------------------------");
	}

案例演示 JSP代码

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>$Title$</title>
  </head>
  <body>
  <form action="http://localhost:8080/WenJianShangChuan_war_exploded/upload" method="post" enctype="multipart/form-data">
   用户名 <input type="text" name="username" >
    密码 <input type="password" name="password" >
    选择上传的文件：<input type="file" name="uplod">
    <input type="submit" value="提交">
  </form>
  </body>
</html>

Servlet代码

@WebServlet(name = "Upload", value = "/upload")
public class Upload extends HttpServlet {
  @Override
  protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    this.doPost(request, response);
  }

  @Override
  protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    request.setCharacterEncoding("utf-8");
    DiskFileItemFactory factory = new DiskFileItemFactory();
    ServletFileUpload fileUpload = new ServletFileUpload(factory);
    try {
      List<FileItem> fileltems = fileUpload.parseRequest(request);
      for (FileItem fileItem : fileltems) {

          if (fileItem.isFormField()) {
            if (fileItem.equals("username")) {
              String username = fileItem.getString();
              System.out.println("姓名"+username);
            }
            if (fileItem.equals("password")) {
              String password = fileItem.getString();
              System.out.println("密码"+password);
            }
          }else {
            String name = fileItem.getName();
            String contentType = fileItem.getContentType();
            long size = fileItem.getSize();
            File dir = new File(this.getServletContext().getRealPath("/upload"));
            String filename=name;
            File file = new File(dir, filename);

            fileItem.write(file);
          }
      }
    } catch (Exception e) {
      e.printStackTrace();
    }
  }
}

成功后

3.2 文件下载

文件下载：服务器端保存到客户端
注意：下载时测试中文命名的文件不要在eclipse 里面改中文名可以在外面改好之后拿进来
* 下载方式：
1.超链接直接指向目标资源下载：
* 如果浏览器可以解析目标文件，则直接在浏览器中打开。反之，则弹出下载提示框
2.通过Servlet实现下载
1.超链接指向servlet，传递目标资源的标识符。
2.定义Servlet
2.1获取文件标识，找到文件对象
2.2创建输入流，关联目标文件
2.3设置响应头：
content-disposition:消息体数据的打开方式
* content-disposition:attachment;filename=xxx
content-type:类型
2.4将输入流数据写入response输出流中

下载细节：
	文件名乱码：
		1.Servlet获取文件名称，解决乱码，get请求
			filename = new String(filename.getBytes("iso-8859-1"), "utf-8");
		2.让下载提示框也显示中文。
				2.1获取浏览器版本信息	
			String agent = request.getHeader("user-agent");
				2.2根据不同的版本，发送不同的数据
  <body>
	<a href="/day13/xlj.avi">寻龙诀.avi 下载</a>
	<a href="/day13/404.jpg">寻龙诀海报</a>
	<hr>
	<a href="/day13/downloadServlet?filename=寻龙诀.avi">寻龙诀.avi 下载</a>
	<a href="/day13/downloadServlet?filename=404.jpg">寻龙诀海报</a>
</body>

	// 1.获取文件名称
	String filename = request.getParameter("filename");
	//如是8.0以上版本的tomcat 这行不需要因为8.0的tomcat get请求 中文参数tomcat8.0已经处理了
	//filename = new String(filename.getBytes("iso-8859-1"), "utf-8");
	// 2.获取文件对象
	String realPath = this.getServletContext().getRealPath("/" + filename);
	// 3.创建输入流，关联文件
	FileInputStream fis = new FileInputStream(realPath);

	// 获取浏览器的版本信息，根据不同的浏览器，发送不同的数据(文件名称)
	String agent = request.getHeader("user-agent");
	if (agent.contains("MSIE")) {
		// IE浏览器
		filename = URLEncoder.encode(filename, "utf-8");
		filename = filename.replace("+", " ");
	} else if (agent.contains("Firefox")) {
		// 火狐浏览器
		BASE64Encoder base64Encoder = new BASE64Encoder();
		filename = "=?utf-8?B?"
				+ base64Encoder.encode(filename.getBytes("utf-8")) + "?=";
	} else if (agent.contains("Chrome")) {
		// google浏览器
		filename = URLEncoder.encode(filename, "utf-8");
	} else {
		// 其它浏览器
		filename = URLEncoder.encode(filename, "utf-8");
	}

	// 4.设置响应头
	// 告诉浏览器，响应消息体数据打开方式
	response.setHeader("content-disposition", "attachment;filename="
			+ filename);
	response.setHeader("content-type", this.getServletContext()
			.getMimeType(filename));
	// 5.写数据
	IOUtils.copy(fis, response.getOutputStream());

	fis.close();

下载的常用API说明：

response.getOutputStream();

servletContext.getResourceAsStream();

servletContext.getMimeType();

response.setContentType();

response.setHeader(“Content-Disposition”,“attachment;fileName=1.jpg”);

这个响应头告诉浏览器。这是需要下载的。而attachment表示附件，也就是下载的一个文件**fileName=**后面，表示下载的文件名。

完成上面的两个步骤，下载文件是没问题了。但是如果我们要下载的文件是中文名的话。你会发现，下载无法正确显示出正确的中文名。

原因是在响应头中，不能包含有中文字符，只能包含ASCII码

URLEncoder解决IE和谷歌浏览器的附件中文问题

如果客户端浏览器是IE浏览器或者是谷歌浏览器。我们需要使用URLEncoder类先对中文名进行UTF-8的编码操作。

因为IE浏览器和谷歌浏览器收到含有编码后的字符串后会以UTF-8字符集进行解码显示。

//把中文名进行UTF-8编码操作。

Stringstr="attachment;fileName="+URLEncoder.encode("中文.jpg","UTF-8");

//然后把编码后的字符串设置到响应头中

response.setHeader("Content-Disposition",str);