目录
一、IDEA 创建项目
二、Maven 环境优化
三、编写 Servlet 接口 【动态网页】
四、编写静态web网页（可选，用于测试）
五、配置 Tomcat
六、启动 Tomcat，测试访问文件
一、IDEA 创建项目
（一）创建 maven javaweb 项目
1. 在 IDEA 中新建一个 project，选择需要的模板：
2. 填写Name，Group ID（可填可不填）：
3. 选择 Maven 的版本：自定义或使用 IDEA 自带的，我这里使用自定义的 ：
安装 Maven 见：Mac 安装配置 Maven 并用 IDEA 访问_超甜超可爱的博客-CSDN博客_idea下载
【我的IDEA是2021的，所以我使用的是 Maven 3.8.1 版本】
4. 创建成功后，等待导入包，出现“BUILD SUCCESS”，说明导入成功。
（二）创建文件夹
创建：main/java, main/resources, test/java, test/resources文件夹：
点击“src”，右键“New->Directory”，下方自动出现这4个文件夹，直接双击，即可生成：
或者：
1）点击“main”，右键“New->Directory”，创建两个directory，命名为：java和resources
2) 点击“java”文件夹，右键“Mark Directory as -> Source root【蓝色】”，即可创建成功。resources文件夹选择“Mark Directory as -> Resources root”，test文件夹选择相应的标记。
二、Maven 环境优化
（一）配置 Maven 依赖
1. Maven 仓库 servlet 地址：https://mvnrepository.com/artifact/javax.servlet/javax.servlet-api
2. 选择使用人数比较多的，幸福二选一，我选择“4.0.1”版本，并复制 Maven 代码：
3. 打开 IDEA 中 pom.xml，将 maven 代码复制到
javax.servlet javax.servlet-api4.0.1
如果显示“not found”，则去掉 maven 代码中的“
（二）更新 web.xml 版本与 tomcat 一致
1. 打开 WEB-INF/web.xml，查看版本，这里的版本是“2.3”：
2. 打开 tomcat 路径下的 webapps/ROOT/WEB-INF/web.xml，比如我的为：/Users/用户名/Library/tomcat/webapps/ROOT/WEB-INF/web.xml：这里的版本是“4.0”
3. 将 tomcat 路径下的 web.xml 的头文件复制到 IDEA 的 web.xml 中：
三、编写 Servlet 接口 【动态网页】
（一）创建 servlet.java
1. 在 “main/java” 下创建一个“package”，并自定义一个名字，然后在 package下创建一个class：HelloServlet.java：
2. 在 HelloServlet.java 中实现 Servlet 接口：HttpServlet。重写 get 和 post 方法：
package com.ga.servlet;
import javax.servlet.ServletException;
import javax.servlet.ServletOutputStream;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;
public class HelloServlet extends HttpServlet {
// 由于 get 或者 post 只是请求实现的不同方式，可以互相调用，业务逻辑都是一样的
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
System.out.println("进入doGet方法");
// 响应流 ：ServletOutputStream outputStream = resp.getOutputStream();
PrintWriter writer = resp.getWriter();
writer.println("Hello, Servlet");
}
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
doGet(req, resp);
}
}
（二）编写 Servlet 的映射
Why : 上述实现的是 Java 程序，浏览器无法直接访问 Java 程序，浏览器只能连接 web 服务器。因此需要在 web 服务器中注册 servlet.java，并且需要给 Java 程序配置一个浏览器能够访问的路径。
需要在 web.xml 中编写：
其中：
helloServlet
com.ga.servlet.HelloServlet
helloServlet
/hello
四、编写静态web网页（可选，用于测试）
1. 右键 webapp ，选择 “New -> HTML File”，自定义命名，比如我的为“Title.html”。注意目录结构，Title.html 应该跟 index.jsp 同级：
2. 简单编写 Title.html，方便后续测试：
Title
This is title.
五、配置 Tomcat
需要提前下载安装 Tomcat，安装方式见：Mac 下载安装 Tomcat_超甜超可爱的博客-CSDN博客
1. 点击右上角“Add Configuration”【也可以点击上方工具栏“Run -> Edit Configuration”】，在弹出界面中点击左上角“+”：
2. 选择“Tomcat Server -> Local”，配置本地的Tomcat：
3. 如图所示，弹出一个界面：【我使用的是 tomcat 9，对图中的版本进行了回退，因为 tomcat 10 有点问题】
- Name：名字，随便取
- Application server：需要点击“Configure”配置
- 默认浏览器配置：见下方
- JDK 环境：保持默认就可以
- HTTP port：一般为8080
- Warning：需要配置 artifacts【因为访问网站，需要制定文件夹的名字】
虚拟路径映射：配置项目发布的路径!!【可以随意写】
六、启动 Tomcat，测试访问文件
1. 点击▶️，启动 tomcat：
2. 等待启动后，会弹出网页：
- 默认访问路径 是 虚拟路径映射 的地址下的index.jsp，我的为：localhost:8080/s1/ 【index.jsp 默认被省略掉】
ps：如果报错，查看 terminal 是否启动了 tomcat，或者是否有别的项目启动了 tomcat 但是没关，这些都会占用端口，导致 tomcat 无法正常启动！
（一）访问动态网页： Servlet.java 文件
要访问 Servlet 的 Java 文件，需要访问 web.xml 中配置的 Servlet mapping 中的 URL 地址，即：默认访问地址+URL = localhost:8080/s1/hello
网页中显示：
Console中显示：
（二）访问静态网页
访问地址：默认访问路径+文件名 = localhost:8080/s1/Title.html
