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
IDEA创建子模块及 Web 项目与 Tomcat + Servlet 配置(包括 Servlet 路径模板配置)超详细图文教程_第1张图片
2、可根据自己需求创建,这里默认选择 Java 项目,直接点击 Next
IDEA创建子模块及 Web 项目与 Tomcat + Servlet 配置(包括 Servlet 路径模板配置)超详细图文教程_第2张图片
3、给子模块命名,输入名字后点击 Finish
IDEA创建子模块及 Web 项目与 Tomcat + Servlet 配置(包括 Servlet 路径模板配置)超详细图文教程_第3张图片
4、可以看到已经在原有的项目下多了一个你所创建的子模块
IDEA创建子模块及 Web 项目与 Tomcat + Servlet 配置(包括 Servlet 路径模板配置)超详细图文教程_第4张图片

2. 配置Web项目

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

IDEA创建子模块及 Web 项目与 Tomcat + Servlet 配置(包括 Servlet 路径模板配置)超详细图文教程_第5张图片
2、选中 Web Application ,点击 OK
IDEA创建子模块及 Web 项目与 Tomcat + Servlet 配置(包括 Servlet 路径模板配置)超详细图文教程_第6张图片3、可以看到在刚刚创建的子模块下多了一个web文件夹
IDEA创建子模块及 Web 项目与 Tomcat + Servlet 配置(包括 Servlet 路径模板配置)超详细图文教程_第7张图片
4、在 WEB-INF 目录下创建 lib 文件夹和 classes 文件夹,右键点击 New --> Directory 创建文件夹
IDEA创建子模块及 Web 项目与 Tomcat + Servlet 配置(包括 Servlet 路径模板配置)超详细图文教程_第8张图片5、输入 lib ,然后重复上面的的步骤创建再一个 classes 文件夹
IDEA创建子模块及 Web 项目与 Tomcat + Servlet 配置(包括 Servlet 路径模板配置)超详细图文教程_第9张图片
6、创建完之后可以得到如下目录
IDEA创建子模块及 Web 项目与 Tomcat + Servlet 配置(包括 Servlet 路径模板配置)超详细图文教程_第10张图片

7、右键点击刚刚创建的子模块,点击Open Module Settings
IDEA创建子模块及 Web 项目与 Tomcat + Servlet 配置(包括 Servlet 路径模板配置)超详细图文教程_第11张图片
8、也可以 File --> Project Structure
IDEA创建子模块及 Web 项目与 Tomcat + Servlet 配置(包括 Servlet 路径模板配置)超详细图文教程_第12张图片

9、在 Modules 选择刚刚创建的子模块,点击 Path ,选择 Use module compile output path ,然后把路径修改为刚刚创建的 classes 文件夹
IDEA创建子模块及 Web 项目与 Tomcat + Servlet 配置(包括 Servlet 路径模板配置)超详细图文教程_第13张图片10、点击 Dependencies ,右侧的 + 号,选择第一个 JARs or directories
IDEA创建子模块及 Web 项目与 Tomcat + Servlet 配置(包括 Servlet 路径模板配置)超详细图文教程_第14张图片
11、选择我们刚刚创建的 lib 文件夹,点击 OK
IDEA创建子模块及 Web 项目与 Tomcat + Servlet 配置(包括 Servlet 路径模板配置)超详细图文教程_第15张图片
12、选择 Jar Directory ,点击 OK
IDEA创建子模块及 Web 项目与 Tomcat + Servlet 配置(包括 Servlet 路径模板配置)超详细图文教程_第16张图片

13、可以看到多出一个选项,点击 Apply ,然后点击 OK ,保存确定
IDEA创建子模块及 Web 项目与 Tomcat + Servlet 配置(包括 Servlet 路径模板配置)超详细图文教程_第17张图片

3. 配置Tomcat

1、点击 Run --> Edit Configuration
IDEA创建子模块及 Web 项目与 Tomcat + Servlet 配置(包括 Servlet 路径模板配置)超详细图文教程_第18张图片

