Java-WEB

Java-WEB

一.环境搭建

1.HTTP协议

超文本传输协议(英文:HyperText Transfer Protocol,缩写:HTTP)是一种用于分布式、协作式和超媒体信息系统的应用层协议。HTTP是万维网的数据通信的基础。

2.HTTP请求/响应的步骤

2.1客户端连接到Web服务器一个HTTP客户端,通常是浏览器,与Web服务器的HTTP端口(默认为80)建立一个TCP套接字连接。

2.2发送HTTP请求

通过TCP套接字,客户端向Web服务器发送一个文本的请求报文,一个请求报文由请求行、请求头部、空行和请求数据部分组成。

2.3服务器接受请求并返回HTTP响应

Web服务器解析请求,定位请求资源。服务器将资源复本写到TCP套接字,由客户端读取。一个响应由状态行、响应头部、空行和响应数据4部分组成。

2.4释放TCP连接

在HTTP/1.0中默认使用短连接。也就是说,客户端和服务器每进行一次HTTP操作,就建立一次连接,任务结束就中断连接。当客户端浏览器访问的某个HTML或其他类型的Web页中包含有其他的Web资源(如JavaScript文件、图像文件、CSS文件等),每遇到这样一个Web资源,浏览器就会重新建立一个HTTP会话。而从HTTP/1.1起,默认使用长连接,用以保持连接特性。使用长连接的HTTP协议,会在响应头加入这行代码:

Connection:keep-alive 

在使用长连接的情况下,当一个网页打开完成后,客户端和服务器之间用于传输HTTP数据的TCP连接不会关闭,客户端再次访问这个服务器时,会继续使用这一条已经建立的连接。Keep-Alive不会永久保持连接,它有一个保持时间,可以在不同的服务器软件(如Apache)中设定这个时间。实现长连接需要客户端和服务端都支持长连接。

HTTP协议的长连接和短连接,实质上是TCP协议的长连接和短连接。

2.5客户端浏览器解析HTML内容

客户端浏览器首先解析状态行,查看表明请求是否成功的状态代码。然后解析每一个响应头,响应头告知以下为若干字节的HTML文档和文档的字符集。客户端浏览器读取响应数据HTML,根据HTML的语法对其进行格式化,并在浏览器窗口中显示。

3.Tomcat下载与安装

开源小型web服务器 ,完全免费,主要用于中小型web项目,只支持Servlet和JSP 等少量javaee规范(就是 JavaWeb编程接口) https://tomcat.apache.org/。下载好之后,安装到任意目录

安装步骤:

  1. 下载Tomcat

  2. 解压到一个没有特殊符号的目录中(一般纯英文即可)

  3. 进入到解压的目录下找到bin\startup.bat双击启动即可

注意:1.不建议将服务器软件放在磁盘层次很多的文件夹中。2.不建议放在中文路径下。tomcat安装需要配置JAVA_HOME环境变量

二.Servlet

1.Servlet简介

在这里插入图片描述

(1) Servlet(Server Applet),全称Java Servlet。是用Java编写的服务器端程序,其主要功能在于交互式地浏览和修改数据,生成动态Web内容。狭义的Servlet是指Java语言实现的一个接口,广义的Servlet是指任何实现了这个Servlet接口的类,一般情况下,人们将Servlet理解为后者。

(2) Servlet运行于支持Java的应用服务器中。从实现上讲,Servlet可以响应任何类型的请求,但绝大多数情况下Servlet只用来扩展基于HTTP协议的Web服务器。

(3) Servlet工作模式:

① 客户端发送请求至服务器 
② 服务器启动并调用Servlet,Servlet根据客户端请求生成响应内容并将其传给服务器 
③ 服务器将响应返回客户端 
2.Servlet API

在这里插入图片描述

3.Servlet创建

(1) 创建一个类实现Servlet接口,重写方法。或继承HttpServlet亦可

public class LoginServlet implements Servlet {
    @Override 
    public void init(ServletConfig servletConfig) throws ServletException { 
        //初始化方法 
    }
    @Override 
    public ServletConfig getServletConfig() { return null; }
    @Override 
    public void service(ServletRequest servletRequest, ServletResponse servletResponse) throws ServletException, IOException { 
        //处理get/post请求的方法
    }
    @Override 
    public String getServletInfo() { return null; }
    @Override 
    public void destroy() { 
        //销毁的方法
    } 
}

(2) 在web.xml文档中配置映射关系

XML中配置好这个Servlet的映射关系:

<servlet> 
    <servlet-name>自定义名称</servlet-name>
    <servlet-class>处理请求的类的完整路径</servlet-class> 
</servlet> 
<servlet-mapping><!-- mapping 表示映射 -->
        <servlet-name>自定义名称</servlet-name> 
        <url-pattern>请求名</url-pattern>
</servlet-mapping>

标签的执行顺序:

请求过来以后->web.xml->servlet-mapping标签中的url-pattern标签中的内容和请求名进行匹配->匹配成功后找对应的servlet-mapping标签中的servlet-name-> 去servlet标签中找和上一个servlet-name相同的name值->去找servlet标签中的servlet-class中处理类的完整路径

