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:内容