JavaWeb12-HTML篇笔记

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 :当前页面中有效.   pageContext PageContext    * RequestScope  :一次请求范围.    request HttpServletRequest    * SessionScope  :一次会话范围.    session HttpSession    * ApplicationScope  :应用范围   application ServletContext【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的概述】![](http://i2.51cto.com/images/blog/201805/28/3bd3f7dc0fbf2ff0468ca17039acc69b.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=)Ø 什么是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");