(3) 启动tomcat,在浏览器输入http://localhost:8080/工程名/访问服务器的路径

4.Servlet工作原理

(1) Servlet接口定义了Servlet与servlet容器之间的契约。这个契约是:Servlet容器将Servlet类载入内存,并产生Servlet实例和调用它具体的方法。但是要注意的是,在一个应用程序中,每种Servlet类型只能有一个实例。

(2)用户请求致使Servlet容器调用Servlet的Service()方法,并传入一个ServletRequest对象和一个ServletResponse对象。ServletRequest对象和ServletResponse对象都是由Servlet容器(例如TomCat)封装好的,并不需要程序员去实现,程序员可以直接使用这两个对象。

(3)ServletRequest中封装了当前的Http请求,因此,开发人员不必解析和操作原始的Http数据。ServletResponse表示当前用户的Http响应,程序员只需直接操作ServletResponse对象就能把响应轻松的发回给用户。

(4)对于每一个应用程序,Servlet容器还会创建一个ServletContext对象。这个对象中封装了上下文(应用程序) 的环境详情。每个应用程序只有一个ServletContext。每个Servlet对象也都有一个封装Servlet配置的ServletConfifig对象。

5.请求

HttpServletRequest表示Http环境中的Servlet请求。它扩展于javax.servlet.ServletRequest接口)

常用方法:

  1. String getParameter(String name) 根据表单组件名称获取提交数据,返回值是String。注:服务器在接收数据时使用字符串统一接收
  2. String[ ] getParameterValues(String name) 获取表单组件对应多个值时的请求数据
  3. void setCharacterEncoding(String charset) 指定每个请求的编码(针对post请求才起作用)
  4. RequestDispatcher getRequestDispatcher(String path) --跳转页面返回一个RequestDispatcher对象,该对象的forward( )方法用于转发请求。示例: request.getRequestDispatcher("…/success.jsp").forward(request,response);
  5. 存值 request.setAttribute(“key”,value);
  6. 取值 request.getAttribute(“key”);//取值后需要向下转型。示例: String a1=(String)request.getAttribute(“uname”);

补充1:客户端如何发送数据给服务器

方式1:通过表单 get/post提交

方式2:通过a标签发送数据(get提交)

<a href="请求名?key=value&key=value&key=value..."> 
示例: <a href="/login?a=10&name=abc&pass=123">

这里的key值=表单元素的控件名,value值=表单中控件的value属性值

注:第一个参数使用?拼接,之后的参数使用&拼接,获取数据还是通过 String

name=request.getParameter(“name”);

方式3:通过地址栏直接拼接-get请求

方式4:js提交数据-get请求

location.href=“目标请求?key=value&key=value”

注:方式2/3都属于get提交方式,表单提交可以使用get、post提交方式

补充2:处理请求乱码的问题

方式1:setCharacterEncoding(“UTF-8”);//post提交时管用

方式2: String s=new String(变量名.getBytes(“ISO-8859-1”),“UTF-8”);//针对于get提交时中文乱码

示例: String s=new String(request.getParameter(“key”).getBytes(“ISO-8859-1”),“GBK”);

方式3:修改tomcat中配置文件://使用于get提交在Tomcat目录结构\conf\server.xml中设置字符集

<Connector port="8080" protocol="HTTP/1.1" 
connectionTimeout="20000" 
redirectPort="8443" URIEncoding="UTF-8" />

注意:tomcat8.0以后不需要手动设置这个属性了

补充3:get和post的区别

1、GET请求,请求的数据会附加在URL之后,以?分割URL和传输数据,多个参数用&连接。URL的编码格式采用的是ASCII编码,而不是uniclde,即是说所有的非ASCII字符都要编码之后再传输。

POST请求:POST请求会把请求的数据放置在HTTP请求包的包体中。上面的item=bandsaw就是实际的传输数据。

因此,GET请求的数据会暴露在地址栏中,而POST请求则不会。

2、传输数据的大小

在HTTP规范中,没有对URL的长度和传输的数据大小进行限制。但是在实际开发过程中,对于GET,特定的浏览器和服务器对URL的长度有限制。因此,在使用GET请求时,传输数据会受到URL长度的限制。 对于POST,由于不是URL传值,理论上是不会受限制的,但是实际上各个服务器会规定对POST提交数据大小进行限制,Apache、IIS都有各自的配置。

3、安全性

POST的安全性比GET的高。这里的安全是指真正的安全,而不同于上面GET提到的安全方法中的安全,上面提到的安全仅仅是不修改服务器的数据。比如,在进行登录操作,通过GET请求,用户名和密码都会暴露再URL上,因为登录页面有可能被浏览器缓存以及其他人查看浏览器的历史记录的原因,此时的用户名和密码就很容易被他人拿到了。除此之外,GET请求提交的数据还可能会造成Cross-site request frogery攻击

6.响应

在Service API中,定义了一个HttpServletResponse接口,它继承自ServletResponse接口,专门用来封装HTTP响应消息。 在HttpServletResponse接口中定义了向客户端发送响应状态码,响应消息头,响应消息体的方法。

