动态页面技术（JSP/EL/JSTL）
一、JSP技术
1．jsp脚本和注释
jsp脚本：
1）<%java代码%> ----- 内部的java代码翻译到service方法的内部
2）<%=java变量或表达式> ----- 会被翻译成service方法内部out.print()
3）<%!java代码%> ---- 会被翻译成servlet的成员的内容
jsp注释： 不同的注释可见范围是不同
1）Html注释：<!--注释内容-->—可见范围 jsp源码、翻译后的servlet、页面 显示html源码
2）java注释：//单行注释 /多行注释/ --可见范围 jsp源码 翻译后的servlet
3）jsp注释：<%–注释内容–%> ----- 可见范围 jsp源码可见
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：当前页面是一个处理错误的页面
当不进行设置web应用的全局的错误页面时候，会出现这样的错误：
设置web应用的全局的错误页面-就近调用自己的
2）include指令
页面包含（静态包含）指令，可以将一个jsp页面包含到另一个jsp页面中
格式：<%@ include file=“被包含的文件地址”%>
3）taglib指令
在jsp页面中引入标签库（jstl标签库、struts2标签库）
格式：<%@ taglib uri=“标签库地址” prefix=“前缀”%>
4．jsp内置/隐式对象（9个）----- 笔试
jsp被翻译成servlet之后，service方法中有9个对象定义并初始化完毕，我们在jsp 脚本中可以直接使用这9个对象
打开任意一个.jsp文件
(1)out对象
out的类型：JspWriter
out作用就是想客户端输出内容----out.write()
out缓冲区默认8kb 可以设置成0 代表关闭out缓冲区 内容直接写到respons缓冲 器
(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) %>
<!-- findAttribute会从小到大搜索域的范围中的name -->
<!-- page域<request域<session域<application域 -->
<%=pageContext.findAttribute("name") %>
<%
/* 可以获得其他8大隐式对象 */
pageContext.getRequest();
pageContext.getOut();
%>
</body>
</html>
5．jsp标签（动作）
1）页面包含（动态包含）：<jsp:include page=“被包含的页面”/>
静态包含与动态包含的区别？
静态包含
<%@ 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>
<h1>this is include1 page</h1>
<%@ include file="/include2.jsp" %>
</body>
</html>
<%@ 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>
<h1>this is include2 page</h1>
</body>
</html>
动态包含
<%@ 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>
<h1>this is include3 page</h1>
<!-- 包含include4 -->
<jsp:include page="/include4.jsp"></jsp:include>
</body>
</html>
<%@ 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>
<h1>this is include4 page</h1>
</body>
</html>
2）请求转发：<jsp:forward page=“要转发的资源” />
转发：地址不发生改变
<%@ 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>
<h1>this is forward1 page</h1>
<jsp:forward page="/forward2.jsp"></jsp:forward>
</body>
</html>
<%@ 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>
<h1>this is forward2 page</h1>
</body>
</html>
案例：完成商品的列表的展示
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>");
}
}
%>
二、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个子库，但随着发展，目前常使用的是他的核心库
2．JSTL下载与导入
JSTL下载：
从Apache的网站下载JSTL的JAR包。进入 “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中
使用jsp的taglib指令导入核心标签库
3．JSTL核心库的常用标签
1）<c:if test=””>标签
其中test是返回boolean的条件
2）<c:forEach>标签
使用方式有两种组合形式：
示例：
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与三层架构有什么关系？
总结：
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进行显示)
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
<!-- EL表达式+JSTL -->
<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;
}
}
86
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
