JSP web入门：servlet的简单部署、创建与运行（2023版）

青旅半醒 2024-03-26 23:43 18阅读 0赞

**目录**

一、环境配置

1、java环境（安装JDK）

2、Tomcat环境

下载Tomcat

Windows下启动Tomcat服务器

若出现中文乱码问题：

3、ide选择

二、使用各种ide创建web项目

1、eclipse

（一）创建Dynamic Web Project

（二）配置Tomcat服务器

（三）添加jar依赖包

（四）编写代码

（五）运行

2、IDEA

（一）新建项目，选择好JDK

（二）给项目添加框架支持

（三）配置Tomcat服务器

（四）添加jar依赖包（servlet-api.jar）

（五）编写类

（六）修改web.xml文件

（七）运行

--------------------

## 一、环境配置 ##

### 1、java环境（安装JDK） ###

前往官网下载jdk：[oracle官网][oracle]

### 2、Tomcat环境 ###

#### 下载Tomcat ####

前往官网下载tomcat：[tomcat 10 下载][tomcat 10]

![3e92c05e025c4baca4561719fa418abe.png][]

下载后解压即用。

#### Windows下启动Tomcat服务器 ####

双击【startup.bat】（~\\pache-tomcat-10.1.13\\bin\\startup.bat）

![4c39ce5ee9554b01bf5d2d9312a6cd70.png][]

浏览器输入：**http://localhost:8080/** 或 **http://127.0.0.1:8080/**

![dde5443b5b4248a8b182c9d13294b043.png][]

关闭服务器：关闭DOS窗口，或双击【shutdown.bat】

#### 若出现中文乱码问题： ####

原因：tomcat默认【utf-8】编码

修改：

1、记事本打开：【~\\apache-tomcat-10.1.13\\conf\\logging.properties】

![32d56036593c4747bfdb545c99a524c4.png][]

把 【java.util.logging.ConsoleHandler.encoding = utf-8】 改为 【java.util.logging.ConsoleHandler.encoding = GB2312】，保存，重启服务器即可

![f94a53f01e9d4e89b70e5e7f48c68f88.png][]

### 3、ide选择 ###

eclipse（建议）：[官网下载地址][Link 1]

idea

vscode、记事本（不给出过程）

--------------------

## 二、使用各种ide创建web项目 ##

### 1、eclipse ###

#### （一）创建Dynamic Web Project ####

![618f415337824d5691f68f6ecd30f205.png][]

#### （二）配置Tomcat服务器 ####

点击【new runtime】，选择对应的Tomcat服务器

![78c5e0368c7548eba866b06b6fec0ed5.png][]

![8523e6ecd9444e56927150fc2bbc12ec.png][]

![bebb0fd4939d420c8ee18822c9a7f269.png][]

#### （三）添加jar依赖包 ####

Tomcat中提供了【servlet-api.ja】r，我们直接使用tomcat中的jar包

> 位置：~\\apache-tomcat-10.1.13\\lib\\servlet-api.jar

下面我们在eclipse中添加jar包依赖：

在项目中创建【lib】文件夹。可使用【WEB-INF】中自动生成的【lib】文件夹。将jar包复制到该文件夹中。

配置路径。右击项目名，点击 【Build Path】 中的 【Configure Build Path…】

![9837db56453c42608e762d6258c91c7d.png][]

依次点击，添加JAR包。选择【lib】文件夹中的JAR包，应用。

![ace80a37b6a54d8a9efe44b4b229d316.png][]

至此，该项目可以调用JAR包中的所有类

#### （四）编写代码 ####

内容类似IDEA，详情可见IDEA部分。此处只给出源码。

编写【Examplel】类

import jakarta.servlet.*;
    import jakarta.servlet.http.*;
    import java.io.*;
    
    
    public class Example6_1 extends HttpServlet {
        @Override
        public void init(ServletConfig config) throws ServletException {
            super.init(config);
        }
    
        @Override
        public void service(HttpServletRequest request, HttpServletResponse response) throws IOException {
            response.setContentType("text/html;charset = utf-8");
            PrintWriter out = response.getWriter(); // 获得向用户发送数据的输出流
            out.println("<html><body bgcolor= #ffccff>");
            out.println("<h1>hello servlet,你好 servlet</h1>");
            out.println("</body></html>");
        }
    }

然后在【WEB-INF】文件夹中编写【web.xml】文件

<?xml version="1.0" encoding="UTF-8"?>
    <web-app>
        <servlet>
            <servlet-name>hello</servlet-name>
            <servlet-class>Example6_1</servlet-class>
        </servlet>
        <servlet-mapping>
            <servlet-name>hello</servlet-name>
            <url-pattern>/lookHello</url-pattern>
        </servlet-mapping>
    </web-app>

#### （五）运行 ####

略

--------------------

### 2、IDEA ###

#### （一）新建项目，选择好JDK ####

![e1865bbc4f7342918b53ef3c66b6f4f5.png][]

#### （二）给项目添加框架支持 ####

右击项目名，点击添加框架支持

![4b9edec85d7d47908efcd7648f66052a.png][]

添加web应用程序，点击确认

![478f318ccf874a9eb81c015c2c227e33.png][]

![bd76ea019079453c8eb9a807dd826ddc.png][]

自动新建以下目录

![66dd6a76cb2649c5be76089396621bbb.png][]

#### （三）配置Tomcat服务器 ####

点击右上角运行左侧部分，编辑配置

![d9822bd553884b4d91cba7db7b404f78.png][]

点击左上角【+】，选择Tomcat服务器的本地服务器

![a45d23feac5a4455accd263d4df6e90e.png][]