常用方法:

  • void addCookie(Cookie var1);//给这个响应添加一个cookie
  • void sendRedirect(String var1) ;//发送一条响应码,将浏览器跳转到指定的位置
  • PrintWriter getWriter() 获得字符流,通过字符流的write(String s)方法可以将字符串设置到response 缓冲区中,随后Tomcat会将response缓冲区中的内容组装成Http响应返回给浏览器端。
  • setContentType() 设置响应内容的类型

在这里插入图片描述

重定向和转发的对比

重定向:response.sendRedirect()

转发:request.getRequestDispatcher("…/success.jsp").forward(request,response);

相同点:都用来跳转页面

不同点:

a.重定向时地址栏会改变,request中存储的数据会丢失.转发时地址栏显示的是请求页面的地址,request数据可以保存。

b.转发属于一次请求一次响应,重定向属于两次请求(地址栏修改了两次)两次响应。

补充:使用out对象往页面中输出js或html,css

out.print("<script type='text/javascript'>alert('登录失败');location='../login.jsp'</script>");

注:使用js跳转页面,也会丢失request中的数据

7.会话

request存的值只能在单次请求中保存,保存的数据不能跨页面,当重定向时,request存的值会丢失session的数据可以在多个页面中共享,即使重定向页面,数据不会丢失session中可以包含n个request。

会话的概念:从打开浏览器到关闭浏览器,期间访问服务器就称为一次会话

常用方法:

  • void setAttribute(String key,Object value) 以key/value的形式保存对象值,将数据存储在服务器端
  • Object getAttribute(String key) 通过key获取对象值
  • void invalidate() 设置session对象失效
  • String getId() 获取sessionid,当第一次登录成功后,session会产生一个唯一的id,浏览器之后访问时如果发现id值还是之前id,那么说明 当前访问的属于同一个会话
  • void setMaxInactiveInterval(int interval) 设定session的非活动时间

示例:

方式1: session.setMaxInactiveInterval(10*60);//设置有效时间为10分钟

方式2:修改web.xml

<session-config> 
<session-timeout>10</session-timeout>//单位:分钟 
</session-config>

int getMaxInactiveInterval() 获取session的有效非活动时间(以秒为单位),默认的有效时间:30分钟

void removeAttribute(String key)从session中删除指定名称(key)所对应的对象

小结 :让session失效的方式

(1)invalidate() (2)removeAttribute(“key”) (3)直接关闭浏览器。

示例:使用session验证用户是否登录

补充: 自动刷新到某页面:

注:在head标签中添加该标签,单位:秒

三.JSP

1、JSP简介

JSP全名为Java Server Pages,中文名叫java服务器页面,其根本是一个简化的Servlet设计,它 是由SunMicrosystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP技术有点类似ASP技术,它是在传统的网页HTML文件(.htm,.html)中插入Java程序段(Scriptlet)和JSP标记(tag),从而形成JSP文件,后缀名为(*.jsp)。 用JSP开发的Web应用是跨平台的,既能在Linux下运行,也能在其他操作系统上运行。

JSP将网页逻辑与网页设计的显示分离,支持可重用的基于组件的设计,使基于Web的应用程序的开发变得迅速和容易。

*.html 静态页面(包含固定的页面内容)

*.jsp 动态页面(页面数据可以动态更新,支持嵌套java代码和html代码)

注意:

  • 1.servlet展示信息的不方便,引入了JSP。
  • 2.JSP本质上也是一个servlet
  • 3.JSP就是在HTML页面中嵌入了java代码。
2.JSP中嵌套java代码

小脚本(<% java代码%>)

声明标签 <%!变量或者方法声明%> 
表达式标签 <%= 表达式%> 在页面上显示的效果 
程序代码标签 <%java代码%> 页面上动态展示内容

page指令: <%@ page language=“java” import=“java.util.*” pageEncoding=“UTF-8”%>

<body> 
<%! int i=10;%><!--成员变量--> 
<%! public void show(){}%><!--成员方法--> 
<%=i%> <!--输出变量值--> 
</body

jsp中的注释 :

<!-- html注释内容,查看源码时能看到 --> 
<%-- jsp注释,查看页面源码时看不到 --%>
3.JSP的内置对象

JSP中一共预先定义了9个这样的对象,分别为:request、response、session、application、out、 pagecontext、confifig、page、exception 。

1、request对象

request 对象是 javax.servlet.httpServletRequest类型的对象。 该对象代表了客户端的请求信息,主要用于接受通过HTTP协议传送到服务器的数据。(包括头信息、系统信息、请求方式以及请求参数等)。request对象的作用域为一次请求。

2、response对象

response 代表的是对客户端的响应,主要是将JSP容器处理过的对象传回到客户端。response对象也具有作用域,它只在JSP页面内有效。所属类型:HttpServletResponse

3、session对象

session 对象是由服务器自动创建的与用户请求相关的对象。服务器为每个用户都生成一个session对象,用于保存该用户的信息,跟踪用户的操作状态。session对象内部使用Map类来保存数据,因此保存数据的格式为“Key/value”。 session对象的value可以使复杂的对象类型,而不仅仅局限于字符串类型。

4、application对象

application 对象可将信息保存在服务器中,直到服务器关闭,否则application对象中保存的信息会在整个应用中都有效。与session对象相比,application对象生命周期更长,类似于系统的“全局变量” ServletContext

