第12章WEB12-JSP&EL&JSTL篇

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了第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>

      接收请求的参数

      <%= request.getParameter("id") %> <%= request.getParameter("name") %> <%= Arrays.toString(request.getParameterValues("hobby")) %>
      ${ param.id } ${ param.name } ${ paramValues.hobby[0] } ${ paramValues.hobby[1] }

      获取请求头

      <%= request.getHeader("User-Agent") %>
      ${ header["User-Agent"] }

      获取全局初始化参数

      ${ initParam.username }

      获取Cookie中的值

      ${ cookie.history.value }

      获取PageContext中的对象

      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 创建数据库:
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;

1.2.3.2 页面显示:

<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>

以上是关于第12章WEB12-JSP&EL&JSTL篇的主要内容,如果未能解决你的问题,请参考以下文章

第8章WEB08-XML&Tomcat篇

第11章WEB11-Cookie&Session篇

第10章WEB10-request&response篇

&lt;&lt;Python基础教程&gt;&gt;学习笔记 | 第12章 | 图形用户界面

第2章WEB02-CSS&JS篇

第13章WEB13-JSP模式&JDBC高级篇