如何使用Servlet写一个简单的网站

╰+哭是因爲堅強的太久メ 2024-02-19 11:04 34阅读 0赞

![在这里插入图片描述][9620b35a0261432b9fc6b7225bfea473.gif_pic_center]

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

*  前言
 *  1. 创建项目
 *  2. 引入依赖
 *  3. 创建目录
 *  4. 编写代码
 *  5. 打包程序
 *  6. 部署
 *  7.验证程序
 *  将 tomcat 集成到 idea 中

## 前言 ##

前面我们学习了Java中常用的 HTTP 服务器 tomcat 的安装和使用，那么今天我们将使用这个 HTTP 服务器为大家写一个简单的网站，这个网站虽然简单，就是一句简单的话，没有很复杂的逻辑，但是要想把这句话体现在网站上也不是很简单的事情。

## 1. 创建项目 ##

这里我们创建的项目跟平时使用 idea 的时候有些许的不同，在这里我们要创建的是 maven 项目。

什么是 maven 呢？

Maven是一个项目构建和管理工具，它使用项目对象模型（POM）来描述项目，包括项目的结构、依赖关系、构建配置等信息。Maven提供了一组标准集合，包括构建、文档、报告、依赖管理等，可以方便地编译代码、进行依赖管理、管理二进制库等。Maven还提供了一个项目生命周期（Project Lifecycle），定义了项目的构建、测试、发布等阶段，每个阶段都有相应的插件（plugin）可以运行。

Maven的依赖管理系统可以自动下载所需的jar包，并且能够防止版本冲突。它还提供了一个仓库管理器，可以为企业组织提供可部署组织内部生成的构件的地方。此外，Maven可以与主流的IDE集成，如Eclipse、IDEA等，可以很方便地实现自动化构建和部署。

使用Maven可以将项目的版本控制在同一个地方，避免版本混乱。它还可以生成文档，并可以方便地管理文档。此外，Maven还可以方便地管理测试用例和测试报告，并与持续集成工具配合使用，实现自动化构建和部署。

Maven是一个强大的项目构建和管理工具，可以提高开发效率，简化项目管理过程，并使得项目更加可维护、可重用。

maven 优势：

1.  项目理解：Maven能够方便地解析项目的结构，它使用标准的项目布局，可以很容易地理解项目的目录结构，对于已有的项目，Maven能够自动地抽取项目信息，这样用户不再需要花费大量的时间去理解项目的结构。
2.  依赖管理：Maven能够管理项目的依赖，可以自动下载所需的jar包，并且能够防止版本冲突。
3.  项目管理：Maven基于项目对象模型，可以通过一小段描述信息来管理项目的构建、报告和文档，能够很方便地管理项目报告，生成站点，管理jar文件等。  
    统一的构建环境：使用Maven管理的Java项目有着相同的项目结构，所有的java代码都放在src/main/java，所有的测试代码都放在src/test/java。
4.  插件机制：Maven的plugin比较多，可以有更多功能，现有体系比较开放，采用的技术相对比较通用和成熟，plugin的机制也可以便于我们扩展更多功能。  
    仓库管理器：Maven的仓库管理器能够为组织提供可部署组织内部生成的构件的地方。
5.  与IDE集成：Maven可以很方便地与Eclipse、IDEA这样的主流的IDE集成。
6.  版本控制：使用Maven可以将项目的版本控制在同一个地方，避免版本混乱。
7.  持续集成：Maven可以与持续集成工具配合使用，实现自动化构建和部署。
8.  文档管理：Maven可以生成文档，并可以方便地管理文档。
9.  测试管理：Maven可以方便地管理测试用例和测试报告。
10. 发布管理：Maven可以方便地发布项目到仓库或者私有仓库。
11. 权限管理：Maven可以与权限管理工具配合使用，实现权限控制。
12. 日志管理：Maven可以方便地记录日志，并可以方便地查看日志。
13. 配置管理：Maven可以方便地管理配置文件。

简单来说就是咱们写网站，文件和文件之间的依赖关系可能会很复杂，所以为了解决文件和文件之间复杂的依赖关系，我们就选择使用 maven 来为我们维护好文件之间复杂的依赖关系。