2、点击 + 号,选择 Tomcat Server --> Local
IDEA创建子模块及 Web 项目与 Tomcat + Servlet 配置(包括 Servlet 路径模板配置)超详细图文教程_第19张图片
3、点击 Configure
IDEA创建子模块及 Web 项目与 Tomcat + Servlet 配置(包括 Servlet 路径模板配置)超详细图文教程_第20张图片
4、在 Tomcat Home 选择你 Tomcat 的路径,点击 OK
IDEA创建子模块及 Web 项目与 Tomcat + Servlet 配置(包括 Servlet 路径模板配置)超详细图文教程_第21张图片
5、可以看到下方有一个警告提示 Warning: No artifacts marked for deployment ,直接点击右边的 Fix
IDEA创建子模块及 Web 项目与 Tomcat + Servlet 配置(包括 Servlet 路径模板配置)超详细图文教程_第22张图片
6、会跳转到 Deployment 面板,我们将这里的默认路径 /chapter12_war_exploded ,改为 /chapter12 ,chapter12 为你自己创建的项目名,即把项目名后面的多余部分删掉,这样我们在浏览器中输入路径的时候只需要输入 localhost:8080/chapter12/文件名 就可以访问你要打开的文件 ,比较方便
其实这里的路径就是你访问这个文件的映射路径。假如不改,就为默认的 /chapter12_war_exploded ,那么访问路径为 localhost:8080/chapter12_war_exploded/文件名。但后面一串写起来麻烦,所以去掉,只留项目名便于输入习惯
同样的,假如改为 / ,那么访问路径就为 localhost:8080/文件名 ,更简单,但是项目多之后不利于查看文件具体位置
IDEA创建子模块及 Web 项目与 Tomcat + Servlet 配置(包括 Servlet 路径模板配置)超详细图文教程_第23张图片
IDEA创建子模块及 Web 项目与 Tomcat + Servlet 配置(包括 Servlet 路径模板配置)超详细图文教程_第24张图片

7、点击 Server 回到 Server 面板,把 After launch 选项取消,不然每次启动 Tomcat 会自动以默认浏览器打开一个默认的 index.jsp 界面,然后把下面的 On ‘Update’ action 和 On frame deactivation 选项都改为 Update classes and resource(热部署) ,点击 Apply ,然后点击 OK ,保存确定
IDEA创建子模块及 Web 项目与 Tomcat + Servlet 配置(包括 Servlet 路径模板配置)超详细图文教程_第25张图片
8、注意,我们每次创建一个 Web 项目,都要来这里进行部署,不然新建的 Web 项目是无法运行的,路径报错。来到 Deployment 面板,点击 + 号,选择第一个 Artifact ,会自动将你创建的 Web 项目添加进来,同样的按 3.6 把路径多余部分删掉,改为项目名,然后点击 OK ,保存确定即可。
IDEA创建子模块及 Web 项目与 Tomcat + Servlet 配置(包括 Servlet 路径模板配置)超详细图文教程_第26张图片
IDEA创建子模块及 Web 项目与 Tomcat + Servlet 配置(包括 Servlet 路径模板配置)超详细图文教程_第27张图片

4. Servlet 配置

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

IDEA创建子模块及 Web 项目与 Tomcat + Servlet 配置(包括 Servlet 路径模板配置)超详细图文教程_第28张图片
2、也可以 File --> Project Structure
IDEA创建子模块及 Web 项目与 Tomcat + Servlet 配置(包括 Servlet 路径模板配置)超详细图文教程_第29张图片

3、在Module选择刚刚创建的子模块,点击 Dependencies ,然后点击右侧的 + 号,选择第一个 JARs or directories
IDEA创建子模块及 Web 项目与 Tomcat + Servlet 配置(包括 Servlet 路径模板配置)超详细图文教程_第30张图片
4、在 Tomcat 路径中的 lib 文件夹下找到 servlet-api.jar 文件,点击 OK
IDEA创建子模块及 Web 项目与 Tomcat + Servlet 配置(包括 Servlet 路径模板配置)超详细图文教程_第31张图片

5、可以看到多出一个选项,点击 Apply ,然后点击 OK ,保存确定
IDEA创建子模块及 Web 项目与 Tomcat + Servlet 配置(包括 Servlet 路径模板配置)超详细图文教程_第32张图片

5. 配置 Servlet 路径模板

1、点击 File --> Setting
IDEA创建子模块及 Web 项目与 Tomcat + Servlet 配置(包括 Servlet 路径模板配置)超详细图文教程_第33张图片

2、点击 Editor --> File and Code Templates
IDEA创建子模块及 Web 项目与 Tomcat + Servlet 配置(包括 Servlet 路径模板配置)超详细图文教程_第34张图片
3、点击 Other --> Web --> Java code templates --> Servlet Annotated Class.java
IDEA创建子模块及 Web 项目与 Tomcat + Servlet 配置(包括 Servlet 路径模板配置)超详细图文教程_第35张图片4、将这句代码修改为如下:

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

点击 Apply ,然后点击 OK ,保存确定
IDEA创建子模块及 Web 项目与 Tomcat + Servlet 配置(包括 Servlet 路径模板配置)超详细图文教程_第36张图片
结尾:至此,IDEA 子模块及有关 Web 项目相关的一系列配置已完全结束,可以开始编写 Web 项目了

你可能感兴趣的:(开发工具及环境,java,tomcat,servlet,web,intellij,idea)