点击配置，选择Tomcat主目录地址后点击确定

![c61f55d547bd4094bc56d20072fe9ccd.png][]

在下方可以修改服务器端口号。

![c104515b5a89463bba30a7033586e5fc.png][]

依次点击下图位置

![e668f91790ce41ab858261a32a631227.png][]

在此可以修改名称

![ae441e4bb9434b1484ab73ef9c1cc3ce.png][]

此时，Tomcat服务器在运行时就能执行此项目了，可以直接点击右上角运行按钮运行web项目

![1371fe383511489ca1a361355119c846.png][]

#### （四）添加jar依赖包（servlet-api.jar） ####

Tomcat中提供了【servlet-api.jar】，我们直接使用tomcat中的jar包

> 位置：~\\apache-tomcat-10.1.13\\lib\\servlet-api.jar

下面我们在IDEA添加jar包依赖：

打开项目结构

![cd0abd5c97af434dbd9731c06b4ceb6c.png][]

选择模块，为该项目添加JAR

![58b420ee1a2a4867833d5542e3391788.png][]

![e961ba8a573548768326b6fde09ca816.png][]

添加后打勾，并应用

![c1db3fc0fa6d46b5b07615eb8a97f52a.png][]

添加后【javax.servlet】与【javax.servlet.http】包中的类就能找到了

#### （五）编写类 ####

在src中创建类。源码见eclipse部分

![2345e239fec74e73aeb5a28a10347662.png][]

#### （六）修改web.xml文件 ####

添加servlet的映射关系，源码见eclipse部分

![8086602a866148ce9e71e11fbc19e942.png][]

#### （七）运行 ####

填写对应url访问你写的网页

![e8507d3987dd41cb8cda93c0f1fbf2bf.png][]

[oracle]: https://www.oracle.com/java/technologies/downloads/
[tomcat 10]: https://tomcat.apache.org/download-10.cgi
[3e92c05e025c4baca4561719fa418abe.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/3a8a872bcc7e4c4e8e3733ae00bf7049.png
[4c39ce5ee9554b01bf5d2d9312a6cd70.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/254dcb3452fd402aa29bb92538f455db.png
[dde5443b5b4248a8b182c9d13294b043.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/eff3c29e8142425f9a8c743a3702c63f.png
[32d56036593c4747bfdb545c99a524c4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/26a7fa94c5fa4e9c933d0bf9a331f7e9.png
[f94a53f01e9d4e89b70e5e7f48c68f88.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/59f2586cb4d448208c3671b9edb3ffa6.png
[Link 1]: https://www.eclipse.org/downloads/packages/
[618f415337824d5691f68f6ecd30f205.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/98318dff009e431aa85fd91aa08cc5b4.png
[78c5e0368c7548eba866b06b6fec0ed5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/bf9952d6bdc849cabac7abb633bf9d51.png
[8523e6ecd9444e56927150fc2bbc12ec.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/55b56a40916545f79038c64e4ec0aedc.png
[bebb0fd4939d420c8ee18822c9a7f269.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/1ee698d7546d40c9b0d50d78006d216a.png
[9837db56453c42608e762d6258c91c7d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/bcec0229028c40178b1533f480459a95.png
[ace80a37b6a54d8a9efe44b4b229d316.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/9412f78657004f2cb9539ae695c5f6d2.png
[e1865bbc4f7342918b53ef3c66b6f4f5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/a5c5c20508d24b09b21750e5702df983.png
[4b9edec85d7d47908efcd7648f66052a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/023b8b0e4b984bd5b690d8327778baf4.png
[478f318ccf874a9eb81c015c2c227e33.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/0cb76a5c91764feb96be2effdf6a3e5f.png
[bd76ea019079453c8eb9a807dd826ddc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/46275b8cd2b34954ae0668a24e44dd6a.png
[66dd6a76cb2649c5be76089396621bbb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/cf79ede67da946b6a043cbaae4095978.png
[d9822bd553884b4d91cba7db7b404f78.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/5addf4b7e070447f83fe590f74b357d2.png
[a45d23feac5a4455accd263d4df6e90e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/3ca0ef993ee94dba873675cbcce72ab4.png
[c61f55d547bd4094bc56d20072fe9ccd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/647264cddd3e4ddd8ad5a1a47b2eddfa.png
[c104515b5a89463bba30a7033586e5fc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/163b8dc4d6d34865b66dc2f149b07bce.png
[e668f91790ce41ab858261a32a631227.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/c635b890d7d9405d8ca725c0344605a7.png
[ae441e4bb9434b1484ab73ef9c1cc3ce.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/a3a1aa0a1efc43978896b35bffd7c126.png
[1371fe383511489ca1a361355119c846.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/187999316202499cb05cd03c9d611ca9.png
[cd0abd5c97af434dbd9731c06b4ceb6c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/1e9e00c520a94d91beee53dfb93c5ec7.png
[58b420ee1a2a4867833d5542e3391788.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/b3dc9b00ef2f4f88832fb47e5362d818.png
[e961ba8a573548768326b6fde09ca816.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/3e2a34d0b17144278b36606c2cbbed20.png
[c1db3fc0fa6d46b5b07615eb8a97f52a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/be6eaf6b791e4c35bcdcc5e085c36e14.png
[2345e239fec74e73aeb5a28a10347662.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/32187f7bf8af4d14b98921eccdb07c35.png
[8086602a866148ce9e71e11fbc19e942.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/24505690fee14ecb91773d17975f6347.png
[e8507d3987dd41cb8cda93c0f1fbf2bf.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/52d8efac0de3447c8e91738315332131.png