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

idea 设置go modules idea模块设置_idea 设置go modules


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

idea 设置go modules idea模块设置_tomcat_02


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

idea 设置go modules idea模块设置_tomcat_03


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

idea 设置go modules idea模块设置_tomcat_04

2. 配置Web项目

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

idea 设置go modules idea模块设置_servlet_05


2、选中 Web Application ,点击 OK

idea 设置go modules idea模块设置_tomcat_06

3、可以看到在刚刚创建的子模块下多了一个web文件夹

idea 设置go modules idea模块设置_web_07


4、在 WEB-INF 目录下创建 lib 文件夹和 classes 文件夹,右键点击 New --> Directory 创建文件夹

idea 设置go modules idea模块设置_tomcat_08

5、输入 lib ,然后重复上面的的步骤创建再一个 classes 文件夹

idea 设置go modules idea模块设置_tomcat_09


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

idea 设置go modules idea模块设置_idea 设置go modules_10

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

idea 设置go modules idea模块设置_idea 设置go modules_11


8、也可以 File --> Project Structure

idea 设置go modules idea模块设置_idea 设置go modules_12

9、在 Modules 选择刚刚创建的子模块,点击 Path ,选择 Use module compile output path ,然后把路径修改为刚刚创建的 classes 文件夹

idea 设置go modules idea模块设置_servlet_13

10、点击 Dependencies ,右侧的 + 号,选择第一个 JARs or directories

idea 设置go modules idea模块设置_tomcat_14


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

idea 设置go modules idea模块设置_java_15


12、选择 Jar Directory ,点击 OK

idea 设置go modules idea模块设置_web_16

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

idea 设置go modules idea模块设置_idea 设置go modules_17

3. 配置Tomcat

1、点击 Run --> Edit Configuration

idea 设置go modules idea模块设置_web_18

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

idea 设置go modules idea模块设置_web_19


3、点击 Configure

idea 设置go modules idea模块设置_java_20


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

idea 设置go modules idea模块设置_java_21


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

idea 设置go modules idea模块设置_idea 设置go modules_22


6、会跳转到 Deployment 面板,我们将这里的默认路径 /chapter12_war_exploded ,改为 /chapter12 ,chapter12 为你自己创建的项目名,即把项目名后面的多余部分删掉,这样我们在浏览器中输入路径的时候只需要输入 localhost:8080/chapter12/文件名 就可以访问你要打开的文件 ,比较方便

其实这里的路径就是你访问这个文件的映射路径。假如不改,就为默认的 /chapter12_war_exploded ,那么访问路径为 localhost:8080/chapter12_war_exploded/文件名。但后面一串写起来麻烦,所以去掉,只留项目名便于输入习惯

同样的,假如改为 / ,那么访问路径就为 localhost:8080/文件名 ,更简单,但是项目多之后不利于查看文件具体位置

idea 设置go modules idea模块设置_tomcat_23


idea 设置go modules idea模块设置_idea 设置go modules_24

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

idea 设置go modules idea模块设置_java_25


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

idea 设置go modules idea模块设置_web_26


idea 设置go modules idea模块设置_tomcat_27

4. Servlet 配置

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

idea 设置go modules idea模块设置_idea 设置go modules_11


2、也可以 File --> Project Structure

idea 设置go modules idea模块设置_idea 设置go modules_12

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

idea 设置go modules idea模块设置_java_30


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

idea 设置go modules idea模块设置_web_31

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

idea 设置go modules idea模块设置_idea 设置go modules_32

5. 配置 Servlet 路径模板

1、点击 File --> Setting

idea 设置go modules idea模块设置_tomcat_33

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

idea 设置go modules idea模块设置_java_34


3、点击 Other --> Web --> Java code templates --> Servlet Annotated Class.java

idea 设置go modules idea模块设置_servlet_35

4、将这句代码修改为如下:

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

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

idea 设置go modules idea模块设置_servlet_36


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