如何在 Eclipse IDE 中使用web.xml创建和运行 Servlet

水深无声 2023-09-30 08:48 12阅读 0赞

这是安装 Eclipse、设置 apache tomcat 服务器和运行您的第一个 hello world servlet 应用程序的完整指南。

### **下载 Eclipse IDE** ###

**在 Windows 上安装 Eclipse**  
转到此链接[Eclipse Downloads | The Eclipse Foundation][Eclipse Downloads _ The Eclipse Foundation]。在“Get Eclipse Oxygen”下❯点击“Download Packages”❯下载“Eclipse IDE for Java Developers”。您会在右侧看到两个选项（32 位和 64 位），如果您的系统是 32 位，请单击 32 位，否则单击 64 位。这将在您的系统上下载一个压缩文件。

要安装 Eclipse，解压缩下载的文件并将解压缩的文件夹复制到所需位置。

**在 Mac OS X 上安装 Eclipse**  
转到此链接[Eclipse Downloads | The Eclipse Foundation][Eclipse Downloads _ The Eclipse Foundation]。在“Get Eclipse Oxygen”下❯点击“Download Packages”❯下载“Eclipse IDE for Java Developers”。要下载点击 64 位，它将下载一个 TAR 文件。

下载完成后，双击 TAR 文件，它会将文件的内容提取到一个文件夹中。将文件夹拖到“应用程序”文件夹。

**要启动 Eclipse**，请单击 Eclipse 文件夹中的 Eclipse 图标。Mac 用户可以将它拖到 Dock 区域以从桌面快速启动 Eclipse，同样 Windows 可以在桌面上创建 Eclipse 的快捷方式。

### **在 Eclipse 中安装和配置 Apache Tomcat 服务器** ###

为了在 Eclipse IDE 中运行 Servlet，您需要在 Eclipse IDE 中配置 Apache tomcat Server。

> 如果您没有，请参阅本教程：[如何在 Eclipse IDE 中下载和配置 Apache Tomcat 服务器][Eclipse IDE _ Apache Tomcat]。

注意：我上面提供的链接属于 JSP 教程，但 Servlet 的步骤也相同。

### **在 Eclipse IDE 中创建 Servlet** ###

#### **第 1 步：创建项目：** ####

让我们在 Eclipse 中创建一个 Servlet 应用程序。打开 Eclipse，然后单击 File ❯ New ❯ 单击 Dynamic Web Project。

![adb079dd90ceed1edad26a6be0035424.png][]

> 如果您在 Eclipse 中没有看到动态 Web 项目选项，请参阅本教程：[如何修复 Eclipse 问题中缺少的“动态 Web 项目”][Eclipse _ Web]

提供项目名称，然后单击下一步。

![5a47f423cf978b225f53536107b3fa1a.png][]

勾选**生成 web.xml 部署描述符的复选框**

![0446b5d83da6f7e5932c533bb47bc806.png][]

**初始项目结构：**  
创建项目后，层次结构（项目结构）如下所示：

![326b6a607ccc3368140ada04997530c2.png][]

#### **第 2 步：创建一个 Servlet 类：** ####

我们通过扩展 HttpServlet 类来创建一个 Http Servlet。右键单击 src 文件夹并创建一个新的类文件，将文件命名为 MyServletDemo。文件路径应如下所示：Java Resources/src/default package/MyServletDemo.java

![fff9a15166bdf7e3c259761b4fe8c8d4.png][]

**MyServletDemo.java**

import java.io.*;
    import javax.servlet.*;
    import javax.servlet.http.*;
    
    // Extend HttpServlet class to create Http Servlet
    public class MyServletDemo extends HttpServlet {
    
    	private String mymsg;
    
    	public void init() throws ServletException {
    		mymsg = "Hello World!";
    	}
    
    	public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    
    		// Setting up the content type of webpage
    		response.setContentType("text/html");
    
    		// Writing message to the web page
    		PrintWriter out = response.getWriter();
    		out.println("<h1>" + mymsg + "</h1>");
    	}
    
    	public void destroy() {
    		/*
    		 * leaving empty for now this can be used when we want to do something at the
    		 * end of Servlet life cycle
    		 */
    	}
    }

#### **第三步：创建一个html页面来调用网页上的servlet类** ####

