IntelliJ IDEA搭建Web开发环境（Maven+Tomcat）

一、开发环境准备

• Intellji IDEA2019 1.2
• Jdk 1.8.0_144
• Tomcat 8.5.51
• maven 3.6.1

二、IDEA中新建项目

1.打开IDEA新建Maven项目，如下图所示（注：这里不选择任何Mavan模版）。

2、点击Next按钮进入下一个界面，然后在GroupId和ArtifactId处填入所需的内容，点击Next按钮即可。

3、进入如下界面，填写项目名称，选择项目路径

4、点击Finish按钮完成项目的创建，至此项目的基本框架完成，其初始目录结构如下。

5、配置项目的Artifacts，为后面tomcat的配置打下基础，点击Project Structure按钮或者ctrl+alt+shift+s。

6、在Project Structure对话框中，点击Artifacts选项，具体操作如图示。

7、进行上述3步操作后，出现如下界面，这里我们为Artifacts填写一个名字，具体操作如下图

需要将classes加入到output中（右键->put into /web-inf/classes）

8、继续在Project Structure界面上，点击Facets选项，如下图所示。

9、在弹出的对话框中，进行如下图操作。

10、在接下来的界面中直接点击Apply即可。

11、此时项目目录如下图所示（注意已增加的部分）

12、将web目录重命名为webapp，并移动到src\main目录下，修改后的项目目录如下图所示。

13、返回Project Structure界面，点击Facets选项，进行web resource directory的修改（因为我们在上一步对web目录进行了修改并移动），具体如下图所示。

经过以上几步，将Web Resource Directory的值修改为当前webapp的目录。

14、配置Tomcat容器，首先进行如下图操作。

15、在接下来对话框中进行如下图操作。

16、进行tomcat具体配置。

17、如上4步操作完后，得到如下结果。

在Deploy at the server startup 栏中即我们刚才创建的Artifacts，然后在Application context中可以为web项目创建一个名称，这里为buildweb。

18、继续在该界面，点击Server栏，进行如下三项配置，指定本地tomcate+以便修改某些文件后，立即生效（如jsp）。

19、再返回Project Structure界面，进入Artifacts,将web facet resources也加入到output root，Apply->ok

21、在webapp文件夹下创建index.jsp，内容如下：

Hello World!

20、点击Run按钮

21、Tomcat启动

22、启动成功自动弹出浏览器网页，或输入网址：http://localhost:8080/buildweb/

三、idea修改部署到tomcat的url

修改url：

下面修改的是启动tomcat服务器时自动启动浏览器时访问的url路径