web开发，过滤器，前后端交互

web开发概述

web开发环境搭建

Servlet概述

Servlet的作用：

Servlet创建和使用

Servlet生命周期

http请求

过滤器

过滤器的使用场景：

通过Filter接口来实现：

前后端项目之间的交互：

1、同步请求

2、异步请求

优化版：

json (javaScript object Notation)

web开发概述

所谓web开发,指的是从网页中向后端程序发送请求,与后端程序进行交互.

Web服务器是指驻留于因特网上某种类型计算机的程序。

可以向浏览器等Web客户端提供文档，也可以放置网站文件，让全世界浏览；它是一个容器，是一个连接用户与程序之间的中间件。

WEB服务器有很多，流行的WEB服务器有Tomcat 、 WebSphere 、 WebLogic、Jboss等。

在小型的应用系统或者有特殊需要的系统中，可以使用一个免费的Web服务器： Apache 的Tomcat，该服务器支持全部JSP以及Servlet规范。

web开发环境搭建

1、从官方网站 http://tomcat.apache.org 获取Tomcat安装程序包。

2、安装JDK

● 设置JAVA_HOME环境变量

● 设置PATH环境变量

3、安装Tomcat

server.xml是Tomcat的主配置文件，提供Tomcat组件的初始配置，tomcat启动的时候执行这些初始化设置。其次要修改服务器端口号

Servlet概述

Servlet是Server Applet的简称，意思为用Java编写的服务器端的程序.它运行在web服务器中，web服务器负责Servlet和客户的通信以及调用Servlet方法。

Servlet的作用：

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

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

3.根据处理结果，将结果响应给客户端

Servlet创建和使用

1.创建一个类继承javax.servlet.http包下的HttpServlet

2.在web.xml文件中配置Servlet

3.运行Servlet程序

可通过浏览器访问http:localhost:8080/ 项目名/配置的url

Servlet生命周期

package com.ffyc.dromServer.web;import javax.servlet.ServletConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.http.HttpServlet;
import java.io.IOException;/*
创建javaEEc 程序创建一个类  继承HttpServlet,这个类就是一个javaEE程序在web.xml文件配置,问外提供一个访问地址,就可以在浏览器中访问,找到对应javaEE程序*/
public class DemoServlet extends HttpServlet{/*无参构造方法，默认是存在,初始化创建的对象只被调用一次(始终只创就了一个对象)，在第一次访问servlet程序由服务器创建执行*/public DemoServlet() {System.out.println("无参构造方法");}/*service() 用来接收前瑞请求,为前瑞提供服务的每次前端发送的请求，都会调用service(),多次调用HttpServletRequest req: 表示请求对象,前端提交过所有的数据,都有服务器封装在此对象中(服务器将请求到数据都封装到HttpServletRequest对象中)HttpServletResponse resp:表示响应对象,用来向前端响应数据（就可以获得请求中的任意的数据）*/@Overridepublic void service(ServletRequest req, ServletResponse res) throws ServletException, IOException {System.out.println("service");}@Overridepublic void destroy() {System.out.println("destroy");}
/*
init() 初始化  在构造方法执行完成后,文即被调用执行完成一些servlet程序的初始化( 例知,该取配置文件中参数)只执行一次*/@Overridepublic void init(ServletConfig config) throws ServletException {System.out.println("init"+config.getInitParameter("count"));}}

http请求

当客户端连上服务器后，向服务器请求某个web资源，称之为客户端向服务器发送了一个http请求。

请求包括：请求行，请求头，请求体

从前端向后端发送的请求，都是http请求。
http请求只能发送：超文本内容。
一次http请求中包含请求行,请求头,请求体三部分。
请求行：请求的方式，请求的资源地址等等。
请求头：包含客户端的一些环境信息,这些信息都是由浏览器自动发送的，以键值形式传递。
请求体：以表单post方式向后端发送的请求数据，在请求体中包含。

get请求:
get请求主要是从后端获取信息的。例如网页上的超连接,向后端传递少量信息,获得大量信息。
请求数据在请求地址中直接拼接，所以传输的数据量是有限的，并且敏感，数据不安全。

post请求：
post请求主要用于向后端发送大量数据。
请求数据在请求体中，可以传输大量数据，不会在地址中显示，所以相对安全。

<html><head><meta charset="utf-8" /><title></title></head><body><!-- get请求 --><a href="http://127.0.0.1:8088/dromServer/login?name=张三&age=11">登陆</a><!-- post请求 --><form action="http://127.0.0.1:8088/dromServer/login" method="post">账户：<input type="text" name="account" value=""/><br />密码：<input type="password" name="password" value=""/><br /><input type="submit" value="登陆"/></form><!-- <form action="http://127.0.0.1:8088/dromServer/login" method="get">姓名：<input type="text" name="name" value=""/><br />年纪：<input type="text" name="age" value=""/><br /></form> --></body>
</html>

由于前端请求有get和post两种,在后端的处理上略有不同，所以在父类的service方法中,会根据请求方式的不同,调用doget或者dopost方法分别处理.

