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

╰半夏微凉° 2022-03-10 17:23 206阅读 0赞

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

## 一、JSP技术 ##

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

#### jsp脚本： ####

1）<%java代码%> ----- 内部的java代码翻译到service方法的内部  
2）<%=java变量或表达式> ----- 会被翻译成service方法内部out.print()  
3）<%!java代码%> ---- 会被翻译成servlet的成员的内容  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 1]

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

1）Html注释：``—可见范围 jsp源码、翻译后的servlet、页面 显示html源码  
2）java注释：//单行注释 /*多行注释*/ --可见范围 jsp源码 翻译后的servlet  
3）jsp注释：<%–注释内容–%> ----- 可见范围 jsp源码可见  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 2]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 3]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 4]

### 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：当前页面是一个处理错误的页面  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 5]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 6]  
当不进行设置web应用的全局的错误页面时候，会出现这样的错误：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 7]  
设置web应用的全局的错误页面-就近调用自己的  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 8]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 9]

#### 2）include指令 ####

页面包含（静态包含）指令，可以将一个jsp页面包含到另一个jsp页面中  
格式：<%@ include file=“被包含的文件地址”%>  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 10]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 11]

#### 3）taglib指令 ####

在jsp页面中引入标签库（jstl标签库、struts2标签库）  
格式：<%@ taglib uri=“标签库地址” prefix=“前缀”%>

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

jsp被翻译成servlet之后，service方法中有9个对象定义并初始化完毕，我们在jsp 脚本中可以直接使用这9个对象  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 12]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 13]  
打开任意一个.jsp文件  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 14]

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

out的类型：JspWriter  
out作用就是想客户端输出内容----out.write()  
out缓冲区默认8kb 可以设置成0 代表关闭out缓冲区 内容直接写到respons缓冲 器  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 15]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 16]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 17]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 18]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 19]

##### (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应用

2）可以获得其他8大隐式对象  
例如： pageContext.getRequest()  
pageContext.getSession()

<%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
    	<%
    		//使用pageContext向request域存数据
    		request.setAttribute("name", "zhangsan");
    		pageContext.setAttribute("name", "sunba");
    		pageContext.setAttribute("name", "lisi",PageContext.REQUEST_SCOPE);
    		pageContext.setAttribute("name", "wangwu", PageContext.SESSION_SCOPE);
    		pageContext.setAttribute("name", "tianqi", PageContext.APPLICATION_SCOPE);
    	%>
    	
    	<%=request.getAttribute("name") %>
    	<%=pageContext.getAttribute("name", PageContext.REQUEST_SCOPE) %>
    	
    	
    	
    	<%=pageContext.findAttribute("name") %>
    	
    	<%
    		/* 可以获得其他8大隐式对象 */
    		pageContext.getRequest();
    		pageContext.getOut();
    	%>
    </body>
    </html>

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

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

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

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

静态包含与动态包含的区别？  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 22]  
静态包含

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 23]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 24]  
动态包含

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 25]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 26]

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

转发：地址不发生改变

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

### 案例：完成商品的列表的展示 ###

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

package cn.itcast.servlet;
    
    import java.io.IOException;
    import java.sql.SQLException;
    import java.util.List;
    
    import javax.servlet.ServletException;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    
    import org.apache.commons.dbutils.QueryRunner;
    import org.apache.commons.dbutils.handlers.BeanListHandler;
    
    import cn.itcast.domain.Product;
    import cn.itcast.utils.DataSourceUtils;
    
    public class ProductListServlet extends HttpServlet {
    
    	public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    		//准备所有商品数据--List<Product>
    		QueryRunner runner = new QueryRunner(DataSourceUtils.getDataSource());
    		String sql = "select * from product";
    		List<Product> productList = null;
    		try {
    			productList = runner.query(sql, new BeanListHandler<Product>(Product.class));
    		} catch (SQLException e) {
    			
    			e.printStackTrace();
    		}
    		
    		//商品的集合准备好
    		//将数据存到request域,转发给product_List.jsp进行显示
    		request.setAttribute("productList", productList);
    		request.getRequestDispatcher("/product_list.jsp").forward(request, response);
    		
    	}
    
    	public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    		doGet(request, response);
    	}
    }

