新版IDEA中创建maven web项目部署Tomcat容器运行小项目并在浏览器访问的演示【图文】

短命女 2023-02-24 13:27 19阅读 0赞

### 文章目录 ###

*   *  一、部署Tomcat服务器
     *  二、添加代码
     *  三、项目运行

**在此之前你需要做的是：  
1、成功集成maven插件到你的IDEA，地址：[https://blog.csdn.net/qq\_43012792/article/details/107208972][https_blog.csdn.net_qq_43012792_article_details_107208972]  
2、在配置文件中添加阿里云（速度快）镜像远程仓库，地址：[https://blog.csdn.net/qq\_43012792/article/details/107234336][https_blog.csdn.net_qq_43012792_article_details_107234336]  
3、选用webapp骨架创建一个Maven项目，地址：[https://blog.csdn.net/qq\_43012792/article/details/107229986][https_blog.csdn.net_qq_43012792_article_details_107229986]**

以上都做完了，你就成功的创建了一个web项目，截图：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMDEyNzky_size_16_color_FFFFFF_t_70]

## 一、部署Tomcat服务器 ##

**1、Tomcat Server**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMDEyNzky_size_16_color_FFFFFF_t_70 1]  
**2、**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMDEyNzky_size_16_color_FFFFFF_t_70 2]  
**3、选择Tomcat路径**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMDEyNzky_size_16_color_FFFFFF_t_70 3]  
**4、配置war包和访问这个项目的路径名。**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMDEyNzky_size_16_color_FFFFFF_t_70 4]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMDEyNzky_size_16_color_FFFFFF_t_70 5]  
5、添加好之后：  
![在这里插入图片描述][20200709171453287.png]

## 二、添加代码 ##

我写一个超级简单的demo，来在我电脑上运行一下。这样你就知道了部署运行的流程了。  
思路：写一个servlet类，然后请求转发到index.jsp，然后访问index页面。

**1、在pom中添加这段代码，进行配置jar坐标，引用所需的jar。**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMDEyNzky_size_16_color_FFFFFF_t_70 6]

<dependencies>
        
        <dependency>
          <groupId>junit</groupId>
          <artifactId>junit</artifactId>
          <version>4.11</version>
          <scope>test</scope>
        </dependency>
        
        <dependency>
          <groupId>commons-io</groupId>
          <artifactId>commons-io</artifactId>
          <version>2.6</version>
        </dependency>
        
        <dependency>
          <groupId>javax.servlet</groupId>
          <artifactId>jstl</artifactId>
          <version>1.2</version>
        </dependency>
        
        <dependency>
          <groupId>javax.servlet</groupId>
          <artifactId>javax.servlet-api</artifactId>
          <version>4.0.1</version>
        </dependency>
        
        <dependency>
          <groupId>javax.servlet</groupId>
          <artifactId>jsp-api</artifactId>
          <version>2.0</version>
          <scope>provided</scope>
        </dependency>
      </dependencies>

**2、在有资源路径java类中创建一个servlet类。为一会浏览器访问提供服务。**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMDEyNzky_size_16_color_FFFFFF_t_70 7]

package com.dai.servlet;
    
    import javax.servlet.ServletException;
    import javax.servlet.annotation.WebServlet;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    import java.io.IOException;
    
    @WebServlet("/ShineServlet") //访问地址
    public class ShineServlet extends HttpServlet { 
        protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 
            request.getRequestDispatcher("/index.jsp").forward(request,response);   //请求转发到index.jsp
        }
    
        protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 
            this.doPost(request, response);
        }
    }

**3、修改index.jsp**

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>这是一个maven项目</title>
    </head>
    
    <body>
    <h2>Hello World!你好！</h2>
    </body>
    
    </html>

## 三、项目运行 ##

![在这里插入图片描述][20200709173148455.png]  
**完了，运行报错了，还好我知道是什么原因，不要慌！[请看这篇文章解决。][Link 1]**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMDEyNzky_size_16_color_FFFFFF_t_70 8]  
解决完上面那个错误之后，假如你又报这个错了，**[请看这篇文章][Link 2]**。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMDEyNzky_size_16_color_FFFFFF_t_70 9]  
两个小错误解决之后你就成功了，看，是不是觉得自己很棒。  
![在这里插入图片描述][20200709174324926.png]

[https_blog.csdn.net_qq_43012792_article_details_107208972]: https://blog.csdn.net/qq_43012792/article/details/107208972
[https_blog.csdn.net_qq_43012792_article_details_107234336]: https://blog.csdn.net/qq_43012792/article/details/107234336
[https_blog.csdn.net_qq_43012792_article_details_107229986]: https://blog.csdn.net/qq_43012792/article/details/107229986
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMDEyNzky_size_16_color_FFFFFF_t_70]: /images/20230209/89b890c4338e4e8296ae7ea7a9a7b3c2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMDEyNzky_size_16_color_FFFFFF_t_70 1]: /images/20230209/6fea118040c54a77b204f6f916e4c26c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMDEyNzky_size_16_color_FFFFFF_t_70 2]: /images/20230209/4407f94e643f4e0fa0cbafb115d6cbc8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMDEyNzky_size_16_color_FFFFFF_t_70 3]: /images/20230209/0864090636c744ec95828f986339fd5d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMDEyNzky_size_16_color_FFFFFF_t_70 4]: /images/20230209/9355bfaa166b46ac96a1b1534d42862f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMDEyNzky_size_16_color_FFFFFF_t_70 5]: /images/20230209/c15ab1673b9b4beeb1e514924188d3b6.png
[20200709171453287.png]: /images/20230209/db136904f761409fa0bca8eaeb30409e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMDEyNzky_size_16_color_FFFFFF_t_70 6]: /images/20230209/4b8b46fe2e2e404287aec4acd8570790.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMDEyNzky_size_16_color_FFFFFF_t_70 7]: /images/20230209/6d1e9f5818b54f5fb57e1423b9329267.png
[20200709173148455.png]: /images/20230209/11f0390380eb4aebae07714b72841858.png
[Link 1]: https://blog.csdn.net/qq_43012792/article/details/107229099
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMDEyNzky_size_16_color_FFFFFF_t_70 8]: /images/20230209/d94371c128e34e6d8d11f31e43d624da.png
[Link 2]: https://editor.csdn.net/md/?articleId=107227795
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMDEyNzky_size_16_color_FFFFFF_t_70 9]: /images/20230209/71fb9fcf8ef346299562444ac5e046e1.png
[20200709174324926.png]: /images/20230209/71acdd78beef43eb83cd5d1c38d8d686.png