JavaEE(2)

Servlet

创建一个类继承HttpServlet，重写doget dopost 方法，并在web.xml中配置

Servlet作用

1.接收用户发送的请求数据

2.调用其他的Java程序来处理请求

3.向前端做出响应

请求地址

ip:端口/项目名/servlet程序地址

IP和端口找服务器

Servlet生命周期

创建：

第一次访问Servlet程序时，由服务器创建

初始化:

在构造方法执行完成后，调用init()执行一些初始化操作

服务：

每次请求调用service()

销毁:服务器关闭时，会销毁servlet对象，并且在销毁servlet对象时，会自动调用destroy(),执行销毁操作

每个用于前后端交互的Servlet需要在src.main.webapp.WEB-INT.web.xml中注册

<servlet>
    <servlet-name>login</servlet-name>
    <servlet-class>com.ffyc.dormserver.web.LoginServlet</servlet-class>
</servlet>
<servlet-mapping>
    <servlet-name>login</servlet-name>
    <url-pattern>/login</url-pattern>
</servlet-mapping>

http请求

前端向后端发送http请求，超链接，提交表单等都是发送http请求

http请求的三部分

1.请求行：包含请求的方式，请求的资源地址等

2.请求头：包含客户端的一些环境信息，这些信息都是由浏览器自动发送的，以键值对显示传递

3.请求体：表单post方式提交数据

请求分类

get请求

特点：传少量数据，获得大量数据

传递的参数，在请求地址?后面键=值&键=值

如

"http://127.0.0.1:8088/demo/check?account="+account+"\&password="+password;

后端在Servlet中使用doget()方法接收

post请求：

特点：传大量数据，不在地址中显示

后端在Servlet中使用dopost()方法接收

过滤器

是javaEE中对请求和响应进行拦截的技术

可以让请求到达目标servlet之前，先进入到过滤器中，在过滤器中统一进行一些拦截处理，当处理完成后，可以向后执行到达目标servlet，如果配置了多个过滤器，也可以进入到下一个过滤器

创建过滤器方法：定义一个类，实现Filter接口，重写doFilter()方法，并在web.xml中配置

<!--注册编码过滤器-->
    <filter>
        <filter-name>encoding</filter-name>
        <filter-class>com.ffyc.dormserver.filter.EncodingFilter</filter-class>
        <init-param>
            <param-name>reqencod</param-name>
            <param-value>utf-8</param-value>
        </init-param>
        <init-param>
            <param-name>respencod</param-name>
            <param-value>text/html;charset=utf-8</param-value>
        </init-param>
    </filter>
    <!--配置哪些地址可以进入到编码过滤器-->
    <filter-mapping>
        <filter-name>encoding</filter-name>
        <url-pattern>/*</url-pattern><!--  /* 表示所有向后端发送的请求，都进入到编码过滤器中 -->
    </filter-mapping>

可以让某些请求地址在到达servlet之前进入到指定的过滤器中

从而实现统一处理例如编码过滤权限等进行统一过滤

过滤器使用场景

统一编码过滤

权限验证

词汇过滤

跨域过滤

......

    String reqencod ="";
    String respencod ="";
    //在init方法中，可以通过filterConfig获得配置文件中的初始化参数
    @Override
    public void init(FilterConfig filterConfig) throws ServletException {
        System.out.println("初始化过滤器");
        reqencod = filterConfig.getInitParameter("reqencod");
        respencod = filterConfig.getInitParameter("respencod");
    }

    //执行过滤操作
    @Override
    public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
        //设置请求编码集
        servletRequest.setCharacterEncoding(reqencod);
        //设置响应编码集
        servletResponse.setContentType(respencod);
        //让请求离开过滤器，继续向下执行，下一个可能是过滤器，也可能是目标访问的serlvet
        filterChain.doFilter(servletRequest, servletResponse);
        //filterChain 过滤链
    }

同步异步

同步

同时只能做一件事

同步请求

当前端向后端发送请求时，此时客户端一切操作都会终止，服务器响应回来的内容会覆盖当前网

页中的内容

使用表单交互

这种请求方式在前后端交互时不太友好

异步

同时做多件事

异步请求

当客户端与服务区交互时，不影响客户端页面的其他操作，同时做多件事情

服务器响应回来的内容不会覆盖整个页面

现在的前后端交互都是异步的，由于页面不用覆盖，体验感更好

如何实现发送异步请求

1.原始的方式

在前端用一个js对象 XMLhttpRequest 发送请求接收响应

//创建请求对象
var httpobj = new XMLHttpRequest();
httpobj.open("get","http://127.0.0.1:8088/dormServer/check?account="+account);//封装请求
httpobj.send(null);//发送请求
                    
//执行回调函数  接收响应的结果
httpobj.onreadystatechange = function(){
    document.getElementById("msg").innerHTML = httpobj.responseText;//后端响应的内容
}

2.用异步框架

axios异步框架

http://axios-js.com/zh-cn/docs/

axios.get("http://127.0.0.1:8088/demoServer/check?account="+account).then((resp)=>{
    if(resp.status==200){
        document.getElementById("msg").innerHTML = resp.data;//resp.data取出后端响应的内容
    }
});

跨域问题

前后端异步交互会出现跨域问题

1.定义

不同的服务器间进行访问时，浏览器不允许js接收来自其他服务器响应的数据

只要协议，域名，端口其中一个不同，都属于跨域访问

跨域问题是一个前端问题，可以在前端解决，也可以在后端解决

2.为什么要跨域访问

前后端分离开发(前端和后端各自在不同的服务中)

同一家公司不同项目之间要交互

3.浏览器为什么要阻止跨域访问

为了安全，不能让其他服务器的内容肆意的响应到自己的服务中

4.如何解决跨域问题：前端解决后端解决

后端解决：在响应式告知浏览器允许来自某些指定服务响应的内容

//创建过滤器在后端解决跨域问题
import javax.servlet.*;
import javax.servlet.annotation.WebFilter;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

/*后端向前端响应时，告诉前端本次响应是安全的*/

@WebFilter(urlPatterns = "/*")
public class CorsFilter implements Filter {
    public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain)
            throws IOException, ServletException {
        HttpServletResponse httpResponse = (HttpServletResponse) servletResponse;
        HttpServletRequest httpRequest = (HttpServletRequest) servletRequest;
        //允许携带Cookie时不能设置为* 否则前端报错
        httpResponse.setHeader("Access-Control-Allow-Origin", httpRequest.getHeader("origin"));//允许所有请求跨域 测试时使用，以后需要更改
        httpResponse.setHeader("Access-Control-Allow-Methods", "*");//允许跨域的请求方法GET, POST, HEAD 等
        httpResponse.setHeader("Access-Control-Allow-Headers", "*");//允许跨域的请求头
        httpResponse.setHeader("Access-Control-Allow-Credentials", "true");//是否携带cookie

        filterChain.doFilter(servletRequest, servletResponse);
    }
}

json(javaScript object notation)

后端一般情况下将数据封装到对象中，但是js并不认识java对象

java中使用toString方法将对象转为字符串后，js接收到的也只是普通的字符串

为了让js能够方便的进行操作，在java中将对象转为json格式的字符串，传递给前端js

json格式的字符串 {属性:值,属性:值...}

是一种通用的数据格式 java和js都认识，是现在前后端交互的数据标准格式

后端标准响应数据格式（Result类）

三个属性

code：状态码

desc：提示

data：内容