前后端分离交互

目录

前言

1.搭建服务器端

        1.1下载

        1.2解压

        1.3配置环境变量

        1.4进入到tomcat安装文件的bin目录，找到startup.bat启动tomcat

2.JavaEE环境安装，创建Web后端项目

        2.1正常创建JavaSE项目

        2.2 右击项目，引入框架支持

        2.3将项目部署到Tomcat服务器上

        2.4servlet搭建

                2.4.1导入servlet-api.jar包

                2.4.2创建servlet程序

                2.4.3在xml文件中配置LoginServlet。

                2.4.4访问路线

        2.5servlet生命周期 

 3.发送http请求

4.http响应

---

前言

        以前，我们的Java程序都是在本地运行，在idea执行main()开始运行，从JavaEE开始，后端程序运行在服务器上。为什么要用服务器？为了别人能够远程访问到我们的程序，需要我们把开发的Java项目部署到服务器中。所以先要在我们的电脑上安装一个web服务器，把我们开发的Java程序部署在服务器上，这样就可以从前端远程的通过网络进行访问。

1.搭建服务器端

        学习期间，我们可以安装一款免费的由apache(非营利组织)提供的服务器。

        1.1下载

                Tomcat官方站点：http://tomcat.apache.org

        1.2解压

                获取Tomcat安装程序包，然后进行解压

                        tar.gz文件是Linux操作系统下的安装版本

                        zip文件是Windows系统下的压缩版本

        1.3配置环境变量

                设置JAVA_HOME环境变量

                设置PATH环境变量

        1.4进入到tomcat安装文件的bin目录，找到startup.bat启动tomcat

2.JavaEE环境安装，创建Web后端项目

        项目是在InterlliJ IDEA 2020.2.1版本下创建的

        2.1正常创建JavaSE项目

        2.2 右击项目，引入框架支持

        然后选择Web Application,点击ok 

        2.3将项目部署到Tomcat服务器上

        然后将server设置为下图这样

        然后在Deployment添加创建的项目，点击右边的加号，然后选择第一个

        然后Application context只保留图中部分即可

        到此，项目已将部署在服务器上。 

        2.4servlet搭建

                2.4.1导入servlet-api.jar包

                        首先我们在下载的tomcat文件里面的lib目录下找到servlet-api.jar的jar包，然后再我们的WEB-INF的目录下创建一个lib的目录，将此jar包放在我们创建的lib目录里面，然后右击jar文件，选择Add as Library。

                2.4.2创建servlet程序

                        首先我们创建一个servlet包，里面创建LoginServlet类，让此类继承HttpServlet类，在里面生成四个方法，分别是构造方法、init(ServletConfig config)、service()、destroy()。

                2.4.3在xml文件中配置LoginServlet。

                然后启动服务器，在浏览器中访问：请求格式为：ip:端口/项目名/servlet地址 

                2.4.4访问路线

        2.5servlet生命周期 

                Servlet类的对象什么时候创建，什么时候销毁以及在每个阶段调用的方法

 3.发送http请求

        请求中包括:

请求行	请求的地址，请求的方式，请求的状态
请求头	包含服务器信息，客户端信息，以键值对形式向后端发送，键都是固定的。
请求体	存放post请求方式向服务器端发送的数据

        http请求的两种方式

                get请求：例如超链接请求、表单method="get"、地址栏直接访问

                        1.主要用于从服务器端获取数据，也可以向服务器发送数据的，后端地址？键=值&键=值。

                        2.不能传递过多的数据，浏览器有限制，一般情况是1-2kb。

                        3.请求的数据在地址后面会显示，不能传递敏感数据，安全性低。

                        4.tomcat8之后，get请求中有中文，不会乱码

                post请求：表单method="post"

                        1.主要用于向后端发送请求，请求的数据放在请求体中，不会显示在地址栏中。

                        2.传输的数据量大(可以上传文件)，没有限制，相对安全

4.http响应

        一个http响应代表服务器向客户端回送的数据，它包括：响应行，响应头，响应体。 响应行里包含了http协议版本，以及用于描述服务器对请求的处理结果。

        状态码：服务器和浏览器用于确定状态的固定数字号码

                200：请求成功

                404：请求资源不存在，通常是路径写错了或者服务器资源删除了

                500：服务内部错误（代码异常）

        Web服务器接收到客户端的http请求 ，会针对每一次请求，分别创建一个代表响应的HttpServletResponse对象。

        用getWriter()获得一个PrintWriter字符输出流输出数据

        response.setContentType("text/html;charset=utf-8");方法同时设定response所使用的字符集编码和浏览器打开所用的字符集编码。