如何在 IntelliJ IDEA 中整合 Maven、Tomcat 部署 Web 应用

小鱼儿 2021-09-25 04:54 329阅读 0赞

### 如何在 IntelliJ IDEA 中整合 Maven、Tomcat 部署 Web 应用 ###

1.  在继续阅读本教程之前，需要先依次完成JDK、Maven、Tomcat、IntelliJ IDEA的安装。关于它们的安装，可见笔者编写的其它教程：  
    JDK的安装教程：[https://blog.csdn.net/wangpaiblog/article/details/111466827][https_blog.csdn.net_wangpaiblog_article_details_111466827]  
    Maven的安装教程：[https://blog.csdn.net/wangpaiblog/article/details/112689500][https_blog.csdn.net_wangpaiblog_article_details_112689500]
2.  在IntelliJ IDEA中使用Maven构建Web应用的方法如图所示：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmdwYWlibG9n_size_16_color_FFFFFF_t_70_pic_center]

1.  此处，在Maven中选择一个Web应用的archetype（模板）。在使用Maven的基础上使用该模板能够减少后续构建项目的工作量。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmdwYWlibG9n_size_16_color_FFFFFF_t_70_pic_center 1]

1.  对图中画圈的地方进行自己喜欢的命名、设置。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmdwYWlibG9n_size_16_color_FFFFFF_t_70_pic_center 2]

1.  此时，需要在图中的Properties中添加键值对Name-Value：

*  Name：archetypeCatalog  
    Value：internal

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmdwYWlibG9n_size_16_color_FFFFFF_t_70_pic_center 3]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmdwYWlibG9n_size_16_color_FFFFFF_t_70_pic_center 4]

1.  如果不添加此键值对，IntelliJ IDEA将会从Maven中央仓库去获取上面选择的archetype。有过完整安装Maven的读者可能知道，这个过程可以十分缓慢。而添加此键值对之后，则获取该archetype的方式将变为内部获取，而使用这种方式构建项目的速度将大大提高。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmdwYWlibG9n_size_16_color_FFFFFF_t_70_pic_center 5]

1.  现在，一个标准的Web应用的目录已经形成。其中，文件夹webapp为应用的部署文件夹。 注意在部署Web应用时，不要改变图中文件夹WEB-INF的位置。关于在IntelliJ IDEA中Web应用目录结构的更多信息及更多的注意事项，可见笔者的另一篇博客：：  Tomcat下常犯的一些通用错误：[https://blog.csdn.net/wangpaiblog/article/details/112550144][https_blog.csdn.net_wangpaiblog_article_details_112550144]
    
    另外，请删除Web应用中的lib文件夹，因为这会与Maven目录中的文件 pom.xml 中的依赖发生冲突，引发IntelliJ IDEA报错。关于这个报错，有兴趣的读者可以阅读笔者的另一篇博客： 解决IDEA报错：启动子级时出错：[https://blog.csdn.net/wangpaiblog/article/details/114055212][https_blog.csdn.net_wangpaiblog_article_details_114055212]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmdwYWlibG9n_size_16_color_FFFFFF_t_70_pic_center 6]

1.  在Maven目录中的文件 pom.xml 中设置应用所需要的依赖等信息。一个可供参考的示例，可见笔者的另一个博客： [https://blog.csdn.net/wangpaiblog/article/details/112797500][https_blog.csdn.net_wangpaiblog_article_details_112797500]
2.  现在来配置Tomcat。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmdwYWlibG9n_size_16_color_FFFFFF_t_70_pic_center 7]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmdwYWlibG9n_size_16_color_FFFFFF_t_70_pic_center 8]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmdwYWlibG9n_size_16_color_FFFFFF_t_70_pic_center 9]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmdwYWlibG9n_size_16_color_FFFFFF_t_70_pic_center 10]

1.  此处选择后缀为war exploded（热部署）的选项。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmdwYWlibG9n_size_16_color_FFFFFF_t_70_pic_center 11]

1.  然后对图中画圈的地方进行自己喜欢的命名、设置。其中，Application context项代表Web应用的应用名，此部分是访问该Web应用时，该Web应用路径的一个组成部分。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmdwYWlibG9n_size_16_color_FFFFFF_t_70_pic_center 12]

1.  添加Tomcat服务器。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmdwYWlibG9n_size_16_color_FFFFFF_t_70_pic_center 13]

1.  注意，添加Tomcat服务器时选择的目录是该Tomcat服务器的安装目录。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmdwYWlibG9n_size_16_color_FFFFFF_t_70_pic_center 14]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmdwYWlibG9n_size_16_color_FFFFFF_t_70_pic_center 15]