可以放心的是因为 idea 知道 maven 的这些优势，所以我们在下载 idea 的时候就自动集成了 maven，我们在创建项目的时候选择 maven 就可以了。

![在这里插入图片描述][ab44f15acf144a9a9fce73f7e9b697c3.png]

![在这里插入图片描述][733c1afb1d6e48859a853c71182e40e5.png]

创建之后会形成下面这样的目录形式，并且当你第一次创建 maven 项目的时候，需要保证有一个好的网络，因为他会自动下载相关的依赖组件。

![在这里插入图片描述][4fd68a05d16f4bedb60ce7b465353d96.png]  
![在这里插入图片描述][7704d71f9d2347bea996e9734aa36809.png]

## 2. 引入依赖 ##

因为 servlet 是第三方库，所以要想使用 servlet 就需要手动安装引入，这里我们可以手动下载，也可以选择让 maven 帮我们下载，我们只需要将 servlet 所在的 jar 包在哪就可以了。在 maven 中央仓库中也是有这个 servlet。

进入 maven 中央仓库，[https://mvnrepository.com/][https_mvnrepository.com]

![在这里插入图片描述][12014000572d493684c99068d624cb5d.png]

在上面导航栏中搜索 servlet。

![在这里插入图片描述][bb7bc3d2610649ae8547b88fc0c6a3ef.png]

![在这里插入图片描述][1bdc4cfc6fc64660b4c128385e6b774e.png]

![在这里插入图片描述][d7b01ac0d25d40278002bb8782f5c657.png]  
tomcat 和 servlet 的对应版本关系。  
![在这里插入图片描述][0251628e0ddc4e1e862da007fd795abb.png]

在找到对应的 tomcat 和 servlet 的对应关系之后，我们就将下面的这个 servlet 坐标给复制到 idea 中。

![在这里插入图片描述][9e055a666e5948b480297564d538c6fe.png]  
这里在 pom.xml 文件下创建一个 `<dependencies> </dependencies>`标签 然后将我们刚复制的坐标粘贴到这个标签中。

![在这里插入图片描述][336387851c954038a61fd27452a8f644.png]

## 3. 创建目录 ##

这里为什么还需要创建目录呢？前面我们创建 maven 项目的时候，不是自动帮我们创建目录了吗？其实前面创建的目录只是 maven 需要的目录，而 maven 项目不仅仅只是适用于 tomcat ，还适用于其他的项目，而其他有些项目在 maven 目录的基础上还需要额外的创建一些额外的目录，这里的 tomcat 就是，在 maven 目录的基础上，tomcat 对目录结构这件事上还做了其他的要求。

在 main 中创建一个 webapp 目录。  
![在这里插入图片描述][c98437a4872047e9994a92720e1027e9.png]  
![在这里插入图片描述][de083ee975494034aa2e36bd29a99d0b.png]

在 webapp package 下创建 WEB-INF 目录。

![在这里插入图片描述][c479d03617084fa5badc00ba76fff505.png]  
![在这里插入图片描述][4049d567040543da9d852717863fce32.png]

然后在 WEB-INF 目录下创建一个 web.xml 文件。

![在这里插入图片描述][cac7d08b65084d1fa1cdec58fe52b754.png]

![在这里插入图片描述][7ee9e8179cf44efd8650df0abd8ddbec.png]

然后在 web.xml 文件中写入以下内容。

<!DOCTYPE web-app PUBLIC
            "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"
            "http://java.sun.com/dtd/web-app_2_3.dtd" >
    <web-app>
        <display-name>Archetype Created Web Application</display-name>
    </web-app>

当构建完成目录结构之后，整体是这样的。

![在这里插入图片描述][a5a923f38ddf4d448ec06ac0423fbcb2.png]

## 4. 编写代码 ##

当完成前面的准备工作了之后，就可以编写我们的业务代码了，我们在 java 文件下创建 .class 文件。

![在这里插入图片描述][26c07d154ce94634862467676abae9af.png]

在这个文件中继承 `HttpServlet` 父类，并且重写 `doGet` 方法。这个不是都是重写 `doGet` 方法，而是你的请求是 GET 请求就重写 `doGet` 方法，如果是 POST 请求，就重写 `doPost` 请求。

import javax.servlet.ServletException;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    import java.io.IOException;
    
    public class HelloServlet extends HttpServlet {
        
        @Override
        protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        
            System.out.println("hello java");
            resp.getWriter().write("hello java");
        }
    }

