搭建前后端的链接(java)

发布于:2024-04-10 ⋅ 阅读:(70) ⋅ 点赞:(0)

搭建前后端的链接(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在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述