IDEA（2022.2）搭建Servlet基本框架详细步骤

落日映苍穹つ 2024-03-26 16:19 12阅读 0赞

#### 文章目录 ####

*  1 创建基本Web项目
 *   *  1.1 创建新项目
     *  1.2 生成Module
     *  1.3 设置Web框架
     *  1.4 新建导航页
 *  2 配置Tomcat服务器
 *   *  2.1 设置Tomcat
     *  2.2 部署Tomcat启动服务
     *  2.3 测试Tomcat
 *  3 实现Servlet
 *   *  3.1 创建Servlet
     *  3.2 导入servlet-api.jar
     *  3.3 编写servlet的service()方法
     *  3.4 配置web.xml
     *  3.5 测试servlet
 *  4 参考资料

IDEA（2022.2）版和之前版本相比一些功能项位置有变化，查找网络资源，本文基于2022.2版的IDEA，实现Servlet基础配置。

## 1 创建基本Web项目 ##

### 1.1 创建新项目 ###

打开IEDA，创建一个空的新项目，File–>New–>Project。  
![新建项目][8a88c1391a744e16b78b1d3e6963869f.png_pic_center]  
选择Empty Project，依次设置项目名称和项目保存位置，为方便管理，可以单独新建文件夹，作为工程目录。  
![设置项目基本信息][08b80648448d44cdaa383ad87f221a12.png_pic_center]

### 1.2 生成Module ###

在新项目中创建一个Module，两种方法，(项目名称右键，New–>Moudle 或 File–>New–>Module)。  
![在这里插入图片描述][772f023bd31445aca2e329f54416109c.png_pic_center]  
设置Module名称，其他参数使用默认值，点击创建。  
![在这里插入图片描述][3847659121934f139220b7a80c3f2006.png_pic_center]

### 1.3 设置Web框架 ###

在Module上点右键，找到Add Framwork Support…  
![在这里插入图片描述][a065c6c0df5f41d59163b78d27eb5403.png_pic_center]  
在弹出的页面中选择Web Application，确认后，IDEA将生成web文件夹、web.xml等文件。  
![在这里插入图片描述][13b219df2c8d438bbe35687b121e526e.png_pic_center]  
![在这里插入图片描述][8e733dfd4bd34cf1bebc368e2cc01979.png_pic_center]

### 1.4 新建导航页 ###

新建web页面，用于跳转到Servlet，使用html实现即可。  
![在这里插入图片描述][72a4d9724d67430cbb432bffa6656ed8.png_pic_center]  
在弹出对话框中，输入文件名，必须是index。  
![在这里插入图片描述][cc059cc7aeec4372a8b51b3eea2556a0.png_pic_center]  
在标签内增加对应代码。  
![在这里插入图片描述][f00356bda51b4914924b39b8407ece67.png_pic_center]

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <h1>导航页面</h1>
        <br>
        <a href="/test/helloServlet">进入servlet</a>
    </body>
    </html>

## 2 配置Tomcat服务器 ##

### 2.1 设置Tomcat ###

在IDEA右上角打开Edit Configurations…  
![在这里插入图片描述][93eef0ad83cd4bfaa7ba2360a5d5c554.png_pic_center]  
点击＋号，选择Tomcat Server下的Local  
![在这里插入图片描述][8b071ed62b794503ba31d4b7c805ac9e.png_pic_center]  
设置本地Tomcat信息  
![在这里插入图片描述][977f3048ef6b4b26bfdd3526e02ac661.png_pic_center]  
![在这里插入图片描述][fc22ab923c1840c2b3af7e17c94c6e67.png_pic_center]

### 2.2 部署Tomcat启动服务 ###

![在这里插入图片描述][f55920a3f07c4139945ee2bfd5bc3eaa.png_pic_center]  
![在这里插入图片描述][9e10d174d4554b888f8fa605fa25a68d.png_pic_center]

### 2.3 测试Tomcat ###

启动Tomcat，自动调用浏览器，显示前面新建的页面信息。  
![在这里插入图片描述][3fd633991e4f4813a5f2f9d6c1bdcdea.png_pic_center]  
![在这里插入图片描述][398d85fc31704b3ba1842471efcf6c3d.png_pic_center]

## 3 实现Servlet ##

### 3.1 创建Servlet ###

在Servlet01下，新建Java Class  
![在这里插入图片描述][caa19b16642c4c7dbaaba2ea9d6ea606.png_pic_center]  
![在这里插入图片描述][4fee7736c75443fbbab8d3712a243446.png_pic_center]  
![在这里插入图片描述][995bab157d6c440885aaf8598f4889ef.png_pic_center]

### 3.2 导入servlet-api.jar ###

File —> Project Stucture  
![在这里插入图片描述][a775c4c8cf0943b395119b4ca9d88b66.png_pic_center]  
![在这里插入图片描述][323a39d3f51b44628c5f1459a01b2563.png_pic_center]  
找到Tomcat所在目录的lib文件加，选择servlet-api.jar，导入。  
![在这里插入图片描述][fa729a1fd21d481d8c92c55a77a3f647.png_pic_center]  
![在这里插入图片描述][bb0e754fde3b4974a43ce166487f35ea.png_pic_center]

### 3.3 编写servlet的service()方法 ###

自定义Servlet类要实现Servlet接口，可以使用IDEA自动生成，在service()方法中，增加如下代码，保存。  
![在这里插入图片描述][ffaa2d2e16b145269cae6de42b9f0556.png_pic_center]