这里 `System.out.println("hello java");` 是将结果打印在 tomcat 的控制台中，而 `resp.getWriter().write("hello java");` 则是将结果显示在网页中。

当写完这些代码之后，还要注意在类的开头加上注解 `@WebServlet("/hello")` 这个参数必须以 `/` 开头，表示 HTTP 的路由配置路径，也就是我们 HTTP 请求中 URL 部分。

## 5. 打包程序 ##

当写完代码之后，我们就需要将这个项目打包成 `war` 包，以便 tomcat 能够启动它。在打包之前，我们还需要在 `pom.xml` 中添加一些代码才能完成打包操作。

![在这里插入图片描述][f9373ebde4b747b3a99ced8ae5050ebe.png]  
双击 package 。  
![在这里插入图片描述][fa3ef23de4624f56a560f48b083ab987.png]

当出现 build success 说明打包成功。

![在这里插入图片描述][ad0105ac5a7f4ee2a30c835f3e0b5e1d.png]

## 6. 部署 ##

打包成功会会生成一个 target 目录，我们在这个 target 目录中找到刚刚打包好的 war 包，然后进入到这个文件路径，将这个文件复制到 tomcat 的 webapps 目录下。

![在这里插入图片描述][807f0df1e76b463fac0c76e32f0f5c48.png]  
![在这里插入图片描述][fe34123939f446b08744db1c0b2c2d1e.png]

## 7.验证程序 ##

当部署完成之后，就可以启动 tomcat 验证我们这个程序了。需要先启动 tomcat ，然后在浏览器搜索栏中输入 URL `127.0.0.1:8080/java/hello` 这里，java就是我们的 war 包名，而 hello 则是我们这里的路由路径。

![在这里插入图片描述][530f91a578524be7ae15fc324d70519e.png]  
![在这里插入图片描述][0aa4504804a14860bbe3fdb20ba2a5cd.png]  
![在这里插入图片描述][49a818003ecd450da4228caaddb69371.png]

## 将 tomcat 集成到 idea 中 ##

通过以上操作我们就可以实现一个简单的网页。但是如果我们想要更改我们的代码的话，就需要重新打包，并且重新部署，这个过程是比较麻烦的，所以是否有方法可以简化这个过程呢？答案是有的，我们可以通过 idea 插件，将 tomcat 继承到 idea 中，这样就能通过 idea 一键重新打包和部署了。

![在这里插入图片描述][999294b9cad84ff3857a7bb01f558539.png]  
![在这里插入图片描述][78bc0f1f13814f23a60d1603becb2d7d.png]  
如果在 idea 中下载不了 tomcat 插件的话，我们可以直接在浏览器上下载，然后将下载的 jar 包拖入 idea，idea 会自动下载。