package com.ffyc.dromServer.web;import com.ffyc.dromServer.dao.LoginDao;import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;
import java.sql.SQLException;public class LoginServlet extends HttpServlet {//init()在没有需要初始化操作时,可以不用重写,但是服务器会调用父类中的init()
//    @Override
//    public void init(ServletConfig config) throws ServletException {
//        super.init(config);
//    }
/*destroy()在没有最终执行的一些操作时,也可以不用重写，但是服务器会调用父类中destroy()@Overridepublic void destroy() {super.destroy();}/*处理get请求*/@Overrideprotected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {String name=req.getParameter("name");String age=req.getParameter("age");System.out.println(name);System.out.println(age);}/*处理post请求*/@Overrideprotected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {//接收数据post请求中文会乱码//设置（请求）解码的编码格式req.setCharacterEncoding("utf-8");//获取请求中我们自己提交的数据String account=req.getParameter("account");String password=req.getParameter("password");System.out.println(account);System.out.println(password);//调用jdbc与数据库交互LoginDao loginDao=new LoginDao();//相应//设置响应内容编码格式resp.setContentType("text/html;charset=utf-8");//获得打印输出字符流PrintWriter printWriter= resp.getWriter();try{boolean res= loginDao.login(account,password);if(res){printWriter.write("登陆成功！");}else {printWriter.write("账号或密码错误！");}}catch (Exception throwables){throwables.printStackTrace();printWriter.write("服务器忙，稍后再试！");}}
}

请求和响应是Web交互最基本的模式，在Servlet中，用HttpServletRequest来表示请求。

服务器就是一款软件，可以向其发送请求，服务器会做出一个响应。

可以在服务器中部署文件，让他人访问。

也可以把运行服务器软件的计算机也可以称为服务器.

一次请求发起到服务器，servlet程序，到最终doget/dpost的请求流程图：

过滤器

过滤器是javaEE规范中定义的一种技术，可以让请求到达目标servlet之前，先进入到过滤器中，在过滤器中统一进行一些拦截处理。

当处理完成之后，可以继续向后执行，如果配置了多个过滤器，也可以进入到下一个过滤器。

过滤器作用：
过滤器用来实现通用的功能，减少代码几余，提高可维护性。
一个过滤器可以配置给多个资源使用。
一个资源也可以配置多个过滤器，按照配置顺序调用。

过滤器的使用场景：

1、统一编码过滤

2、权限验证

3、跨域过滤

Filter也称之为过滤器，它是Servlet技术中最实用的技术，WEB开发人员通过Filter技术，对web服务器管理的所有web资源

通过Filter接口来实现：

public class EncodFilter implements Filter {String reqencod="";String respencod="";//在init方法中FilterConfig获得配置文件的初始化参数@Overridepublic void init(FilterConfig filterConfig) throws ServletException {reqencod=filterConfig.getInitParameter("reqencod");//getInitParameter(String name)，该方法用来获得过滤器的初始化参数值。respencod=filterConfig.getInitParameter("respencod");}@Overridepublic void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {System.out.println("编码过滤器");servletRequest.setCharacterEncoding(reqencod);//设置请求数据编码格式servletResponse.setContentType(respencod);//设置响应内容编码格式filterChain.doFilter(servletRequest,servletResponse);//让请求;离开过滤器，往下步进行}
}

前后端项目之间的交互：

1、同步请求

指一次只能做一件事情，当网页与后端交互时，前端不能在进行其他操作。

这种请求方式，在前后端交互时不太友好。因此逐渐被淘汰。

服务器响应回来的内容，会把整个浏览器中的内容覆盖掉。

2、异步请求

不同步，异步请求时会出现跨域访问，浏览器不允许js对象接收来自其他服务器相应的内容。

同时可以做多件事情(前端与服务器交互时,不影响前端网页其他操作)。

使用js中提供的 XMLHttpRequest对象实现发送异步请求,和接收服务器响应。

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

跨域问题:

不同服务之间进行访问

只要请求协议,域名,端口其中一项不同,就属于跨域访问。

在后端过滤器中响应时,告知前端本次响应是安全的,可以正常接收。

<script>function checkAccount(account) {//同步请求，已经被抛弃了//location.href="http://127.0.0.1:8088/dromServer/reg?account="+account;//异步请求，使用js对象发送请求var httpobj = new XMLHttpRequest();//封装请求地址和数据httpobj.open("get", "http://127.0.0.1:8088/dromServer/reg?account=" + account);//发送请求httpobj.send();//接收响应httpobj.onreadystatechange = function() {document.getElementById("magid").innerHTML = httpobj.responseText;}}</script>

优化版：

<html><head><meta charset="utf-8"><title></title><!-- 导入axios框架 --><script src="js/axios.min.js"></script><script>function checkAccount(account){//axios框架对异步请求进行封装axios.get("http://127.0.0.1:8088/dromServer/reg?account=" + account).then((resp) => {document.getElementById("magid").innerHTML = resp.data; //resp.data取出后端响应的内容});}</script></head><body>账号：<input type="text" name="account" value="" onblur="checkAccount(this.value)" /><span id="magid"></span><br />密码：<input type="password" name="password" value="" /> <br /><input type="submit" value="登录" /></body>
</html>

当后端向前端响应更多的数据时，后端一般情况下将数据封装到对象中，但是js不认识java对象。

java中toString方法可以将对象转为字符串，js接收，接收到后只是普通的字符串，不能使用面向对象方式操作。

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

json (javaScript object Notation)

javaScript 对象表现形式是一种js对象表示方式的字符串。JavaScript 对象表示法 {name:jim,age:10}

两种不同的语言之间如何进行数据交互？(例如c语言程序和 java程序之间要进行数据交互)

json是一种公认的js识别的对象表示方式，对于java而言就是一种特定格式的字符串。

目前json格式已成为公认的前后端交互的数据标准格式。

PrintWriter writer=resp.getWriter();
String jsonstr =new ObjectMapper().writeValueAsString(student);
writer.print(jsonstr);//打印响应一个学生对象