IDEA创建子模块及 Web 项目与 Tomcat + Servlet 配置（包括 Servlet 路径模板配置）超详细图文教程

---

title: IDEA创建子模块及 Web 项目与 Tomcat + Servlet 配置（包括 Servlet 路径模板配置）超详细图文教程
date: 2021-04-10 19:09:15
tags:

• Java
• IDEA
• Web
  categories:
• 开发实践
  cover: https://cover.png
  feature: false

---

1. 创建子模块（Module）

1、在创建的项目中右键 New --> Module

2、可根据自己需求创建，这里默认选择 Java 项目，直接点击 Next

3、给子模块命名，输入名字后点击 Finish

4、可以看到已经在原有的项目下多了一个你所创建的子模块

2. 配置Web项目

1、在你创建的子模块右键点击 Add Framework Support

2、选中 Web Application ，点击 OK
3、可以看到在刚刚创建的子模块下多了一个web文件夹

4、在 WEB-INF 目录下创建 lib 文件夹和 classes 文件夹，右键点击 New --> Directory 创建文件夹
5、输入 lib ，然后重复上面的的步骤创建再一个 classes 文件夹

6、创建完之后可以得到如下目录

7、右键点击刚刚创建的子模块，点击Open Module Settings

8、也可以 File --> Project Structure

9、在 Modules 选择刚刚创建的子模块，点击 Path ，选择 Use module compile output path ，然后把路径修改为刚刚创建的 classes 文件夹
10、点击 Dependencies ，右侧的 + 号，选择第一个 JARs or directories

11、选择我们刚刚创建的 lib 文件夹，点击 OK

12、选择 Jar Directory ，点击 OK

13、可以看到多出一个选项，点击 Apply ，然后点击 OK ，保存确定

3. 配置Tomcat

1、点击 Run --> Edit Configuration

2、点击 + 号，选择 Tomcat Server --> Local

3、点击 Configure

4、在 Tomcat Home 选择你 Tomcat 的路径，点击 OK

5、可以看到下方有一个警告提示 Warning: No artifacts marked for deployment ，直接点击右边的 Fix

6、会跳转到 Deployment 面板，我们将这里的默认路径 /chapter12_war_exploded ，改为 /chapter12 ，chapter12 为你自己创建的项目名，即把项目名后面的多余部分删掉，这样我们在浏览器中输入路径的时候只需要输入 localhost:8080/chapter12/文件名 就可以访问你要打开的文件 ，比较方便
其实这里的路径就是你访问这个文件的映射路径。假如不改，就为默认的 /chapter12_war_exploded ，那么访问路径为 localhost:8080/chapter12_war_exploded/文件名。但后面一串写起来麻烦，所以去掉，只留项目名便于输入习惯
同样的，假如改为 / ，那么访问路径就为 localhost:8080/文件名 ，更简单，但是项目多之后不利于查看文件具体位置

7、点击 Server 回到 Server 面板，把 After launch 选项取消，不然每次启动 Tomcat 会自动以默认浏览器打开一个默认的 index.jsp 界面，然后把下面的 On ‘Update’ action 和 On frame deactivation 选项都改为 Update classes and resource（热部署） ，点击 Apply ，然后点击 OK ，保存确定

8、注意，我们每次创建一个 Web 项目，都要来这里进行部署，不然新建的 Web 项目是无法运行的，路径报错。来到 Deployment 面板，点击 + 号，选择第一个 Artifact ，会自动将你创建的 Web 项目添加进来，同样的按 3.6 把路径多余部分删掉，改为项目名，然后点击 OK ，保存确定即可。

4. Servlet 配置

1、右键点击刚刚创建的子模块，点击Open Module Setting

2、也可以 File --> Project Structure

3、在Module选择刚刚创建的子模块，点击 Dependencies ，然后点击右侧的 + 号，选择第一个 JARs or directories

4、在 Tomcat 路径中的 lib 文件夹下找到 servlet-api.jar 文件，点击 OK

5、可以看到多出一个选项，点击 Apply ，然后点击 OK ，保存确定

5. 配置 Servlet 路径模板

1、点击 File --> Setting

2、点击 Editor --> File and Code Templates

3、点击 Other --> Web --> Java code templates --> Servlet Annotated Class.java
4、将这句代码修改为如下：

@javax.servlet.annotation.WebServlet(name = "${Entity_Name}",urlPatterns="/${Entity_Name}")

点击 Apply ，然后点击 OK ，保存确定

结尾：至此，IDEA 子模块及有关 Web 项目相关的一系列配置已完全结束，可以开始编写 Web 项目了