进入这个网站 [https://plugins.jetbrains.com/idea][https_plugins.jetbrains.com_idea]搜索tomcat，下载就可以了。  
![在这里插入图片描述][7f73c3858ea44c3d8e692d8443c37f6b.png]

![在这里插入图片描述][2cd2ff9fcafa480a9f3fd20be80e0f0d.png]  
![在这里插入图片描述][c263cdc9eeb64e179856bc3b9695d04a.png]  
![在这里插入图片描述][ed95efd5bb4d4e00b057bac5cb165c15.png]  
完成上面的操作之后我们就可以运行这个程序了。

![在这里插入图片描述][6cb085dab86f47368ff0c432cefdb096.png]  
![在这里插入图片描述][85fb692ae1954216810eaf62f1517d8b.png]  
![在这里插入图片描述][907d9816661e40ea9d2fd7c1409b332c.png]

[9620b35a0261432b9fc6b7225bfea473.gif_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/402c5c974c504037925b379ceb13603a.png
[ab44f15acf144a9a9fce73f7e9b697c3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/ec333e5c4b5e4b629482af37461606f0.png
[733c1afb1d6e48859a853c71182e40e5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/339bd4f0df204caca48a16bd2b767a4a.png
[4fd68a05d16f4bedb60ce7b465353d96.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/6232a59e644b4760aa1d2251f05badd4.png
[7704d71f9d2347bea996e9734aa36809.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/18ab35faec4b47729c4f5e5cdb8d4330.png
[https_mvnrepository.com]: https://mvnrepository.com/
[12014000572d493684c99068d624cb5d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/5a7bd8c3246b4beb9058684191b1177b.png
[bb7bc3d2610649ae8547b88fc0c6a3ef.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/7828271ff64d43c9b7c64fd323a18e49.png
[1bdc4cfc6fc64660b4c128385e6b774e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/99a13044673d4719874a6c4951280905.png
[d7b01ac0d25d40278002bb8782f5c657.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/b88a1e596b314eddae12ab571ee211c7.png
[0251628e0ddc4e1e862da007fd795abb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/04f5d1f7346e4506bb561ede04d9ade8.png
[9e055a666e5948b480297564d538c6fe.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/5ed2ad6ceff14f688d213c1563c7c276.png
[336387851c954038a61fd27452a8f644.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/710af84602c24d97bb878cc6005cd582.png
[c98437a4872047e9994a92720e1027e9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/b6313ed611fd4983beb833e8092a0989.png
[de083ee975494034aa2e36bd29a99d0b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/e2ac3bdcd0e74de8ac841e407c4ed7aa.png
[c479d03617084fa5badc00ba76fff505.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/3724cd94ea0b4ede85e9b894ad2a9434.png
[4049d567040543da9d852717863fce32.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/90f2b2c7f2384d448db43396a33156b6.png
[cac7d08b65084d1fa1cdec58fe52b754.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/02f130a4c53145f2b622dfda4e273b66.png
[7ee9e8179cf44efd8650df0abd8ddbec.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/72acd20a1902480faabd65cc7906acfa.png
[a5a923f38ddf4d448ec06ac0423fbcb2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/53c2dc6c6b144e02bdffc690065103b7.png
[26c07d154ce94634862467676abae9af.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/3919fac6c94c429fabbdb0f8a97d4cf2.png
[f9373ebde4b747b3a99ced8ae5050ebe.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/964f3450af0a4f7ca09ecf235b32ca86.png
[fa3ef23de4624f56a560f48b083ab987.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/4fca55e98bc4480791706c51fcdac42e.png
[ad0105ac5a7f4ee2a30c835f3e0b5e1d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/81945bd248da4b52a530ea16dbad0629.png
[807f0df1e76b463fac0c76e32f0f5c48.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/7f2eb12d996e49bb971e1553f6f75bf8.png
[fe34123939f446b08744db1c0b2c2d1e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/63de87ca532043c0884b221916e22c18.png
[530f91a578524be7ae15fc324d70519e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/5b2a881e3ca94ad59d4d29a473a54a6e.png
[0aa4504804a14860bbe3fdb20ba2a5cd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/36a02f86c0214918b09f1b10138c7626.png
[49a818003ecd450da4228caaddb69371.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/a1d00eeb99544954b959baa46609eff1.png
[999294b9cad84ff3857a7bb01f558539.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/b8ae8a50a8cb4079aad999e5ea3ec459.png
[78bc0f1f13814f23a60d1603becb2d7d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/e562848c3f6b4653835f34a1245f5ab3.png
[https_plugins.jetbrains.com_idea]: https://plugins.jetbrains.com/idea
[7f73c3858ea44c3d8e692d8443c37f6b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/7b4411ec837d4ea18adf3ba615fd6223.png
[2cd2ff9fcafa480a9f3fd20be80e0f0d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/773f6d1fbf0d4d9f99ed6351c5fc0bf8.png
[c263cdc9eeb64e179856bc3b9695d04a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/07306aa1eafc466ea028e2d93931c9b9.png
[ed95efd5bb4d4e00b057bac5cb165c15.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/7dd3e9c3762e47a4a4ce3de0d7afe6f1.png
[6cb085dab86f47368ff0c432cefdb096.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/125a5773fe77400c9f87721ba953066d.png
[85fb692ae1954216810eaf62f1517d8b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/e0dc908de1b64262a24aa564382b54b8.png
[907d9816661e40ea9d2fd7c1409b332c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/0c2035a5019f494c81ec372d19c91a85.png