两种方法用IDEA创建一个Servlet程序新手教程详解

缺乏、安全感 2023-10-04 19:48 9阅读 0赞

### 1 Servlet 是什么？ ###

Java Servlet 是运行在 Web 服务器或应用服务器上的程序，它是作为来自 Web 浏览器或其他 HTTP 客户端的请求和 HTTP 服务器上的数据库或应用程序之间的中间层。

### 2 部署Tomcat并创建一个Servlet程序 ###

#### 2.1 创建一个普通的java程序 ####

页面左上角，点击文件 -> 项目 -> 新建项目：

![50748159f7ee43e7aa30698136fcb8ae.png][]

#### 2.2 添加框架支持 ####

为新建的名为Servlet\_test的项目添加框架支持（Add Framework Support)

![8f1c32108c8f4551b9f396dd50006354.png][]

在Java EE下找到Web应用程序（Web Application）并勾选。

【Java EE是sun公司推出的企业级应用程序】

狭义的 Java EE 是 Sun 公司为企业级应用推出的标准平台，用来开发B/S架构软件，可以说是一个框架，也可以说是一种规范。广义的 Java EE 包含各种框架，其中最重要的就是 Spring 全家桶。Spring 诞生之初是为了改进 Java EE 开发的体验，后来逐渐成为了 Java Web 开发的实际标准。

![4a85edb1b8894516b676f51043fcd61f.png][]

可以看到，在左侧项目栏增加了一个web文件夹

![79e8831bdaa2488b8485873431b0b4a5.png][]

#### 2.3 配置项目 ####

①在WEB-INF文件夹下创建两个文件夹：lib和classes，并在lib文件夹下添加Servlet-api.jar

![041e266b29e54444992c11ff29eefd6a.png][]

![66032aaa08454cbc8b646ff3f15bda79.png][]

在创建好Servlet程序后，会调用servlet-api.jar这个包，servlet要用到HttpServletRequest和HttpServletResponse等对象，这些对象都是要靠这个jar包使用的。如果安装了Tomcat,这个jar包一般在tomcat安装目录\\lib 文件夹下面有，当你把web项目部署到tomcat，会自动加载这个jar包来识别Serlvet一些对象。

这里我们在自己的电脑上找到安装的Tomcat文件夹lib目录下的servlet-api.jar，并复制粘贴在java项目中的lib目录下：

![bb91048b2549444e89b9ae39dae58e9e.png][]

![d7a67f1873b94596a1c5b30973127f8c.png][]

![cc83e268aa97488d9bc6e80d97ee4788.png][]

![0cf7f5bd16904eecac6998a4c6023749.png][]

#### 2.4 重构项目 ####

在最上方栏目中点击 文件 -> 项目结构（Project Structure）

![ed514ed4f2e94328b9e296d49b752c71.png][]

更改模块（Modules）内容如下：

![b923e8e049ff43d5bd3b6d0889d5d82d.png][]

![d2385837e23d43f6ab8f9cc63ae07ec6.png][]

![7ce6330ea0a04bd3834aeb8634bf0035.png][]

最后点击确定。

#### 2.5 创建并编写一个Servlet程序 ####

我们在创建的Servlet\_test项目 -> src文件夹 -> main文件夹 -> java目录下，新建一个Servlet项目，并命名为FirstServlet：

![446847dfa6d24e39bbef5a09296e8f66.png][]

![421f544161354e0fa991d51eb4b033f2.png][]

下面， 编写一个Servlet程序：

import javax.servlet.*;
    import javax.servlet.http.*;
    import javax.servlet.annotation.*;
    import java.io.IOException;
    import java.io.PrintWriter;
    
    @WebServlet(name = "FirstServlet", value = "/FirstServlet")
    public class FirstServlet extends HttpServlet {
        @Override
        protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
            // TODO Auto-generated method stub
            response.setContentType("text/html");
    
            PrintWriter out=response.getWriter();
            out.print("<html>");
            out.print("<body style=\"background-color:gray\">");
            out.print("<h2 style=\"background-color:red\">background color</h2>");
            out.print("<p style=\"background-color:yellow\">Hello World!</p>");
            out.print("</body>");
            out.print("</html>");
        }
    
        @Override
        protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    
        }
    }

再在WEB-INF下的web.xml文件中添加映射：

在Sevlet程序中我们定义了一个FirstServlet类，那么在<servlet-class>中，我们的类名要和其保持一致。

<?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>helloworldservlet</servlet-name>
            <servlet-class>FirstServlet</servlet-class>
        </servlet>
        <servlet-mapping>
            <servlet-name>helloworldservlet</servlet-name>
            <url-pattern>/fs</url-pattern>
        </servlet-mapping>
    
    </web-app>

#### 2.6 配置Tomcat服务器 ####

![e94101c21c1b48bdac3ecdab26a0b3c2.png][]![14a8e5e1810f487886c75dcb34c6980d.png][]

点击工件后，如下图，添加了一个对应的工件，部署完成，点击确定。

【注意，这里下方的“应用程序上下文”就是后续网页访问路径：http://localhost:8080/Servlet\_test\_war\_exploded，也可以更改为别的名字】

![ecd305f9dd70425197516981ba256359.png][]

服务器部分可以根据自己的需要进行修改，这里URL就是运行程序后的网页地址。【有错误，稍后说明】

![f58073d21811411c9890a4c764623d53.png][]

视频教程推荐尚硅谷：[115.尚硅谷\_Tomcat-IDEA整合Tomcat服务器\_哔哩哔哩\_bilibili][115._Tomcat-IDEA_Tomcat_bilibili]

2.7 运行程序

最后我们来运行一下这个Servlet程序，运行结束，自动跳转出一个网页，但显示的却是如下界面：

