随着技术的进步，Eclipse和Myeclipse逐渐被IntelliJ IDEA替代。除了一些遗留的老项目，大部分新的java项目，都使用IntelliJ IDEA开发。但是IntelliJ IDEA使用用起来，没有Eclipse和Myeclipse方便。比如，我们要利用开发工具，把项目导成war包，然后部署上线。
相关的文章在百度一下，好多大神都在分享。但是大部分文章都是近亲或双胞胎，好多人写的文章根本没有亲测过。让很多新入坑的兄弟们，从入门到放弃了。
今天就来详细说说，如何使用IDEA操作Java Web项目，包括了以下几部分：使用idea导出war包、配置外部tomcat、外部tomcat部署项目、idea集成tomcat等。
一、使用idea导出war包
1、在IDEA中创建一个Web项目
![]()
注意 标红的地方
![]()
![]()
修改jsp页面展示
![]()
后面测试访问时，在Index页面上显示：飞哥大数据
![]()
2、修工程的目结构
在WEB-INF文件夹下创建两个文件夹：
(1)classes文件夹：用来存放编译后的java文件
(2)lib文件夹：用来存放java类库文件(*.jar)
![]()
![]()
最终目录结构如下图
![]()
3、配置Project Structure
将上面创建的2个文件夹应用配置到项目中，打开配置有2种方式：
(1)在File下点击Project Structure
![]()
(2)右上角快捷键
![]()
设置编译后的java文件，保存的路径(就是你上面手工创建的classes文件夹)
![]()
设置java类库文件保存的路径(就是你上面手工创建的lib文件夹)
![]()
找到你的lib文件夹(在你工程的子目录中)
![]()
选择jar目录
![]()
当前窗口中多了1条，就是你刚才设定的lib路径
![]()
4、导出war包(敲黑板重点)
网上各大高手的教程中，在此处坑最多了。各种兄弟，一定要注意看好。
(1)、Artifacts配置
打开Project Structure，会出现2种情况，我将分别演示如何操作，如下图展示：
情况1(标红部分 有内容)
![]()
![]()
![]()
情况2(标红部分 没内容)
![]()
![]()
![]()
![]()
其实如果兄弟你注意细节了，发现情况2就是比情况多操作了1步罢了。
(2)Artifacts导出war包
![]()
![]()
(3)找到导出的war包
![]()
二、配置外部tomcat
1、安装tomcat
随便在网上下载一个tomcat包就成。如果你找不到tomcat下载文件，那就使用我百度网盘中的吧，这里面包含了windows和linux不同平台不同版本！
链接：https://pan.baidu.com/s/1rJ9-cTWRH0X0-5MVLZ9b3w
提取码：feig
![]()
把下载的tomcat压缩包，解压到你指定的目录。做为小白的你，没有其它配置要求，也不用配置环境变量，就这么简单。此处我就非常暴力，直接把tomcat解压到D盘根目录。
![]()
2、找到tomcat部署的路径(根据自己tomcat解压路径找)
![]()
3、把idea中导出的war包粘到tomcat部署的路径
首先、把war从idea复制一份
![]()
其次、把复制的war包，拷贝到tomcat部署的目录
![]()
4、启动tomcat
![]()
随后出现dos窗口(出现乱码，只要不error就没中，别纠结)
![]()
5、打开浏览器访问 测试tomcat
输入http://localhost:8080/
![]()
看到小猫就可以了
6、打开浏览器访问 测试你刚才部署的项目
输入 http://localhost:8080/dafeige_mvc_war/
![]()
7、扩展说明：访问路径的问题
(1)很多兄弟弄不明白这个访问路径如何写？
规则如下：
http://localhost:8080/你部署的war包名字
(2)查看你部署的war包叫啥？
![]()
8、修改访问路径
从第5步测试看出来，我们的访问路径是有规则的。它是有默认命名的，那如何修改它呢？
(1)Artifacts配置
![]()
(2)Artifacts导出war包
![]()
![]()
(3)找到导出的war包
![]()
(4)、把导出的war拷贝到tomcat的部署目录中
![]()
(5)、重启tomcat
我们在tomcat中部署了新的war包，前面启动的tomcat要关闭，重新启动tomcat，这样它自己就会加载新项目的war包
![]()
随后出现dos窗口(出现乱码，只要不error就没中，别纠结)
![]()
(6)、打开浏览器访问 测试你刚才部署的项目
输入 http://localhost:8080/dafeige/
![]()
三、在idea中配置tomcat
上面我们结合了外部的tomcat来部署测试，操作步骤是不是太麻烦了，这太影响我们的开发效率了。现在讲一下，在idea中配置使用tomcat。
1、配置tomcat
第一次打开创建Java Web项目则点击右上角Edit Configurations...，下方应如下图所示
![]()
![]()
增加一个tomcat local服务(标红的部分)
![]()
我之前配置过，能在此处找到。如果你之前没有配置到，你要点击查看更多，就是图中最下面标绿的部分。
![]()
找到你的tomcat安装路径
![]()
![]()
![]()
![]()
2、部署你的web项目
![]()
![]()
![]()
要注意查看你的访问前缀(敲黑板重点)
![]()
![]()
3、启动idea中的tomcat
![]()
控制台输出如下
![]()
4、测试访问部署的项目
默认它会自动弹出浏览器，你就能看到效果。如果没弹出，那我们就手动访问。
打开浏览器，输入 http://localhost:8080/dafeige/
![]()
学习累了让自己笑一下吧，告诉自己未来的生活是美好的！！！
![image.png]( "1602342937151462.png")