product\_list.jsp

<%
    			//获得集合List<Product>
    			List<Product> productList = (List<Product>)request.getAttribute("productList");
    			if(productList != null){
    				for(Product product : productList){
    					out.write("<div class='col-md-2' style='height:230px'>");
    					out.write("<a href='product_info.htm'> <img src='" + product.getPimage() + "' width='170' height='170' style='display: inline-block;'></a>");
    					out.write("<p><a href='product_info.html' style='color: green'>" + product.getPname() + "</a></p>");
    					out.write("<p><font color='#FF0000'>商城价：¥" + product.getShop_price() + "</font></p>");
    					out.write("</div>");					
    				}
    			}
    		%>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 29]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 30]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 31]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 32]

## 二、EL技术 ##

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

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

### 2．EL从域中取出数据(EL最重要的作用) ###

jsp脚本：<%=request.getAttribute(name)%>  
EL表达式替代上面的脚本：$\{ [requestScope.name][]\}

EL最主要的作用是获得四大域中的数据，格式 E L 表 达 式 E L 获 得 p a g e C o n t e x t 域 中 的 值 ： \{EL表达式\} EL获得pageContext域中的值： EL表达式EL获得pageContext域中的值：\{pageScope.key\};  
EL获得request域中的值： r e q u e s t S c o p e . k e y ; E L 获 得 s e s s i o n 域 中 的 值 ： \{requestScope.key\}; EL获得session域中的值： requestScope.key;EL获得session域中的值：\{sessionScope.key\};  
EL获得application域中的值： a p p l i c a t i o n S c o p e . k e y ; E L 从 四 个 域 中 获 得 某 个 值 \{applicationScope.key\}; EL从四个域中获得某个值 applicationScope.key;EL从四个域中获得某个值\{key\};  
—同样是依次从pageContext域，request域，session域，application域中 获取属性，在某个域中获取后将不在向后寻找

1）获得普通字符串

2）获得User对象的值

3）获得List的值

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

pageScope,requestScope,sessionScope,applicationScope  
\---- 获取JSP中域中的数据  
param,paramValues - 接收参数.  
相当于request.getParameter() rrquest.getParameterValues()  
header,headerValues - 获取请求头信息  
相当于request.getHeader(name)  
initParam - 获取全局初始化参数  
相当于this.getServletContext().getInitParameter(name)  
cookie - WEB开发中cookie  
相当于request.getCookies()—cookie.getName()—cookie.getValue()  
pageContext - WEB开发中的pageContext.  
**pageContext获得其他八大对象**

${pageContext.request.contextPath}

相当于  
<%=pageContext.getRequest().getContextPath%> 这句代码不能实现  
获得WEB应用的名称

### 4．EL执行表达式 ###

例如：  
$\{1+1\}  
$\{empty user\}  
$\{user==null?true:false\}

## 三、JSTL技术 ##

### 1．JSTL概述 ###

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

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

JSTL下载：  
从Apache的网站下载JSTL的JAR包。进入 “[http://archive.apache.org/dist/jakarta/taglibs/standard/binaries/”网址下载][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）

将两个jar包导入我们工程的lib中  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 34]  
使用jsp的taglib指令导入核心标签库  
![在这里插入图片描述][20190312212215150.png]

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

1）<c:if test=””>标签  
其中test是返回boolean的条件  
2）<c:forEach>标签  
使用方式有两种组合形式：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 35]  
示例：

1）遍历List的值

2）遍历List的值

3）遍历Map<String,String>的值

4）遍历Map<String,User>的值

5）遍历Map<User,Map<String,User>>的值  
entry.key-----User  
entry.value------List<String,User>

## 四、javaEE的开发模式 ##

### 1．什么是模式 ###

模式在开发过程中总结出的“套路”，总结出的一套约定俗成的设计模式

### 2．javaEE经历的模式 ###