区别:

  • request:单次请求
  • session:浏览器访问期间(会话期间)
  • application:服务器启动期间,所存的数据可以跨浏览器

5、out对象

out 对象用于在Web浏览器内输出信息,并且管理应用服务器上的输出缓冲区。在使用 out 对象输出数据时,可以对数据缓冲区进行操作,及时清除缓冲区中的残余数据,为其他的输出让出缓冲空间。待数据输出完毕后,要及时关闭输出流。

6、pageContext对象

pageContext 对象的作用是取得任何范围的参数,通过它可以获取 JSP页面的out、request、reponse、session、application 等对象。pageContext对象的创建和初始化都是由容器来完成的,在JSP页面中可以直接使用pageContext对象。

7、confifig对象

confifig 对象的主要作用是取得服务器的配置信息。通过 pageConext对象的 getServletConfifig() 方法可以获取一个confifig对象。当一个Servlet 初始化时,容器把某些信息通过confifig对象传递给这个 Servlet。 开发者可以在web.xml 文件中为应用程序环境中的Servlet程序和JSP页面提供初始化参数。

8、page对象

page 对象代表JSP本身,只有在JSP页面内才是合法的。 page隐含对象本质上包含当前 Servlet接口引用的变量,类似于Java编程中的 this 指针。

9、exception对象

exception 对象的作用是显示异常信息,只有在包含 isErrorPage=“true” 的页面中才可以被使用,在一般的JSP页面中使用该对象将无法编译JSP文件。excepation对象和Java的所有对象一样,都具有系统提供的继承结构。exception 对象几乎定义了所有异常情况。在Java程序中,可以使用try/catch关键字来处理异常情况; 如果在JSP页面中出现没有捕获到的异常,就会生成 exception 对象,并把 exception 对象传送到在page指令中设定的错误页面中,然后在错误页面中处理相应的 exception 对象。

4.EL表达式

语法格式:${需要展示信息的名字}

注意: 当表达式没有指定变量或者对象的范围时,那么容器会依次从pageContext—>request—>session—>application中查找该变量或对象,我们可以通过隐含对象获得指定作用域的值。

pageScope对象,用于获取当前页面的属性值

requestScope对象,用于获取请求范围的属性值

sessionScope对象,用于获取会话范围的属性值

applicationScope对象,用于获取程序范围的属性值

语法: ${requestScope.key}

示例:

单个变量:${a+10}<br> 
单个变量:${s}<br> 
单个对象:${key.属性名} 
   //对象类型 
        Users u=new Users(); 
        u.setName("王老五"); 
        u.setPass("abc");
        pageContext.setAttribute("u1",u);
          user.name=${u1.name} 
          user.pass=${u1.pass} 
   // list集合对象: 
        List list=new ArrayList();
        list.add("刘能");
        list.add(30);
        list.add(u); 
   pageContext.setAttribute("list2",list); 
   list1=${list2[0]}<br/> 
   list2=${list2[1]}<br/> 
   list3=${list2[2].pass}<br/> 
// map集合: 
   k1=${map1.k1}<br>
   k2=${map1.k2.username}--- ${map1.k2.password}
判断变量是否有值或是否存在:${empty key值} 
   List list2=new ArrayList(); 
   list2.add("aa"); 
   request.setAttribute("list222",list2); 
判断list中是否有数据:${empty list222}

四.Filter和Listener

1.Session和Cookie

会话跟踪技术 :会话跟踪是Web程序中常用的技术,用来跟踪用户的整个会话。保持对用户会话期间的数据管理。常用的会话跟踪技术是Cookie与Session。

Cookie通过在客户端记录信息确定用户身份;Session通过在服务器端记录信息确定用户身份。

1.1Cookie:

Cookie是客户端(一般指浏览器)请求服务器后,服务器发给客户端的一个辨认标识,保存在客户端,当客户端再次向服务器发送请求时,会携带着这个辨认标识,服务器就可以通过这个标识来识别客户端的身份或状态等。

Cookie的作用:跟踪会话,记录一次会话中(即Session,一次会话可能会有多次请求,当然也可以有多个Cookie来跟踪不同的信息)的信息,这样服务器就会知道用户的状态,比如有没有登录成功,付款时购物车中的东西等,就相当于贴在客户端脑门上的纸条,浏览器看不到,但服务器看得到。

1.1.1Cookie的应用:
  • 1.保持用户登录状态:将用户的信息保存到Cookie中,并发送给浏览器,并且将有效时间设置为一个较长的时间,这样浏览器在以后访问网站时,都会带着该Cookie,服务器以此来辨识用户,用户就不再需要输入用户名和密码等信息。
  • 2.记录用户名 :一旦用户登录成功以后,下次再登录时,直接将Cookie中的用户名读取并显示出来,这样用户就不需要再次输入用户名,只输入密码即可。
1.1.2Cookie的设置和获取:

1.通过HttpServletResponse.addCookie的方式设置Cookie。注意:new Cookie()时两个参数都是字符串

Cookie cookie = new Cookie("jieguo","true"); 
response.addCookie(cookie);

2.服务端获取客户端携带的cookie:通过HttpServletRequest获取

