JSP & EL & JSTL的使用

你的名字 2022-11-30 01:35 151阅读 0赞

## JSP & EL & JSTL ##

## jsp ##

（1）JSP全称：Java Server Page

（2）什么是jsp

从用户角度看待，就是一个网页。从程序员角度看待，其实是一个java类，它继承了servlet，所以可以直接说jsp，就是一个Servlet。

（3）为什么会有jsp?

html 多数情况下用来显示静态内容 ， 一成不变的。  
但是有时候我们需要在网页上显示一些动态数据。  
比如： 查询所有的学生信息， 根据姓名去查询具体某个学生。 这些动作都需要去查询数据库，然后在网页上显示。  
html是不支持写java代码，jsp里面可以写java代码。

（4）怎么使用JSP？

<%@ 指令名字 %>

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

### 1、page指令 ###

（1）**language**  
表明jsp页面中可以写java代码。

（2）**contentType**

*  contentType=“text/html; charset=UTF-8”
 *  text/html，MIMEType，这是一个文本，html网页

其实即使说这个文件是什么类型，告诉浏览器此jsp文件内容是什么类型，以及使用什么编码。

（3）**pageEncoding**  
指定jsp中内容编码。

（4）**extends**  
用于指定jsp翻译成java文件后，继承的父类是谁，一般不用改。

（5）**import**  
导包使用的，一般不用手写。

（6）**session**  
值可选的有true or false。

用于控制在这个jsp页面里面，能够直接使用session对象。

具体的区别是，请看翻译后的java文件。  
如果该值是true：那么在代码里面会有getSession() 的调用。  
如果是false：那么就不会有getSession()方法调用，也就是没有session对象了。在页面上自然也就不能使用session了。

（7）**errorPage**  
指的是错误的页面， 值需要给错误的页面路径。

（8）**isErrorPage**  
上面的errorPage 用于指定错误的时候跑到哪一个页面去。 那么这个isErroPage , 就是声明某一个页面到底是不是错误的页面。

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

### 2、include ###

包含另外一个jsp的内容进来。

<%@ include file=“other02.jsp”%>

背后细节：

把另外一个页面的所有内容拿过来一起输出。 所有的标签元素都包含进来了。被称为：静态包含。

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

### 3、taglib ###

<%@ taglib prefix="" uri="" %>

uri：标签库路径  
prefix：标签库的别名

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

### 4、JSP动作标签 ###

常用的有3个：  
<jsp:include page=""></jsp:include>  
<jsp:param value="" name=""/>  
<jsp:forward page=""></jsp:forward>

（1）**jsp:include**

<jsp:include page=“other02.jsp”></jsp:include>

包含指定的页面， 这里是动态包含。 没有把包含的页面所有元素标签全部拿过来输出，而是把它的运行结果拿过来。

（2）**jsp:forward**

<jsp:forward page=""></jsp:forward>

前往哪一个页面，底层调用了以下代码：

<% 
    	//请求转发
    	request.getRequestDispatcher("other02.jsp").forward(request, response);
    %>

（3）**jsp:param**

意思是： 在包含某个页面的时候，或者在跳转某个页面的时候，加入这个参数，把这个参数也带过去。

// 跳往other02.jsp页面
    	<jsp:forward page="other02.jsp">
    		<jsp:param value="beijing" name="address"/>
    	</jsp:forward>

// 在other02.jsp中获取参数
    	收到的参数是：<br />
    	<%=request.getParameter("address")%>

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

### 5、JSP内置对象（重点） ###

（1）所谓内置对象，就是我们可以直接在jsp页面中使用这些对象，不用创建。

（2）JSP中有9个内置对象：  
pageContext, request, session, application  
out, exception, page, comfig, response

（3）其中以下4个是作用域对象：

*  **pageContext**
 *  **request**
 *  **session**
 *  **application**

其他5个内置对象：

*  out【类型：JspWriter】
 *  response【类型：HttpServletResponse】

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BpcGl6aGVuXw_size_16_color_FFFFFF_t_70_pic_center]

*  exception【类型：Throwable】
 *  page【类型：Object】 就是当前jsp翻译成的java类的实例对象
 *  config 【类型：ServletConfig】

（4）什么是作用域？

表示这些对象可以存值，他们的取值范围有限定。  
即setAttribute 和 getAttribute。