model1模式：  
技术组成：jsp+javaBean  
model1的弊端：随着业务复杂性 导致jsp页面比较混乱  
model2模式  
技术组成：jsp+servlet+javaBean  
model2的优点：开发中 使用各个技术擅长的方面  
servlet：擅长处理java业务代码  
jsp：擅长页面的现实

MVC：---- web开发的设计模式  
M：Model—模型 javaBean：封装数据  
V：View-----视图 jsp：单纯进行页面的显示  
C：Controller----控制器 Servelt：获取数据–对数据进行封装–传递数据-- 指派显示的jsp页面

### 3．javaEE的三层架构 ###

服务器开发时 分为三层  
web层：与客户端交互  
service层：复杂业务处理  
dao层：与数据库进行交互  
开发实践时 三层架构通过包结构体现  
[MVC与三层架构有什么关系？][MVC]

## 总结： ##

EL表达式  
从域中取出数据 $\{域中存储的数据的name\}  
$\{pageContext.request.contextPath\}

JSTL标签(核心库)  
<%@ taglib uri=”” prefix=”c”%>

<c:if test=””>

<c:forEach items=”数组或集合” var=”数组或集合中的每一个元素”>

javaEE三层架构+MVC

web层：收集页面数据，封装数据，传递数据，指定响应jsp页面  
service层：逻辑业务代码的编写  
dao层：数据库的访问代码的编写  
案例：完成商品的列表的展示(使用EL+JSTL进行显示)  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 36]  
com.itheima.domain.Product

package com.itheima.domain;
    
    public class Product {
    
    	/*`pid` varchar(32) NOT NULL,
    	  `pname` varchar(50) DEFAULT NULL,
    	  `market_price` double DEFAULT NULL,
    	  `shop_price` double DEFAULT NULL,
    	  `pimage` varchar(200) DEFAULT NULL,
    	  `pdate` date DEFAULT NULL,
    	  `is_hot` int(11) DEFAULT NULL,
    	  `pdesc` varchar(255) DEFAULT NULL,
    	  `pflag` int(11) DEFAULT NULL,
    	  `cid` varchar(32) DEFAULT NULL*/
    	
    	private String pid;
    	private String pname;
    	private double market_price;
    	private double shop_price;
    	private String pimage;
    	private String pdate;
    	private int is_hot;
    	private String pdesc;
    	private int pflag;
    	private String cid;
    	public String getPid() {
    		return pid;
    	}
    	public void setPid(String pid) {
    		this.pid = pid;
    	}
    	public String getPname() {
    		return pname;
    	}
    	public void setPname(String pname) {
    		this.pname = pname;
    	}
    	public double getMarket_price() {
    		return market_price;
    	}
    	public void setMarket_price(double market_price) {
    		this.market_price = market_price;
    	}
    	public double getShop_price() {
    		return shop_price;
    	}
    	public void setShop_price(double shop_price) {
    		this.shop_price = shop_price;
    	}
    	public String getPimage() {
    		return pimage;
    	}
    	public void setPimage(String pimage) {
    		this.pimage = pimage;
    	}
    	public String getPdate() {
    		return pdate;
    	}
    	public void setPdate(String pdate) {
    		this.pdate = pdate;
    	}
    	public int getIs_hot() {
    		return is_hot;
    	}
    	public void setIs_hot(int is_hot) {
    		this.is_hot = is_hot;
    	}
    	public String getPdesc() {
    		return pdesc;
    	}
    	public void setPdesc(String pdesc) {
    		this.pdesc = pdesc;
    	}
    	public int getPflag() {
    		return pflag;
    	}
    	public void setPflag(int pflag) {
    		this.pflag = pflag;
    	}
    	public String getCid() {
    		return cid;
    	}
    	public void setCid(String cid) {
    		this.cid = cid;
    	}	
    }

com.itheima.utils.DataSourceUtils