![aeaea528d4f740f2a95b320f9c5d071b.png][]

显然，这是有误的，我们的Servlet程序中应该会输出一个Hello World！，并有简单的css页面美化的设计，出现上述原因，我们可以回到2.6节最后一张图那个Tomcat服务器配置，根据我们的web.xml配置文件，在URL地址后添加 /fs （这个fs名字可以是任意的），指定访问的绝对地址。

【url-pattern这个配置项，通过URL访问到我们的servlet里，servlet会对http请求和相应进行处理】

![34a1f9610498498a961957017e922a91.png][]

![9d57dbb71e7c44739e3eb111d3c8b1f5.png][]

至此，我们的第一个Servlet程序就完成了！

## 第二种创建方法 ##

再补充一个更为简单的方法：

新建项目，选择Java Enterprise（Java EE），模块选择Web应用程序，并添加Tomcat服务器，相关选项如下：

![0338d40812ed440db863793e07beec21.png][]

点击下一步，相关规范下自动勾选上了Servlet，然后点击创建

![d3f551eb9ce043ca803e3964ca59e6f8.png][]

创建成功：

![4ab5f3cf5eda49b98e34146eff87fe9a.png][]

[50748159f7ee43e7aa30698136fcb8ae.png]: https://img-blog.csdnimg.cn/50748159f7ee43e7aa30698136fcb8ae.png
[8f1c32108c8f4551b9f396dd50006354.png]: https://img-blog.csdnimg.cn/8f1c32108c8f4551b9f396dd50006354.png
[4a85edb1b8894516b676f51043fcd61f.png]: https://img-blog.csdnimg.cn/4a85edb1b8894516b676f51043fcd61f.png
[79e8831bdaa2488b8485873431b0b4a5.png]: https://img-blog.csdnimg.cn/79e8831bdaa2488b8485873431b0b4a5.png
[041e266b29e54444992c11ff29eefd6a.png]: https://img-blog.csdnimg.cn/041e266b29e54444992c11ff29eefd6a.png
[66032aaa08454cbc8b646ff3f15bda79.png]: https://img-blog.csdnimg.cn/66032aaa08454cbc8b646ff3f15bda79.png
[bb91048b2549444e89b9ae39dae58e9e.png]: https://img-blog.csdnimg.cn/bb91048b2549444e89b9ae39dae58e9e.png
[d7a67f1873b94596a1c5b30973127f8c.png]: https://img-blog.csdnimg.cn/d7a67f1873b94596a1c5b30973127f8c.png
[cc83e268aa97488d9bc6e80d97ee4788.png]: https://img-blog.csdnimg.cn/cc83e268aa97488d9bc6e80d97ee4788.png
[0cf7f5bd16904eecac6998a4c6023749.png]: https://img-blog.csdnimg.cn/0cf7f5bd16904eecac6998a4c6023749.png
[ed514ed4f2e94328b9e296d49b752c71.png]: https://img-blog.csdnimg.cn/ed514ed4f2e94328b9e296d49b752c71.png
[b923e8e049ff43d5bd3b6d0889d5d82d.png]: https://img-blog.csdnimg.cn/b923e8e049ff43d5bd3b6d0889d5d82d.png
[d2385837e23d43f6ab8f9cc63ae07ec6.png]: https://img-blog.csdnimg.cn/d2385837e23d43f6ab8f9cc63ae07ec6.png
[7ce6330ea0a04bd3834aeb8634bf0035.png]: https://img-blog.csdnimg.cn/7ce6330ea0a04bd3834aeb8634bf0035.png
[446847dfa6d24e39bbef5a09296e8f66.png]: https://img-blog.csdnimg.cn/446847dfa6d24e39bbef5a09296e8f66.png
[421f544161354e0fa991d51eb4b033f2.png]: https://img-blog.csdnimg.cn/421f544161354e0fa991d51eb4b033f2.png
[e94101c21c1b48bdac3ecdab26a0b3c2.png]: https://img-blog.csdnimg.cn/e94101c21c1b48bdac3ecdab26a0b3c2.png
[14a8e5e1810f487886c75dcb34c6980d.png]: https://img-blog.csdnimg.cn/14a8e5e1810f487886c75dcb34c6980d.png
[ecd305f9dd70425197516981ba256359.png]: https://img-blog.csdnimg.cn/ecd305f9dd70425197516981ba256359.png
[f58073d21811411c9890a4c764623d53.png]: https://img-blog.csdnimg.cn/f58073d21811411c9890a4c764623d53.png
[115._Tomcat-IDEA_Tomcat_bilibili]: https://www.bilibili.com/video/BV1Y7411K7zz?p=115&vd_source=b696ec874b53641157c8ff9e769e5bee
[aeaea528d4f740f2a95b320f9c5d071b.png]: https://img-blog.csdnimg.cn/aeaea528d4f740f2a95b320f9c5d071b.png
[34a1f9610498498a961957017e922a91.png]: https://img-blog.csdnimg.cn/34a1f9610498498a961957017e922a91.png
[9d57dbb71e7c44739e3eb111d3c8b1f5.png]: https://img-blog.csdnimg.cn/9d57dbb71e7c44739e3eb111d3c8b1f5.png
[0338d40812ed440db863793e07beec21.png]: https://img-blog.csdnimg.cn/0338d40812ed440db863793e07beec21.png
[d3f551eb9ce043ca803e3964ca59e6f8.png]: https://img-blog.csdnimg.cn/d3f551eb9ce043ca803e3964ca59e6f8.png
[4ab5f3cf5eda49b98e34146eff87fe9a.png]: https://img-blog.csdnimg.cn/4ab5f3cf5eda49b98e34146eff87fe9a.png