使用作用域来存储数据：<br>
    	<%
    		pageContext.setAttribute("name1", "value1");
    		request.setAttribute("name2", "value2");
    		session.setAttribute("name3", "value3");
    		application.setAttribute("name4", "value4");
    	%>
    	
    	取出四个作用域中的值：<br>	
    	<%=pageContext.getAttribute("name1")%>
    	<%=request.getAttribute("name2")%>
    	<%=session.getAttribute("name3")%>
    	<%=application.getAttribute("name4")%>

（5）作用域范围大小：

pageContext < request < session < application

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

### 6、四个作用域的区别（重点） ###

（1）pageContext【类型：PageContext】

作用域仅限于当前的页面。

还可以获取到其他八个内置对象。  
不过当前页面本身就有9个内置对象，没有必要用它再获取。

（2）request【类型：HttpServletRequest】

作用域仅限于一次请求，只要服务器对该请求做出了响应，这个域中存的值就没有了。

（3）session【类型：HttpSession】

作用域限于一次会话（多次请求与响应）当中。

（4）application 【类型：ServletContext】

整个工程都可以访问，只有服务器关闭后才不能访问。

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

## EL表达式 ##

为了简化jsp代码，具体一点就是为了简化在jsp里面写的那些java代码。

写法格式：$\{ 表达式 \}

如果从作用域中取值，会先从小的作用域开始取，如果没有，就往下一个作用域取。

一直把四个作用域取完，如果都没有，就没有显示，不会显示null。

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

### 1、如何使用EL ###

（1）取出4个作用域中存放的值

// 先存值：
    	<%
    		pageContext.setAttribute("name", "page");
    		request.setAttribute("name", "request");
    		session.setAttribute("name", "session");
    		application.setAttribute("name", "application");
    	%>
    	
    	按普通手段取值：<br>	
    	<%= pageContext.getAttribute("name")%>
    	<%= request.getAttribute("name")%>
    	<%= session.getAttribute("name")%>
    	<%= application.getAttribute("name")%>
    	
    	使用EL表达式取出作用域中的值：<br>		
    	${  pageScope.name }
    	${  requestScope.name }
    	${  sessionScope.name }
    	${  applicationScope.name }

（2）如果域中所存的是数组

<%
    		String [] a = { "aa", "bb", "cc", "dd"};
    		pageContext.setAttribute("array", a);
    	%>
       		
    	使用EL表达式取出作用域中数组的值<br>		
    	${ array[0] }, ${ array[1] }, ${ array[2] }, ${ array[3] }

（3）如果域中所存的是集合

使用EL表达式取出作用域中集合的值<br>
    	${ list[0] }, ${ list[1] }, ${ list[2] }, ${ list[3] }
    
    	Map数据：<br>
    	<%
    		Map map = new HashMap();
    		map.put("name", "zhangsna");
    		map.put("age", 18);
    		map.put("address", "北京");
    		// 如果name中有.符号，取的时候要注意使用["name"]
    		map.put("address.aa", "深圳");
    
    		pageContext.setAttribute("map", map);
    	%>

（4）取出Map集合的值

<%
       		Map map = new HashMap();
       		map.put("name", "zhangsna");
       		map.put("age",18);
       		map.put("address","北京..");
       		map.put("address.aa","深圳..");
    
       		pageContext.setAttribute("map", map);
       	%>
       	
       	使用EL表达式取出作用域中Map的值<br>
       	${ map.name }, ${ map.age }, ${ map.address }, ${ map["address.aa"] }

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

### 2、EL取值细节 ###

（1）从域中取值，得先存值。

<%
       		//pageContext.setAttribute("name", "zhangsan");
       		session.setAttribute("name", "lisi");
    	%>
    
       <br>直接到这个作用域里面去找name<br>
       ${  pageScope.name } 
    
       <br> // 先从page里面找，去request找，去session找，最后去application找<br>
       ${  name }
    
       <br>指定从session中取值<br>
       ${  sessionScope.name }

（2）取值方式

如果这份值是有下标的，那么直接使用\[ \]

<%
    		String [] array = { "aa", "bb", "cc"};
    		session.setAttribute("array", array);
    	%>
    
    	${  array[0] } --> 这里array说的是attribute的name

如果没有下标，直接使用 .的方式去取

<%
    		User user = new User("zhangsan",18);	
    		session.setAttribute("u", user);
    	%>
    	
    	${  u.name }, ${  u.age }

一般使用EL表达式，用的比较多的，都是从一个对象中取出它的属性值，比如取出某一个学生的姓名。