<% 
      Cookie[] cookies = request.getCookies(); 
      if(cookies != null) 
          for(Cookie c : cookies){ 
              String name = c.getName();//获取Cookie名称 
              if("jieguo".equals(name)){ 
                   String value = c.getValue();//获取Cookie的值 
                   bool = Boolean.valueOf(value);//将值转为Boolean类型 
              } 
           } 
%>
1.1.3.删除Cookie:

通过设置同名Cookie的最大存活时间为0,删除Cookie是指使浏览器不再保存Cookie,使Cookie立即失效举例:使name为username的Cookie立即失效 。

//1.创建一个name为username的Cookie 
Cookie cookie = new Cookie("username", "aaa"); 
//2.设置Cookie的有效时间为0 
cookie.setMaxAge(0);//删除cookie的关键 
//3.将cookie发送给浏览器,来替换同名Cookie 
response.addCookie(cookie);

Cookie的有效时间

Cookie发送给浏览器以后,浏览器并不会永久保存,也就是到了一定的时间以后浏览器会自动销毁Cookie。Cookie的默认有效时间为一次会话(一次打开关闭浏览器的过程),我们也可以手动指定Cookie的有效时间。

//setMaxAge用来设置Cookie的最大有效时间,需要int型的参数,代表有效的秒数 
cookie.setMaxAge(秒数)//当参数大于0时,会设置为指定的秒数 
cookie.setMaxAge(30); 
//当参数等于0时,浏览器不会保存Cookie,Cookie立即失效 
cookie.setMaxAge(0); 
//当参数小于0时,和不设置是一样,当前会话有效 
cookie.setMaxAge(-100); 
//设置一个永久有效的Cookie,并非永久,只是使Cookie的生命很长而已 
cookie.setMaxAge(60*60*24*365*10);
1.2.Session:

Session是另一种记录客户状态的机制,不同的是Cookie保存在客户端浏览器中,而Session保存在服务器上。客户端浏览器访问服务器的时候,服务器把客户端信息以某种形式记录在服务器上。这就是Session。客户端浏览器再次访问时只需要从该Session中查找该客户的状态就可以了。

如果说Cookie机制是通过检查客户身上的“通行证”来确定客户身份的话,那么Session机制就是通过检查服务器上的“客户明细表”来确认客户身份。Session相当于程序在服务器上建立的一份客户档案,客户来访的时候只需要查询客户档案表就可以了。

1.2.1.创建Session的格式:

Session对应的类为javax.servlet.http.HttpSession类。每个来访者对应一个Session对象,所有该客户的状态信息都保存在这个Session对象里。Session对象是在客户端第一次请求服务器的时候创建的。

Session也是一种key-value的属性对,通过getAttribute(Stringkey)和setAttribute(String key,Objectvalue)方法读写客户状态信息。Servlet里通过request.getSession()方法获取该客户的 Session。

例如:

HttpSession session = request.getSession(); // 获取Session对象 
session.setAttribute("loginTime", new Date()); // 设置Session中的属性 
out.println("登录时间为:" +(Date)session.getAttribute("loginTime")); // 获取Session属性
1.2.2.Session的生命周期:

Session保存在服务器端。为了获得更高的存取速度,服务器一般把Session放在内存里。每个用户都会有一个独立的Session。如果Session内容过于复杂,当大量客户访问服务器时可能会导致内存溢出。因此,Session里的信息应该尽量精简。

Session在用户第一次访问服务器的时候自动创建。需要注意只有访问JSP、Servlet等程序时才会创建Session,只访问HTML、IMAGE等静态资源并不会创建Session。如果尚未生成Session,也可以使request.getSession(true)强制生成Session。

Session生成后,只要用户继续访问,服务器就会更新Session的最后访问时间,并维护该Session。用户每访问服务器一次,无论是否读写Session,服务器都认为该用户的Session“活跃(active)”了一次。

由于会有越来越多的用户访问服务器,因此Session也会越来越多。为防止内存溢出,服务器会把长时间内没有活跃的Session从内存删除。这个时间就是Session的超时时间。如果超过了超时时间没访问过服务器,Session就自动失效了。

Session的超时时间为maxInactiveInterval属性,可以通过对应的getMaxInactiveInterval()获取,通过setMaxInactiveInterval(longinterval)修改。

Session的超时时间也可以在web.xml中修改。另外,通过调用Session的invalidate()方法可以使Session失效。

<session-config> 
     <session-timeout>30</session-timeout>
</session-config>
1.3.Session和Cookie的区别
  • (1) Cookie数据保存在客户端,Session数据保存在服务器端。
  • (2) Session是由应用服务器维持的一个服务器端的存储空间,用户在连接服务器时,会由服务器生成一个唯一的SessionID,用该SessionID 为标识符来存取服务器端的Session存储空间。而SessionID这一数据则是保存到客户端,用Cookie保存的,用户提交页面时,会将这一SessionID提交到服务器端,来存取Session数据。这一过程,是不用开发人员干预的。所以一旦客户端禁用Cookie,那么Session也会失效。
  • (3) Cookies是属于Session对象的一种。但有不同,Cookies不会占服务器资源,是存在客服端内存或者一个Cookie的文本文件中;而Session则会占用服务器资源。所以,尽量不要使用Session,而使用Cookies。但是我们一般认为Cookie是不可靠的,Cookies是保存在本机上的,但是其信息的完全可见性且易于本地编辑性,往往可以引起很多的安全问题Session是可靠地。但是目前很多著名的站点也都用Cookie。