1.  对图中画圈的地方进行自己喜欢的命名、设置。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmdwYWlibG9n_size_16_color_FFFFFF_t_70_pic_center 16]

1.  如果第一次进行这种配置，则还会有 Tomcat 的日志中显示中文乱码的问题，关于这方面的问题，可见笔者的另一个博客： 解决 IDEA 关于 Tomcat 日志中文乱码：[https://blog.csdn.net/wangpaiblog/article/details/115587823?spm=1001.2014.3001.5501][https_blog.csdn.net_wangpaiblog_article_details_115587823_spm_1001.2014.3001.5501]
2.  在前面的Web应用部署和Tomcat配置都完成之后，就可以运行该Web应用了。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmdwYWlibG9n_size_16_color_FFFFFF_t_70_pic_center 17]

[https_blog.csdn.net_wangpaiblog_article_details_111466827]: https://blog.csdn.net/wangpaiblog/article/details/111466827
[https_blog.csdn.net_wangpaiblog_article_details_112689500]: https://blog.csdn.net/wangpaiblog/article/details/112689500
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmdwYWlibG9n_size_16_color_FFFFFF_t_70_pic_center]: /images/20210923/b18bd3c40ecc4117ab836d6888c53bec.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmdwYWlibG9n_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20210923/70f48c7be61945d3add331df53c5a4aa.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmdwYWlibG9n_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20210923/6f3c26f1dfdc4cd7857a27c0df04d5ef.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmdwYWlibG9n_size_16_color_FFFFFF_t_70_pic_center 3]: /images/20210923/ef7359060d844ffeb7a79653075c298a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmdwYWlibG9n_size_16_color_FFFFFF_t_70_pic_center 4]: /images/20210923/bdb27d6ea9f34346b3b529102aa798a3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmdwYWlibG9n_size_16_color_FFFFFF_t_70_pic_center 5]: /images/20210923/d679d7bc3ccb45b29df55f832638cd97.png
[https_blog.csdn.net_wangpaiblog_article_details_112550144]: https://blog.csdn.net/wangpaiblog/article/details/112550144
[https_blog.csdn.net_wangpaiblog_article_details_114055212]: https://blog.csdn.net/wangpaiblog/article/details/114055212
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmdwYWlibG9n_size_16_color_FFFFFF_t_70_pic_center 6]: /images/20210923/38f76a1b34d841a7b2f4594beae2bb2b.png
[https_blog.csdn.net_wangpaiblog_article_details_112797500]: https://blog.csdn.net/wangpaiblog/article/details/112797500
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmdwYWlibG9n_size_16_color_FFFFFF_t_70_pic_center 7]: /images/20210923/bcf3bdbe881d4b4cb98c7a34f5a13e6c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmdwYWlibG9n_size_16_color_FFFFFF_t_70_pic_center 8]: /images/20210923/f5499afa740b4441b67b64cd66e03a41.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmdwYWlibG9n_size_16_color_FFFFFF_t_70_pic_center 9]: /images/20210923/10682db27e4a4c099ae014e9518ab9b9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmdwYWlibG9n_size_16_color_FFFFFF_t_70_pic_center 10]: /images/20210923/3e1fe0774fae408886db7bbc239dcf1a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmdwYWlibG9n_size_16_color_FFFFFF_t_70_pic_center 11]: /images/20210923/8603e55cbcba4def877c1a1098a3e1e5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmdwYWlibG9n_size_16_color_FFFFFF_t_70_pic_center 12]: /images/20210923/e4ee96177aa94d27b80936980755b16f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmdwYWlibG9n_size_16_color_FFFFFF_t_70_pic_center 13]: /images/20210923/fc4cbc8ac6114deeb91772202184a919.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmdwYWlibG9n_size_16_color_FFFFFF_t_70_pic_center 14]: /images/20210923/ad14c5e32af84616961d59a84f9f15ec.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmdwYWlibG9n_size_16_color_FFFFFF_t_70_pic_center 15]: /images/20210923/330f76b2e3cb462aa0b876ac12c68c17.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmdwYWlibG9n_size_16_color_FFFFFF_t_70_pic_center 16]: /images/20210923/67b0d45456d340f2a09178767dc50297.png
[https_blog.csdn.net_wangpaiblog_article_details_115587823_spm_1001.2014.3001.5501]: https://blog.csdn.net/wangpaiblog/article/details/115587823?spm=1001.2014.3001.5501
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmdwYWlibG9n_size_16_color_FFFFFF_t_70_pic_center 17]: /images/20210923/f639cf56aeb24c02bc6c08bdc43da4d5.png