### 3、EL表达式的11个内置对象（重点） ###

*  pageContext

作用域相关对象

*  pageScope
 *  requestScope
 *  sessionScope
 *  applicationScope

头信息相关对象

*  header
 *  headerValues

参数信息相关对象

*  param
 *  paramValues
 *  cookie
    
    全局初始化参数
 *  initParam

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

## JSTL ##

JSTL全称：Jsp Standard Tag Library，jsp标准标签库。

简化jsp的代码编写，替换 <% jsp代码 %>，一般与EL表达式配合。

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

### 1、JSTL怎么使用 ###

（1）导入jar文件到工程的WebContent/Web-Inf/lib，导入jstl.jar和standard.jar。

（2）在jsp页面上，使用taglib指令，来引入标签库。

（3）注意：如果想支持 EL表达式，那么引入的标签库必须选择1.1的版本，1.0的版本不支持EL表达式。

<%@ taglib prefix=“c” uri=“http://java.sun.com/jsp/jstl/core” %>  
其中prefix的值c，可以为别的，这里的c是core的缩写。

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

### 2、常用标签 ###

常用标签有3个：  
<c:set></c:set>  
<c:if test=""></c:if>  
<c:forEach></c:forEach>

（1）**c:set** 的使用

<!-- 声明一个对象name， 值为zhangsan , 默认存储到page中，也可以指定存到session中。 <c:set var="name" value="zhangsan" scope="session"></c:set>
    		
    	${ sessionScope.name }

（2）**c:if** 的使用

判断test里面的表达式是否满足，如果满足，就执行c:if标签中的输出，c:if中是没有else分支的。

<c:set var="age" value="18" ></c:set>
    	
    	<c:if test="${ age > 20 }">
    		若条件age > 20成立，进入这里...
    	</c:if>
    	
    	<c:if test="${ age <= 20 }">
    		若条件age <= 20成立，进入这里...
    	</c:if>

定义一个变量名flag，去接收前面表达式的值，然后存在session域中。

<c:if test="${ age > 20 }" var="flag" scope="session">
    		年龄大于了20岁...
    	</c:if>

（3）**c:forEach** 的使用

从1 开始遍历到10，得到的结果，赋值给 i，并且会存储到page域中，step，增幅为2。

<c:forEach begin="1" end="10" var="i" step="2">
    		${  i }
    	</c:forEach>
    
    
    	
    	<c:forEach var="user" items="${ list }">
    		${ user.name } ---- ${ user.age }
    	</c:forEach>

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

### 例题：学生信息管理系统 ###

需求分析  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BpcGl6aGVuXw_size_16_color_FFFFFF_t_70_pic_center 1]

1、先写login.jsp登录界面，并且搭配一个LoginServlet去获取登录信息。  
jsp中写一个form表单：

2、创建用户表，里面只有：id，username，password。

3、创建UserDao，定义登录的方法

// 该dao定义了对用户表的访问规则
    public interface UserDao { 
    	boolean login(String userName，String password);
    }

4、创建UserDaoImpl，实现刚才定义的登录方法。

public class UserDaoImpl implements UserDao { 
    
    	@Override
    	public boolean login(String userName, String password) { 
    		
    		Connection conn = null;
    		PreparedStatement ps = null;
    		ResultSet rs   = null;
    
    		try { 
    			// 1、注册驱动。2、获取连接。
    			conn = JDBCUtil.getConn();
    									
    			// 3、获取预编译的数据库操作对象
    			String sql = "select * from t_user where username=? and password=?";
    			ps = conn.prepareStatement(sql);
    
    			// 给占位符传值
    			ps.setString(1, userName);
    			ps.setString(2, password);
    
    			// 4、执行sql语句
    			rs = ps.executeQuery();
    			
    			// 如果能够成功移到下一条记录，那么表明有这个用户
    			return rs.next();
    			
    		} catch (SQLException e) { 
    			e.printStackTrace();
    		} finally { 
    			// 6、释放资源
    			JDBCUtil.release(conn, ps, rs);
    		}
    		return false;
    	}
    	
    }

5、在LoginServlet里面访问UserDao，判断登录结果。

6、创建stu\_list.jsp，让登录成功的时候跳转过去。

7、创建学生表，里面字段随意。

8、定义学生的Dao，即StuDao。

public interface StuDao { 
    	List<Student> findAll();
    }

9、对上面定义的StuDao 做出实现 StuDaoImpl。

public class StuDaoImpl implements StuDao { 
    
