|
第12章WEB12-JSP&EL&JSTL篇
今日任务 Ø 商品信息的显示 教学导航 | 掌握JSP的基本的使用 掌握EL的表达式的用法 掌握JSTL的常用标签的使用 | | |
1.1 上次课内容回顾:Cookie :就是将数据保存到客户端浏览器的会话技术. * 从浏览器获得Cookie :request.getCookies(); * 向浏览器回写Cookie :response.addCookie(Cookie cookie); * Cookie的相关的API : * setPath(String path); -- /day11 /day11/aaa * setMaxAge(int time); -- 有效时长. * setDomain(String domain); * Cookie的分类: * 会话级别Cookie:会话级别关闭浏览器的时候Cookie就销毁了.默认的 * 持久级别Cookie:设置有效时长的Cookie,关闭浏览器的时候不会销毁的. Session :就是将数据保存到服务器端的会话技术.基于Cookie回写SessionID的. * Session存取数据: * setAttribute(String name,Object value); * getAttribute(String name); * Session作用域: * session的作用范围:一次会话.(多次请求) * session生命周期: * 创建:第一次调用getSession的时候创建session。 * 销毁: * 非正常关闭服务器. * session过期 * 手动调用invalidate方法的时候 1.2 案例一：在JSP的页面中显示商品的信息.1.2.1 需求:数据库中存放了很多商品信息,现在将商品的信息全部显示到页面. 1.2.2 分析:1.2.2.1 技术分析:【JSP的概述】 Ø 什么是JSP： * Java Server Pages（Java服务器端的页面） Ø 为什么要学习JSP: * SUN公司推出的Servlet自身有缺陷,没有办法与ASP,PHP进行竞争.推出了动态网页开发技术JSP. Ø 使用JSP: * JSP = HTML + Java代码 + JSP自身的东西. Ø 执行JSP的过程: * JSP翻译成Servlet,编译这个Servlet的类,生成class文件.得到执行. 【JSP的脚本】 Ø <%! %> :翻译成Servlet中的成员内容. 定义变量，方法，类. -- 不建议. Ø <% %> :翻译成Servlet中service方法内部的内容. 定义类,变量 Ø <%= %> :翻译成Servlet中service方法中out.print(); 【JSP的注释】-了解 Ø HTML的注释 :<!-- 注释 --> Ø Java代码的注释 :// 单行注释 /*多行注释*/ /** 文档注释 */ Ø JSP的注释 :<%-- JSP的注释 --%> 【JSP的指令】 Ø 指令的语法: <%@ 指令名称 属性名称=”属性值” 属性名称=”属性值” ...%> Ø JSP中有三个指令:page指令, include指令, taglib指令. Ø JSP中page指令:<%@ page %> -- 设置JSP的. * language :JSP脚本中使用的语言.现在只能写java. * contentType :设置浏览器打开这个JSP的时候采用的默认的字符集的编码. * pageEncoding :设置文件保存到本地硬盘,以及生成Servlet后,Servlet保存到硬盘上的编码. * import :在JSP中引入类对象.但是import可以出现多次. <%@page import="java.util.ArrayList"%> <%@page import="java.util.List"%> * extends :设置JSP翻译成Servlet后继承的类,默认值:org.apache.jasper.runtime.HttpJspBase,这个值要想修改,这个类必须是HttpServlet的子类 * autoFlush :设置JSP的缓存自动刷出.true:自动刷出. * buffer :设置JSP的缓冲区的大小,默认8kb. * session :设置在JSP中是否可以直接使用session对象.默认值是true. * isELIgnored :设置在JSP中是否忽略EL表达式.默认值是false不忽略. * errorPage :设置错误友好页面的提示. * isErrorPage :通过这个设置显示JSP的错误信息. * 设置全局的错误友好页面： * 在web.xml中设置: <error-page> <error-code>404</error-code> <location>/404.jsp</location> </error-page> <error-page> <error-code>500</error-code> <location>/500.jsp</location> </error-page> Ø JSP中的include指令:指示JSP包含其他的页面. <%@ include file="logo.jsp" %> <%@ include file="menu.jsp" %> <h1>BODY部分</h1> <%@ include file="footer.jsp" %> Ø JSP中的taglib指令:指示JSP引入标签库. <%@ taglib uri="标签的URI的路径" prefix="标签的别名" %> 【JSP的内置对象(*****)】 Ø JSP的内置对象:在JSP中可以直接使用的对象. Ø JSP中有9大内置对象: * request HttpServletRequest getParameter(),setAttribute(String name,Object value); * response HttpServletResponse setHeader(String name,String value);getOutputStream();getWriter(); * session HttpSession setAttribute();getAttribute(); * application ServletContext setAttribute();getAttribute(); * page Object toString();wait(); * pageContext PageContext setAttribute();getAttribute(); * config ServletConfig getServletName();getServletContext(); * out JspWriter write(),print(); * exception Throwable getMessage(),getCause(); 设置isErrorPage=”true” Ø page内置对象 :真实对象是Object,就是JSP翻译成Servlet后的类的引用. Ø out内置对象 :out和response.getWriter是不是同一个对象?区别是什么? * 不是out真实对象JspWriter ,response获得Writer是PrintWriter. Ø pageContext内置对象 : * 获得其他的8个内置对象 :编写通用性代码或者框架的时候. * 向JSP的四个域中存取数据 : JSP的四个域范围: * PageScope:当前页面中有效.pageContextPageContext * RequestScope:一次请求范围.requestHttpServletRequest * SessionScope:一次会话范围.sessionHttpSession * ApplicationScope:应用范围applicationServletContext 【JSP的动作标签】列出6个. Ø 标签的作用:简化代码. Ø <jsp:forward /> :用于页面的转发. * <jsp:forward page="/demo1-jsp/demo3-object/demo3.jsp"></jsp:forward> Ø <jsp:include /> :用于页面的包含.（动态包含） *****静态包含和动态包含的区别?(<%@ include%>和<jsp:include>) Ø <jsp:param /> :用于带有路径的标签下,传递参数. Ø <jsp:useBean /> :用于在JSP中使用JavaBean. Ø <jsp:setProperty /> :用于在JSP中向JavaBean设置属性的. Ø <jsp:getProperty /> :用于在JSP中获得JavaBean的属性. 1.2.2.2 EL表达式:【EL的概述】 Ø 什么是EL: Ø 为什么学习EL: * 简化JSP的代码,而且减少<%%> Ø 使用EL表达式: * 语法:${ EL表达式 } Ø EL的功能: * 获取数据:(JSP的四个域) * 执行运算: * 操作WEB开发的常用的对象: * 调用Java中方法:--很少用. 【EL获取数据】 <h3>存取是普通的单值数据</h3> <% //pageContext.setAttribute("name", "pValue"); //request.setAttribute("name", "rValue"); //session.setAttribute("name", "sValue"); application.setAttribute("name", "aValue"); %> <%=pageContext.getAttribute("name") %> <!-- 如果没找到 返回null --> <%=request.getAttribute("name") %> <%=session.getAttribute("name") %> <%=application.getAttribute("name") %> <hr/> ${ pageScope.name } <!-- 返回的是"" --> ${ requestScope.name } ${ sessionScope.name } ${ applicationScope.name } <hr/> ${ name } <!-- 类似findAttribute("name") 先从page域中查找,没找到去request域中查询,没有找到去session域中找，没有找到就去application域中找 --> <h3>获取数组的数据</h3> <% String[] arrs = {"李旭华","李冠希","杨凤","杨如花"}; pageContext.setAttribute("arrs", arrs); %> ${ arrs[0] } ${ arrs[1] } ${ arrs[2] } ${ arrs[3] } <h3>获取List集合的数据</h3> <% List<String> list = new ArrayList<String>(); list.add("李芙蓉"); list.add("杨芙蓉"); list.add("王凤"); pageContext.setAttribute("list", list); %> ${ list[0] } ${ list[1] } ${ list[2] } <h3>获取Map集合的数据</h3> <% Map<String,String> map = new HashMap<String,String>(); map.put("aaa","李旭华"); map.put("bbb","杨久君"); map.put("ccc","李芮"); map.put("ddd","李凤"); pageContext.setAttribute("map", map); %> ${ map.aaa } ${ map.bbb } ${ map.ccc } ${ map.ddd } <h3>获取对象的数据</h3> <% User user = new User(1,"aaa","123"); pageContext.setAttribute("user", user); %> ${ user.id } ${ user.username } ${ user.password } <h3>获取对象的集合的数据</h3> <% User user1 = new User(1,"aaa","123"); User user2 = new User(2,"bbb","123"); User user3 = new User(3,"ccc","123"); List<User> userList = new ArrayList<User>(); userList.add(user1); userList.add(user2); userList.add(user3); pageContext.setAttribute("userList", userList); %> ${ userList[0].id } - ${ userList[0].username } - ${ userList[0].password }<br/> ${ userList[1].id } - ${ userList[1].username } - ${ userList[1].password }<br/> ${ userList[2].id } - ${ userList[2].username } - ${ userList[2].password }<br/> ***** .和[]的区别. * []用于有下标的数据(数组,list集合) .用于有属性的数据(map,对象) * 如果属性名中包含有特殊的字符.必须使用[] 【EL执行运算】 <h1>EL的功能二:执行运算</h1> <h3>EL执行算数运算</h3> <% pageContext.setAttribute("n1", "10"); pageContext.setAttribute("n2", "20"); pageContext.setAttribute("n3", "30"); pageContext.setAttribute("n4", "40"); %> ${ n1 + n2 + n3 } <h3>EL执行逻辑运算</h3> ${ n1 < n2 } - ${ n1 lt n2 } <!-- less than --><br/> ${ n1 > n2 } - ${ n1 gt n2 } <!-- great than --><br/> ${ n1 <= n2 } - ${ n1 le n2 } <!-- less equal --><br/> ${ n1 >= n2 } - ${ n1 ge n2 } <!-- great equal --><br/> ${ n1 == n2 } - ${ n1 eq n2 } <!-- equal --><br/> <h3>EL执行关系运算</h3> ${ n1<n2 && n3 < n4 } - ${ n1<n2 and n3 < n4 }<br/> ${ n1<n2 || n3 < n4 } - ${ n1<n2 or n3 < n4 }<br/> ${ !(n1 < n2) } - ${ not(n1<n2) } <h3>EL执行三元运算</h3> ${ n1 < n2 ? "正确":"错误" } <h3>empty运算</h3> ${ user == null } - ${ empty user } ${ user != null } - ${ not empty user } 【EL操作WEB开发的常用对象11个】 <h1>EL功能三:操作WEB开发常用的对象</h1> <!-- pageScope,requestScope,sessionScope,applicationScope - 获取JSP中域中的数据 param,paramValues - 接收参数. header,headerValues - 获取请求头信息 initParam - 获取全局初始化参数 cookie - WEB开发中cookie pageContext - WEB开发中的pageContext. --> <h3>接收请求的参数</h3> <%= request.getParameter("id") %> <%= request.getParameter("name") %> <%= Arrays.toString(request.getParameterValues("hobby")) %> <hr/> ${ param.id } ${ param.name } ${ paramValues.hobby[0] } ${ paramValues.hobby[1] } <h3>获取请求头</h3> <%= request.getHeader("User-Agent") %> <hr/> ${ header["User-Agent"] } <h3>获取全局初始化参数</h3> ${ initParam.username } <h3>获取Cookie中的值</h3> ${ cookie.history.value } <h3>获取PageContext中的对象</h3> IP地址：${ pageContext.request.remoteAddr } 工程路径:${ pageContext.request.contextPath } 1.2.2.3 JSTL【JSTL的概述】 Ø 什么是JSTL: Ø 为什么学习JSTL: * JSTL和EL结合 替换页面中<%%> Ø JSTL版本: * JSTL1.0 :不支持EL表达式. * JSTL1.1 和 1.2 :支持EL表达式. Ø JSTL的标签库:包含了五类标签. * core(核心标签),fmt(国际化标签),xml(XML标签),sql(SQL标签),fn(JSTL提供EL函数库) Ø 使用JSTL： * 引入JSTL的相关的jar包. * 在页面中引入标签库.<%@ taglib uri=”” prefix=””%> 【JSTL的核心标签的用法】 * if * forEach 【JSTL的提供EL的函数库】 <h1>JSTL提供的EL的函数库</h1> ${ fn:contains("Hello World","Hello") } ${ fn:length("HelloWorld") } ${ fn:toLowerCase("ABCDE") } <c:forEach var="i" items='${ fn:split("a-b-c-d","-") }'> ${ i } </c:forEach> 1.2.3 代码实现:1.2.3.1 创建数据库：[AppleScript] 纯文本查看 复制代码 CREATE TABLE `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,
PRIMARY KEY (`pid`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8; [AppleScript] 纯文本查看 复制代码 <c:forEach var="p" items="${list }">
<tr>
<td>${ p.pid }</td>
<td>${ p.pname }</td>
<td>${ p.shop_price }</td>
<td>
<c:if test="${ p.is_hot == 1 }">
是
</c:if>
<c:if test="${ p.is_hot != 1 }">
否
</c:if>
</td>
<td>${ p.pdesc }</td>
</tr>
</c:forEach>更多 传智播客·黑马程序员郑州校区地址 河南省郑州市 高新区长椿路11号大学科技园（西区）东门8号楼三层 联系电话 0371-56061160/61/62 来校路线 地铁一号线梧桐街站A口出 | 
收藏
淘帖
踩