import javax.servlet.*;
    import java.io.IOException;
    import java.io.PrintWriter;
    
    public class HelloServlet implements Servlet {
        
        @Override
        public void init(ServletConfig servletConfig) throws ServletException {
        
    
        }
    
        @Override
        public ServletConfig getServletConfig() {
        
            return null;
        }
    
        @Override
        public void service(ServletRequest servletRequest, ServletResponse servletResponse) throws ServletException, IOException {
        
            servletResponse.setContentType("text/html;charset=utf-8");
            //servletResponse.setCharacterEncoding("UTF-8");
            PrintWriter out = servletResponse.getWriter();
            out.println("这是我们的Servlet页面，Hello！！！");
        }
    
        @Override
        public String getServletInfo() {
        
            return null;
        }
    
        @Override
        public void destroy() {
        
    
        }
    }

### 3.4 配置web.xml ###

打开WEB-INFO目录下的web.xml，增加下列内容  
![在这里插入图片描述][a616ac9149e94dbdb7ff53a8b73a1204.png_pic_center]

<?xml version="1.0" encoding="UTF-8"?>
    <web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
             xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
             xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
             version="4.0">
        <servlet>
            <servlet-name>helloServlet</servlet-name>
            <servlet-class>HelloServlet</servlet-class>
        </servlet>
        <servlet-mapping>
            <servlet-name>helloServlet</servlet-name>
            <url-pattern>/helloServlet</url-pattern>
        </servlet-mapping>
    </web-app>

### 3.5 测试servlet ###

重启Tomcat，测试效果。  
![在这里插入图片描述][93df38a949a14dfdbe3b2dc0c660acd2.png_pic_center]  
![在这里插入图片描述][63943aa58856487882c34b0711ec1c31.png_pic_center]

## 4 参考资料 ##

[IDEA 创建Servlet，HelloWorldServlet（图文并茂，超级详细）][IDEA _Servlet_HelloWorldServlet]  
[使用idea开发Servlet][idea_Servlet]

[8a88c1391a744e16b78b1d3e6963869f.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/ff9b0ab9ceaa43768294da5418952ec1.png
[08b80648448d44cdaa383ad87f221a12.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/390e88eb33ce4e01a25fa7cb3ed3b460.png
[772f023bd31445aca2e329f54416109c.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/1b1eedf52c714973b999dc960c9eda0a.png
[3847659121934f139220b7a80c3f2006.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/f6d9feae75b5462b8127c9fb48fd3c06.png
[a065c6c0df5f41d59163b78d27eb5403.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/29442487a26c4eeeab5d01bb7f902b8c.png
[13b219df2c8d438bbe35687b121e526e.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/edb03cc8054a4f93b70a0fb6c56dc09f.png
[8e733dfd4bd34cf1bebc368e2cc01979.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/f4d607d40fef449b83033dbc8dfd5300.png
[72a4d9724d67430cbb432bffa6656ed8.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/682f9de9a5964c02856c6af1b0719a1b.png
[cc059cc7aeec4372a8b51b3eea2556a0.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/ac0d7768620e426592994434f083606c.png
[f00356bda51b4914924b39b8407ece67.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/4f6f8489c1ac418f8c1d50035e815a41.png
[93eef0ad83cd4bfaa7ba2360a5d5c554.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/a575b689a86e4245ae0081ab23f2b97c.png
[8b071ed62b794503ba31d4b7c805ac9e.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/f992a1d2e70a480f91342a777d4af4eb.png
[977f3048ef6b4b26bfdd3526e02ac661.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/fd650194d4cd47c69bd216073d7fa659.png
[fc22ab923c1840c2b3af7e17c94c6e67.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/641c80e016e84aa68d80e6c847db1717.png
[f55920a3f07c4139945ee2bfd5bc3eaa.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/94b4b12a4d31406ba37c8928dbc9d135.png
[9e10d174d4554b888f8fa605fa25a68d.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/96c298975ef7424a8a86be898fc4be46.png
[3fd633991e4f4813a5f2f9d6c1bdcdea.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/17cfc5c6104e41db8a404fdec4584250.png
[398d85fc31704b3ba1842471efcf6c3d.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/22c71207a6284fa7ba732d2d2d73193a.png
[caa19b16642c4c7dbaaba2ea9d6ea606.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/8ae5c14fd53844db8dcad700c9301ce4.png
[4fee7736c75443fbbab8d3712a243446.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/21cfa664426447c88ff4d86b3e9e94ea.png
[995bab157d6c440885aaf8598f4889ef.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/1e53899d90bb4384b3ba3dab8583664d.png
[a775c4c8cf0943b395119b4ca9d88b66.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/487a0f5792a54f4da3d39f7ac128e79b.png
[323a39d3f51b44628c5f1459a01b2563.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/9b2d3af8630b4a7682a7f93e550d1cd6.png
[fa729a1fd21d481d8c92c55a77a3f647.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/664a4886792e45e1a96cbc2ee73693c6.png
[bb0e754fde3b4974a43ce166487f35ea.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/57a9f7dc52af454eb704e1490d3188a2.png
[ffaa2d2e16b145269cae6de42b9f0556.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/9f06caece6b64ca58cf3f2e823f38046.png
[a616ac9149e94dbdb7ff53a8b73a1204.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/6dd1e73e21194014a8e89f75f082dae5.png
[93df38a949a14dfdbe3b2dc0c660acd2.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/df2fcd3ae3fb4edeb773bc9124338436.png
[63943aa58856487882c34b0711ec1c31.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/9df7cc7d01704c0ca165a6baebbe372e.png
[IDEA _Servlet_HelloWorldServlet]: https://blog.csdn.net/cau_eric/article/details/125368711
[idea_Servlet]: https://blog.csdn.net/qq_51533157/article/details/123145027