    	@Override
    	public List<Student> findAll() { 
    		List<Student> list = new ArrayList<Student>();
    		Connection conn = null;
    		PreparedStatement ps = null;
    		ResultSet rs   = null;
    
    		try { 
    			// 1、注册驱动。2、获取连接。
    			conn = JDBCUtil.getConn();
    			
    			// 3、获取预编译的数据库操作对象
    			String sql = "select * from t_stu";
    			ps = conn.prepareStatement(sql);
    			
    			// 4、执行sql语句
    			rs = ps.executeQuery();
    		
    			// 5、处理查询结果集。数据多了，用对象装， 对象多了， 用集合装。 
    			while (rs.next()) {   //10 次 ，10个学生 
    				Student stu = new Student();
    				
    				stu.setId(rs.getInt("id"));
    				stu.setAge(rs.getInt("age"));
    				stu.setName(rs.getString("name"));
    				stu.setGender(rs.getString("gender"));
    				stu.setAddress(rs.getString("address"));
    				
    				list.add(stu);	
    			}
    		} catch (SQLException e) { 
    			e.printStackTrace();
    		} finally { 
    			// 6、释放资源
    			JDBCUtil.release(conn, ps, rs);
    		}
    				
    		return list;
    	}
    
    }

10、在登录成功的时候，完成三件事情。

（1）查询所有的学生

（2）把这个所有的学生集合存储到作用域中

（3）跳转到stu\_list.jsp

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 
    
    		//提交的数据有可能有中文，怎么处理？
    		request.setCharacterEncoding("UTF-8");
    		response.setContentType("text/html;charset=utf-8");
    		
    		//1. 获取客户端提交的信息
    		String userName = request.getParameter("username");
    		String password = request.getParameter("password");
    		
    		//2. 去访问dao，看看是否满足登录。
    		UserDao dao = new UserDaoImpl();
    		boolean isSuccess = dao.login(userName, password);
    		
    		//3. 针对dao的返回结果，做出响应
    		if(isSuccess){ 
    			//response.getWriter().write("登录成功.");
    			
    			//查询出来所有的学生信息。
    			StuDao stuDao = new StuDaoImpl();
    			List<Student> list = stuDao.findAll();
    			
    			//先把这个集合存到作用域中。
    			request.getSession().setAttribute("list", list);
    			
    			//重定向，跳转页面
    			response.sendRedirect("stu_list.jsp");
    			
    		}else{ 
    			response.getWriter().write("用户名或者密码错误！");
    		}
    }

11、在stu\_list.jsp中，取出域中的集合，然后使用标签c:forEach 去遍历集合。

<table border="1" width="700">
    		<tr align="center">
    			<td>编号</td>
    			<td>姓名</td>
    			<td>年龄</td>
    			<td>性别</td>
    			<td>住址</td>
    			<td>操作</td>
    		</tr>
    	
    		<c:forEach items="${list }" var="stu">
    			<tr align="center">
    				<td>${stu.id }</td>
    				<td>${stu.name }</td>
    				<td>${stu.age }</td>
    				<td>${stu.gender }</td>
    				<td>${stu.address }</td>
    				<td><a href="#">更新</a> <a href="#">删除</a></td>
    			</tr>
    		</c:forEach>
    	</table>

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

### 总结： ###

1、JSP

三大指令：page，include，taglib

三个动作标签：  
<jsp:include>  
<jsp:forward>  
<jsp:param>

Jsp中的9个内置对象

*  四个作用域对象：  
    pageContext  
    request  
    session  
    application
 *  out  
    exception  
    response  
    page  
    config

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

2、EL

$\{ 表达式 \}

取4个作用域中的值

$\{ 作用域对象.name \}, $\{ name \}

EL中的11个内置对象：

*  pageContext
 *  pageScope  
    requestScope  
    sessionScope  
    applicationScope
 *  header  
    headerValues
 *  param  
    paramValues
 *  cookie  
    initParam

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

3、JSTL

使用1.1的版本，支持EL表达式，1.0不支持EL表达式。

拷贝jar包，通过taglib 去引入标签库。

<c:set>  
<c:if>  
<c:forEach>

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

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BpcGl6aGVuXw_size_16_color_FFFFFF_t_70_pic_center]: /images/20221124/d24d3aecc25b40f685e162fc79ad0e3f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BpcGl6aGVuXw_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221124/3759a11fa5314b57b4f3a0c0e9686480.png