package com.itheima.utils;
    
    import java.sql.Connection;
    import java.sql.ResultSet;
    import java.sql.SQLException;
    import java.sql.Statement;
    
    import javax.sql.DataSource;
    
    import com.mchange.v2.c3p0.ComboPooledDataSource;
    
    public class DataSourceUtils {
    
    	private static DataSource dataSource = new ComboPooledDataSource();
    
    	private static ThreadLocal<Connection> tl = new ThreadLocal<Connection>();
    
    	// 直接可以获取一个连接池
    	public static DataSource getDataSource() {
    		return dataSource;
    	}
    
    	// 获取连接对象
    	public static Connection getConnection() throws SQLException {
    
    		Connection con = tl.get();
    		if (con == null) {
    			con = dataSource.getConnection();
    			tl.set(con);
    		}
    		return con;
    	}
    
    	// 开启事务
    	public static void startTransaction() throws SQLException {
    		Connection con = getConnection();
    		if (con != null) {
    			con.setAutoCommit(false);
    		}
    	}
    
    	// 事务回滚
    	public static void rollback() throws SQLException {
    		Connection con = getConnection();
    		if (con != null) {
    			con.rollback();
    		}
    	}
    
    	// 提交并且 关闭资源及从ThreadLocall中释放
    	public static void commitAndRelease() throws SQLException {
    		Connection con = getConnection();
    		if (con != null) {
    			con.commit(); // 事务提交
    			con.close();// 关闭资源
    			tl.remove();// 从线程绑定中移除
    		}
    	}
    
    	// 关闭资源方法
    	public static void closeConnection() throws SQLException {
    		Connection con = getConnection();
    		if (con != null) {
    			con.close();
    		}
    	}
    
    	public static void closeStatement(Statement st) throws SQLException {
    		if (st != null) {
    			st.close();
    		}
    	}
    
    	public static void closeResultSet(ResultSet rs) throws SQLException {
    		if (rs != null) {
    			rs.close();
    		}
    	}
    
    }

com.itheima.web.ProductListServlet

package com.itheima.web;
    
    import java.io.IOException;
    import java.util.List;
    
    import javax.servlet.ServletException;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    
    import com.itheima.domain.Product;
    import com.itheima.service.ProductService;
    
    public class ProductListServlet extends HttpServlet {
    
    	public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    		//传递请求到service层
    		ProductService service = new ProductService();
    		List<Product> productList = null;
    		try {
    			productList = service.findAllProduct();
    		} catch (Exception e) {
    			System.out.println(e);
    		}
    		//全部商品的数据都准备好了,转发给JSP进行数据的演示
    		request.setAttribute("productList", productList);
    		
    		request.getRequestDispatcher("/product_list.jsp").forward(request, response);
    		
    	}
    
    	public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    		doGet(request, response);
    	}
    }

product\_list.jsp

<c:forEach items="${productList }" var="product">
    			<div class="col-md-2" style="height:250px">
    				<a href="product_info.htm"> 
    					<img src="${pageContext.request.contextPath }/${product.pimage }" width="170" height="170" style="display: inline-block;">
    				</a>
    				<p>
    					<a href="product_info.html" style='color: green'>${product.pname }</a>
    				</p>
    				<p>
    					<font color="#FF0000">商城价：¥${product.shop_price }</font>
    				</p>
    			</div>
    		</c:forEach>

com.itheima.service.ProductService

package com.itheima.service;
    
    import java.sql.SQLException;
    import java.util.List;
    
    import com.itheima.dao.ProductDao;
    import com.itheima.domain.Product;
    
    
    public class ProductService {
    
    	public List<Product> findAllProduct() throws SQLException {
    		//没有复杂业务,直接传递给dao层
    		ProductDao dao = new ProductDao();
    		List<Product> productList = dao.findAllProduct();
    		return productList;
    	}
    
    }

com.itheima.dao.ProductDao

