搭建前后端的链接(java)

一.前提

1.1 javaEE

搭建前后端的链接首先需要用到javaEE，也就是java企业版，也就是java后端(后端+javaSE)

利用javaEE和前端交互，javaSE和数据库交互，javaSE和javaEE之间再进行交互就实现了前后端的交互。

1.2 那么问题来了，前端程序如何才能访问到后端程序呢？

这时候就需要提到一个词Servlet(server+applet)：服务器端程序。我们需要通过web服务器解决，后端程序为了能让前端能够远程的访问到，需要将后端的程序部署在服务器中，这样前端就可以远程访问，并且向可以向前端做出响应。

1.3 服务器

严格意义上的服务器指的是一款软件，里面可以放置文件，供人远程访问，并且有请求就必有响应。

宏观意义上的服务器，是软件＋硬件。

所以当我们的电脑装上服务器程序，我们的电脑就相当于一个宏观意义上的服务器了。

服务器是一个容器，是一个连接用户与程序之间的中间件

我们这次要用到的是Apache提供的开源软件：tomcat，是一个web服务器，可以运行我们的java后端程序

二.后端开发准备工作

2.1安装tomcat服务器

1. 下载
2. 安装jdk 配置JAVA_HOME path
3. 解压tomcat
4. 进入到bin目录双击打开startup.bat以此启动tomcat
5. 访问 ip+端口 127.0.0.1:8080

当通过ip+端口访问到tomcat网页说明成功

此时进入到conf文件夹找到server.xml文件，用可编辑的文本文件打开xml然后找到Connector标签，把port也就是端口=8080改成别的，比如8081，8082都可以，这样做的目的是如果我们前端程序的端口是8080那么就可以避免冲突。

三.Servlet：

3.1 概述：

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

3.2 作用：

1. 接收用户发送的请求
2. 调用其他的java程序来处理请求
3. 根据处理结果，将结果相应给客户端

四. 创建并发布javaWeb项目

4.1 创建：

4.1.1 新建javaEE项目：

下一步勾选 Web Profile

到此项目已被创建

4.1.2 配置:

1. 先写一个能和前端响应的程序，在src/main/java新建一个包然后新建一个类,类继承HttpServlet重写一个service方法

       @Override
       protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
           System.out.println("service");
       }
   

2. 在webapp找到web.xml进行注册servlet

   在web.xml中把如下代码写入

    <servlet>
               <!--     为servlet对象定义名称       -->
               <servlet-name>webserver</servlet-name>
               <!--      配置servlet类名，服务器启动时会创建此类的对象，只创建一次      -->
               <servlet-class>com.lzy.demo.servlet.loginServlet</servlet-class>
           </servlet>
           <!--     为servlet配置访问地址     -->
           <servlet-mapping>
               <servlet-name>webserver</servlet-name>
           <!--     前端访问地址 必须以/开头       -->
               <url-pattern>/login</url-pattern>
           </servlet-mapping>
   

4.2 发布web应用到服务器：

此时项目相当于在本地，我们需要部署到tomcat服务器

4.2.1 Add Configuration…：

点击Add Configuration然后新建一个Tomcat Server 的Local

然后点击Configure…

TomcatHome选择Tomcat 下载的根目录

去掉After launch，同时URL改成自己设置的端口号 HTTP port也是自己设置的端口号

接下来进入Deployment

点击右边的小+选择Artifact，然后点击Apply(应用)推出这样便成功把项目部署到了服务器Tomcat

这样子我们就不用再从startup.bat启动服务器了

最后一步：

启动程序然后在网页上进入127.0.0.1:8081/webserver/login 这是web.xml配置的前端访问地址，如果回到idea看到之前重写的方法运行了则成功完成前后端交互

    @Override
    protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        System.out.println("service");
    }

总结：当安装完tomcat服务器后，需要创建一个web后端项目，并创建了一个Servlet程序，并配置了Servlet程序，然后需要把web后端项目部署到Tomcat中，在idea中集成tomcat，并部署项目。servlet被部署在服务器，服务器负责管理并调用servlet