2.过滤器(Filter)

过滤器实际上就是对web资源进行拦截,做一些处理后再交给下一个过滤器或servlet处理,通常都是用来拦截request进行处理的,也可以对返回的response进行拦截处理。

在这里插入图片描述

2.1.过滤器的应用

1.创建一个类实现Filter接口:

public class CharSetFilter implements Filter{}

2.重写接口中的方法:

public void destroy() { //销毁的方法} 
public void doFilter(ServletRequest req, ServletResponse resp, FilterChain chain) throws ServletException, IOException { 
//过滤方法 主要是对request和response进行一些处理,然后交给下一个过滤器或Servlet处 理 
            chain.doFilter(req, resp); 
            }
public void init(FilterConfig config) throws ServletException { 
/*初始化方法 接收一个FilterConfig类型的参数 该参数是对Filter的一些配置*/
}

3.在web.xml文件中配置:

<filter>
       <filter-name>过滤器名称</filter-name> 
       <filter-class>过滤器所在的路径</filter-class> 
</filter> 
<filter-mapping> 
       <filter-name>过滤器名称</filter-name> 
       <url-pattern>需要过滤的资源</url-pattern> 
</filter-mapping>
2.2.使用场景
  • 1.防止用户未登录就执行后续操作

  • String name=(String)session.getAttribute("key"); 
    if(name==null){ 
    //跳转到登录页面 }
    
  • 2.设置编码方式–统一设置编码

  • 3.加密解密(密码的加密和解密)

  • 4.非法文字筛选

  • 5.下载资源的限制

过滤器的特点:在servlet之前和之后都会被执行

3.监听器(Listener)

监听器就是监听某个域对象的的状态变化的组件监听器的相关概念:

  • 事件源:被监听的对象(三个域对象request、session、servletContext)
  • 监听器:监听事件源对象事件源对象的状态的变化都会触发监听器
  • 注册监听器:将监听器与事件源进行绑定
  • 响应行为:监听器监听到事件源的状态变化时所涉及的功能代码(程序员编写代码)
3.1.监听器分类

在这里插入图片描述

3.2.监听三大域对象的创建与销毁的监听器

监听器的编写步骤(重点):

编写一个监听器类去实现监听器接口覆盖监听器的方法需要在web.xml中进行配置—注册:

<listener>
<listener-class>监听器所在的路径</listener-class> 
</listener>
  • ServletContextListener:监听ServletContext域的创建与销毁的监听器

    Servlet域的生命周期:何时创建:服务器启动创建;何时销毁:服务器关闭销毁

    ServletContextListener监听器的主要作用:

    初始化的工作:初始化对象、初始化数据(加载数据库驱动、连接池的初始化),加载一些初始化的配置文件 (spring的配置文件),任务调度(定时器—Timer/TimerTask)

  • HttpSessionListener:监听Httpsession域的创建和销毁的监听器

    HttpSession对象的生命周期:何时创建:第一次调用request.getSession时创建;何时销毁:服务器关闭销毁、session过期(默认30分钟,修改默认的30分钟是在Tomcat的web.xml,修改当前项目的过期时间是在自己项目的web.xml中)、手动销毁

    HttpSessionListener监听器的主要作用:

    由于每次访问网站都会默认创建session对象(jsp页面中page指令中的session属性默认为true,即被访问时创建

    session),可以用于计数网站访问过的人

  • ServletRequestListener:监听ServletRequest域创建与销毁的监听器

    ServletRequest的生命周期:创建:每一次请求都会创建request;销毁:请求结束

    用法同上,用处不是很大,此处省略。

五.MVC

在这里插入图片描述

在Web MVC模式下,模型无法主动推数据给视图,如果用户想要视图更新,需要再发送一次请求(即请求-响应模型)。

M:(Model) 模型 : 应用程序的核心功能,管理这个模块中用的数据和值(bean,dao);

JavaBeans :是Java中一种特殊的类(换言之:JavaBean就是一个Java类),一个Java类 ,满足以下要求,则可称为一个JavaBean

  • a. public修饰的类,提供public 无参构造方法
  • b. 所有属性 都是private
  • C. 提供getter和setter方法

从使用层面来看,JavaBean分为2大类:

  • a. 封装业务逻辑的JavaBean(eg:LoginDao.java 封装了登录逻辑)
  • b. 封装数据的JavaBean(实体类:eg:Student.java Vadio.java 。往往对应于数据库中的一张表,即数据库中有个Student表,项目中就有个Student.java类)通常:表名=类名,列名=属性名

JavaBean是一个可以重复使用的组件,通过编写一个组件来实现某种通用功能,“一次编写、任何地方执行、任何地方重用”。

V(View )视图: 视图提供模型的展示,管理模型如何显示给用户,它是应用程序的外观;(jsp/html)

C(Controller)控制器: 对用户的输入做出反应,管理用户和视图的交互,是连接模型和视图的枢纽。(servlet/service)

MVC用于将web(UI)层进行职责解耦

1.三层架构

三层架构 通常意义上的三层架构就是将整个业务应用划分为:表现层(UI)、业务逻辑层(BLL)、数据访问层(DAL)。区分层次的目的即为了“高内聚,低耦合”的思想。

  1. 表现层(UI):通俗讲就是展现给用户的界面,即用户在使用一个系统的时候他的所见所得。 jsp/html
  2. 业务逻辑层(BLL):针对具体问题的操作,也可以说是对数据层的操作,对数据业务逻辑处理。servlet,service
  3. 数据访问层(DAL):该层所做事务直接操作数据库,针对数据的增添、删除、修改、更新、查找等。dao
  • 表现层实现的代表作品是Struts,springmvc框架,
  • 业务层实现的代表作品是Spring,
  • 持久层实现的代表作品是Hibernate,mybatis。

层就相当于一个黑盒子,我们不用知道它内部怎么实现,只需要知道如何去调用它就行了。每层只与上下相邻的两层打交道。当一层内部由于技术变迁发生变化时,只要接口不变,其他层不用做任何改变。分层之后灵活性提高,也便于团队分工开发。

2.三层架构和MVC的区别与联系

在这里插入图片描述

  1. MVC是 Model-View-Controller,严格说这三个加起来以后才是三层架构中的UI层,也就是说,MVC把三层架构中的UI层再度进行了分化,分成了控制器、视图、实体三个部分,控制器完成页面逻辑,通过实体来与界面层完成通话;而C层直接与三层中的BLL进行对话。
  2. MVC可以是三层中的一个表现层框架,属于表现层。三层和mvc可以共存。
  3. 三层是基于业务逻辑来分的,而MVC是基于页面来分的。
  4. MVC主要用于表现层,3层主要用于体系架构,3层一般是表现层、中间层、数据层,其中表现层又可以分成M、V、C,(Model View Controller)模型-视图-控制器。
  5. MVC是表现模式(Presentation Pattern)
  6. 三层架构是典型的架构模式(Architecture Pattern)
  7. 三层架构的分层模式是典型的上下关系,上层依赖于下层。但MVC作为表现模式是不存在上下关系的,而是相互协作关系。即使将MVC当作架构模式,也不是分层模式。MVC和三层架构基本没有可比性,是应用于不同领域的技术。

六.AJAX

AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。 AJAX 不是新的编程语言,而是一种使用现有标准的新方法。AJAX 是在不重新加载整个页面的情况下与服务器交换数据并更新部分网页的艺术。 由下列技术组合而成。

  • 1.使用CSS和XHTML来表示。
  • 2.使用DOM模型来交互和动态显示。
  • 3.使用XMLHttpRequest来和服务器进行异步通信。
  • 4.使用javascript来绑定和调用。

AJAX 的核心是 XMLHttpRequest 对象。 不同的浏览器创建 XMLHttpRequest 对象的方法是有差异的。

IE浏览器使用ActiveXObject,而其他的浏览器使用名为XMLHttpRequest的JavaScript内建对象

Ajax的工作原理相当于在用户和服务器之间加了—个中间层(AJAX引擎),使用户操作与服务器响应异步化。并不是所有的用户请求都提交给服务器。像—些数据验证和数据处理等都交给Ajax引擎自己来做,,只有确定需要从服务器读取新数据时再由Ajax引擎代为向服务器提交请求。

1. XMLHttpRequest的常用属性

1.onreadystatechange属性:onreadystatechange 属性存有处理服务器响应的函数。 下面的代码定义一个空的函数,可同时对onreadystatechange 属性进行设置:

xmlHttp.onreadystatechange = function() { //我们需要在这写一些代码}

2.readyState属性:readyState 属性存有服务器响应的状态信息。每当 readyState 改变时,onreadystatechange 函数就会被执行。readyState 属性可能的值:

我们要向这个 onreadystatechange 函数添加一条 If 语句,来测试我们的响应是否已完成(意味着可获得数据):

xmlHttp.onreadystatechange = function() { 
        if (xmlHttp.readyState == 4) { 
        //从服务器的response获得数据 
        }
}

3.responseText属性:可以通过 responseText 属性来取回由服务器返回的数据。 在我们的代码中,我们将把时间文本框的值设置为等于responseText:

xmlHttp.onreadystatechange = function() { 
      if (xmlHttp.readyState == 4) { 
      document.myForm.time.value = xmlHttp.responseText; 
      }
}
2.XMLHttpRequest方法

1.open()方法:open() 有三个参数。第一个参数定义发送请求所使用的方法,第二个参数规定服务器端脚本的URL,第三个参数规定应当对请求进行异步地处理。

xmlHttp.open("GET","test.php",true);

2.send()方法:send() 方法将请求送往服务器。如果我们假设 HTML 文件和 PHP 文件位于相同的目录,那么代码是这样的:

xmlHttp.send(null);
3.Ajax编程步骤
3.1.创建XMLHttpRequest对象

创建XMLHttp对象的语法是: var xmlHttp=new XMLHttpRequest();

如果是IE5或者IE6浏览器,则使用ActiveX对象,创建方法是:var xmlHttp=new ActiveXObject(“Microsoft.XMLHTTP”);

一般我们手写AJAX的时候,首先要判断该浏览器是否支持XMLHttpRequest对象,如果支持则创建该对象,如果不支持则创建ActiveX对象。JS代码如下:

//第一步:创建XMLHttpRequest对象 
var xmlHttp; 
if (window.XMLHttpRequest) { 
    //非IE 
    xmlHttp = new XMLHttpRequest(); 
} else if (window.ActiveXObject) { 
    //IE 
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP") 
}
3.2.设置请求方式:

在WEB开发中,请求有两种形式,一个是get,一个是post,所以在这里需要设置一下具体使用哪个请求,XMLHttpRequest对象的open()方法就是来设置请求方式的。

功能参数
规定请求的类型、URL 以及是否异步处理请求参数1:设置请求类型(GET 或 POST),GET与POST的区别请自己百度一下,这里不做解释; 参数2:文件在服务器上的位置; 参数3:是否异步处理请求,是为true,否为false。

如下:

//第二步:设置和服务器端交互的相应参数,向路径http://localhost:8080/JsLearning3/getAjax准备发送数据 
var url = "http://localhost:8080/JsLearning3/getAjax"; 
xmlHttp.open("POST", url, true);

在这里插入图片描述

GET还是POST? 与 POST 相比,GET 更简单也更快,并且在大部分情况下都能用。然而,在以下情况中,请使用 POST 请求:

  1. 无法使用缓存文件(更新服务器上的文件或数据库)
  2. 向服务器发送大量数据(POST 没有数据量限制)
  3. 发送包含未知字符的用户输入时,POST 比 GET 更稳定也更可靠

异步- True或False?

AJAX 指的是异步 JavaScript 和 XML(Asynchronous JavaScript and XML)。

XMLHttpRequest 对象如果要用于 AJAX 的话,其 open() 方法的 async 参数必须设置为 true:对于 web 开发人员来说,发送异步请求是一个巨大的进步。很多在服务器执行的任务都相当费时。AJAX 出现之前,这可能会引起应用程序挂起或停止。 通过 AJAX,JavaScript 无需等待服务器的响应,而是: 在等待服务器响应时执行其他脚本 当响应就绪后对响应进行处理。

3.3.调用回调函数

如果在上一步中open方法的第三个参数选择的是true,那么当前就是异步请求,这个时候需要写一个回调函数,XMLHttpRequest对象有一个onreadystatechange属性,这个属性返回的是一个匿名的方法,所以回调函数就在这里写xmlHttp.onreadystatechange=function{},function{}内部就是回调函数的内容。所谓回调函数,就是请求在后台处理完,再返回到前台所实现的功能。

在这个例子里,我们的回调函数要实现的功能就是接收后台处理后反馈给前台的数据,然后将这个数据显示到指定的div上。因为从后台返回的数据可能是错误的,所以在回调函数中首先要判断后台返回的信息是否正确,如果正确才可以继续执行。代码如下:

//第三步:注册回调函数 
xmlHttp.onreadystatechange = function() { 
    if (xmlHttp.readyState == 4) {
         if (xmlHttp.status == 200) { 
              var obj = document.getElementById(id); 
              obj.innerHTML = xmlHttp.responseText; 
         } else {
               alert("AJAX服务器返回错误!"); 
           } 
    }
}

在上面代码中,xmlHttp.readyState是存有XMLHttpRequest 的状态。从 0 到 4 发生变化。0: 请求未初始化。1:服务器连接已建立。2: 请求已接收。3: 请求处理中。4: 请求已完成,且响应已就绪。所以这里我们判断只有当xmlHttp.readyState为4的时候才可以继续执行。

xmlHttp.status是服务器返回的结果,其中200代表正确。404代表未找到页面,所以这里我们判断只有当xmlHttp.status等于200的时候才可以继续执行。

var obj = document.getElementById(id);obj.innerHTML = xmlHttp.responseText;

这段代码就是回调函数的核心内容,就是获取后台返回的数据,然后将这个数据赋值给id为testid的div。xmlHttp对象有两个属性都可以获取后台返回的数据,分别是:responseText和responseXML,其中responseText是用来获得字符串形式的响应数据,responseXML是用来获得XML形式的响应数据。至于选择哪一个是取决于后台给返回的数据的,这个例子里我们只是显示一条字符串数据所以选择的是responseText。responseXML将会在以后的例子中介绍。

3.4.发送请求
//第四步:设置发送请求的内容和发送报送。然后发送请求 
var uname= document.getElementsByName("userName")[0].value; 
var upass= document.getElementsByName("userPass")[0].value ; 
var params = "userName=" + uname+ "&userPass=" +upass+ "&time=" + Math.random(); 
// 增加time随机参数,防止读取缓存 
xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded;charset=UTF-8"); 
// 向请求添加 HTTP 头,POST如果有数据一定加加!!!! 
xmlHttp.send(params);

如果需要像 HTML 表单那样 POST 数据,请使用 setRequestHeader() 来添加 HTTP 头。然后在 send() 方法中规定希望发送的数据。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值