package com.itheima.dao;
    
    import java.sql.SQLException;
    import java.util.List;
    
    import org.apache.commons.dbutils.QueryRunner;
    import org.apache.commons.dbutils.handlers.BeanListHandler;
    
    import com.itheima.domain.Product;
    import com.itheima.utils.DataSourceUtils;
    
    public class ProductDao {
    
    	public List<Product> findAllProduct() throws SQLException {
    		//操作数据库
    		QueryRunner runner = new QueryRunner(DataSourceUtils.getDataSource());
    		String sql = "select * from product";
    		List<Product> productList = runner.query(sql, new BeanListHandler<Product>(Product.class));
    		return productList;
    	}
    	
    }

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 37]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 38]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70]: /images/20220310/f80c043cd5eb477e9af145d6bac8e750.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 1]: /images/20220310/ebaf7d8a69c342c58bf5c7e16aa99487.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 2]: /images/20220310/4b67efaea04c46ebb049d4d9cc9c9ee2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 3]: /images/20220310/02013ec009da4df1ae31f4d8b91e8180.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 4]: /images/20220310/d6fd50ec427741efbdfb72475644514a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 5]: /images/20220310/04d9fb1239034bd49f4bb1ddbc95a045.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 6]: /images/20220310/906bf1586d1d4ddba51cb68a4787d278.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 7]: /images/20220310/9d6f2f051f304c238b43b0f4866185b2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 8]: /images/20220310/f71bae7541a24e5fbdda080f1365e3d9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 9]: /images/20220310/66f45fabcd1147e9a5e05a852fd92dca.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 10]: /images/20220310/4368c6d72ca442d792c300880b39cc98.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 11]: /images/20220310/4db4dce0789940e4be32c4fa94298198.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 12]: /images/20220310/5bd025f6bc7f4436a74170c253c81643.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 13]: /images/20220310/14fa4ec8f8064a99aa683cc367bb0461.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 14]: /images/20220310/505bf00de6c84bc5b8be04633c437f72.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 15]: /images/20220310/f52089b580a0497eab3e21381894e103.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 16]: /images/20220310/8ce108f6e26f4a4e86a8a3aff5013490.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 17]: /images/20220310/2f61a3d0655445a08888e0aa4ebd007b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 18]: /images/20220310/6339ac820a63488a8f0c2a6b9ca2fbb2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 19]: /images/20220310/a4dad3c5dbf24d078a9b1d3446e9f0ff.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 20]: /images/20220310/fd856edf9d5e4960a0e14ffe2d86e64d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 21]: /images/20220310/fd52632028524a268dfd9610b30aecc4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 22]: /images/20220310/5a80f87e00ab4f808f723bc18e8417c1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 23]: /images/20220310/4438a70007f844b7945941ccd3a2dad6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 24]: /images/20220310/456a1a698e81441fb6191d303aab6861.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 25]: /images/20220310/097d5104a1f2429996bb465137124314.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 26]: /images/20220310/e84c468e859f427d9f3651a19f6649bd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 27]: /images/20220310/9c093b9b937b4435be746bc2fdf58051.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 28]: /images/20220310/ddab270b79294eabb4b50ebb356f4117.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 29]: /images/20220310/f0ada830c8c445b6b854eeafaff615cf.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 30]: /images/20220310/30af2440027640e19ae609f3cc59c67f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 31]: /images/20220310/bad64f9ecfa84ec7823457f030191381.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 32]: /images/20220310/7b4cca8c446e4d4db5a95571fdfc6b00.png
[requestScope.name]: http://requestScope.name
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 33]: /images/20220310/b96f522176114a0fa0c823b33c7660bf.png
[http_archive.apache.org_dist_jakarta_taglibs_standard_binaries]: http://archive.apache.org/dist/jakarta/taglibs/standard/binaries/%E2%80%9D%E7%BD%91%E5%9D%80%E4%B8%8B%E8%BD%BD
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 34]: /images/20220310/14fd151007294e839ac0f099693ba95f.png
[20190312212215150.png]: /images/20220310/7156ea3c14674f2795ea061c74f11fc2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 35]: /images/20220310/6c6a63c52aea484186e3628ce12f26da.png
[MVC]: https://www.cnblogs.com/richardwlee/p/10302270.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 36]: /images/20220310/d942d908d07a40378ff75647407e9156.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 37]: /images/20220310/14e63779a0ef47358f96063a4ce519f0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwNzI0Nw_size_16_color_FFFFFF_t_70 38]: /images/20220310/a14af7f99d3442e99b6a0853f8096e41.png