我们正在创建一个 html 文件，一旦我们单击网页上的链接，它将调用 servlet。在 WebContent 文件夹中创建此文件。文件的路径应如下所示：WebContent/index.html  
**index.html**

<!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>BeginnersBook Servlet Demo</title>
    </head>
    <body>
    	<a href="welcome">Click to call Servlet</a>
    </body>
    </html>

**编辑 web.xml 文件**  
这个文件可以在这个路径 WebContent/WEB-INF/web.xml 中找到。在这个文件中，我们将 Servlet 映射到特定的 URL。由于我们在单击 index.html 页面上的链接时调用欢迎页面，因此我们将欢迎页面映射到我们在上面创建的 Servlet 类。

<web-app>
    	<display-name>BeginnersBookDemo</display-name>
    	<welcome-file-list>
    		<welcome-file>index.html</welcome-file>
    		<welcome-file>index.htm</welcome-file>
    		<welcome-file>index.jsp</welcome-file>
    		<welcome-file>default.html</welcome-file>
    		<welcome-file>default.htm</welcome-file>
    		<welcome-file>default.jsp</welcome-file>
    	</welcome-file-list>
    
    	<servlet>
    		<servlet-name>MyHttpServletDemo</servlet-name>
    		<servlet-class>MyServletDemo</servlet-class>
    	</servlet>
    
    	<servlet-mapping>
    		<servlet-name>MyHttpServletDemo</servlet-name>
    		<url-pattern>/welcome</url-pattern>
    	</servlet-mapping>
    
    </web-app>

**最终项目结构**

![bb6fd4561a678cd82945951b6814ed70.png][]

**运行项目：**  
右键点击index.html，在服务器上运行。

![693569723c673b00456b87e4a7d33ce3.png][]

单击全部添加以在服务器上部署项目。点击完成

![3a14be0d8b75a88c00b69ced0f7096bd.png][]

**输出：**

![996becfd512fba76389d82061bb1552b.png][]

单击链接后，您将看到此屏幕：

![bb119e72644d3c6a48e52b67f26ef6f9.png][]

[Eclipse Downloads _ The Eclipse Foundation]: https://www.eclipse.org/downloads
[Eclipse IDE _ Apache Tomcat]: https://beginnersbook.com/2017/06/how-to-configure-apache-tomcat-server-in-eclipse-ide/
[adb079dd90ceed1edad26a6be0035424.png]: https://img-blog.csdnimg.cn/img_convert/adb079dd90ceed1edad26a6be0035424.png
[Eclipse _ Web]: https://beginnersbook.com/2017/06/how-to-fix-dynamic-web-project-missing-in-eclipse-issue/
[5a47f423cf978b225f53536107b3fa1a.png]: https://img-blog.csdnimg.cn/img_convert/5a47f423cf978b225f53536107b3fa1a.png
[0446b5d83da6f7e5932c533bb47bc806.png]: https://img-blog.csdnimg.cn/img_convert/0446b5d83da6f7e5932c533bb47bc806.png
[326b6a607ccc3368140ada04997530c2.png]: https://img-blog.csdnimg.cn/img_convert/326b6a607ccc3368140ada04997530c2.png
[fff9a15166bdf7e3c259761b4fe8c8d4.png]: https://img-blog.csdnimg.cn/img_convert/fff9a15166bdf7e3c259761b4fe8c8d4.png
[bb6fd4561a678cd82945951b6814ed70.png]: https://img-blog.csdnimg.cn/img_convert/bb6fd4561a678cd82945951b6814ed70.png
[693569723c673b00456b87e4a7d33ce3.png]: https://img-blog.csdnimg.cn/img_convert/693569723c673b00456b87e4a7d33ce3.png
[3a14be0d8b75a88c00b69ced0f7096bd.png]: https://img-blog.csdnimg.cn/img_convert/3a14be0d8b75a88c00b69ced0f7096bd.png
[996becfd512fba76389d82061bb1552b.png]: https://img-blog.csdnimg.cn/img_convert/996becfd512fba76389d82061bb1552b.png
[bb119e72644d3c6a48e52b67f26ef6f9.png]: https://img-blog.csdnimg.cn/img_convert/bb119e72644d3c6a48e52b67f26ef6f9.png