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:表示响应对象,用来向前端响应数据（就可以获得请求中的任意的数据）
     */
    @Override
    public void service(ServletRequest req, ServletResponse res) throws ServletException, IOException {
        System.out.println("service");
    }

    @Override
    public void destroy() {
        System.out.println("destroy");
    }
/*
init() 初始化  在构造方法执行完成后,文即被调用执行
       完成一些servlet程序的初始化( 例知,该取配置文件中参数)
       只执行一次
 */
    @Override
    public 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()
    @Override
    public void destroy() {
        super.destroy();
    }

    /*
       处理get请求
     */
    @Override
    protected 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请求
     */
    @Override
    protected 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获得配置文件的初始化参数
    @Override
    public void init(FilterConfig filterConfig) throws ServletException {
        reqencod=filterConfig.getInitParameter("reqencod");//getInitParameter(String name)，该方法用来获得过滤器的初始化参数值。
        respencod=filterConfig.getInitParameter("respencod");
    }

    @Override
    public 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);//打印响应一个学生对象