Eclipse开发JavaWeb项目配置Tomcat，详细教程

淡淡的烟草味﹌ 2022-02-24 14:04 302阅读 0赞

链接：[https://blog.csdn.net/zs20082012/article/details/79138204][https_blog.csdn.net_zs20082012_article_details_79138204]  
首先介绍eclipse开发JavaWeb项目需要配置的相关环境，使用tomcat软件在本地搭建服务器，然后再在eclipse环境下配置tomcat：

**第一步：使用tomcat软件在本地搭建服务器，这个本地的tomcat服务器与eclipse环境下配置tomcat服务器都可以使用，但是只能启动一个，否则会报端口冲突，到时安装好环境会介绍**

tomcat软件是apache旗下的一个开源项目。软件下载链接：[http://tomcat.apache.org/，][http_tomcat.apache.org]

1.1 zip版：  
如图，  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzAzMDMx_size_16_color_FFFFFF_t_70]  
下载，解压后，出现如下图目录  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzAzMDMx_size_16_color_FFFFFF_t_70 1]  
1.2 环境配置

1.2.1 添加系统变量  
（1） 变量名：CATALINA\_HOME  
（1） 变量值（安装目录）：C:\\E\\soft\\apache-tomcat-7.0.93  
1.2.2 追加path(注意分号“；”)  
（1） 变量名：Path  
（1） 变量值（安装目录）： ;C:\\E\\soft\\apache-tomcat-7.0.93\\bin

![在这里插入图片描述][20190404121534724.png]  
![在这里插入图片描述][20190404121939244.png]  
1.3 启动tomcat：点击 bin => startup.bat (注意打开后不能关闭)  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzAzMDMx_size_16_color_FFFFFF_t_70 2]  
1.4 浏览器输入：[http://localhost:8080/][http_localhost_8080] 出现如下界面，说明tomcat配置成功。（可以将startup.bat放到桌面快捷方式，方便使用）  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzAzMDMx_size_16_color_FFFFFF_t_70 3]  
2.1 安装版：  
参考：[https://blog.csdn.net/zs20082012/article/details/79138204][https_blog.csdn.net_zs20082012_article_details_79138204]

**第二步：eclipse环境下如何配置tomcat服务器：**

打开Eclipse，单击“Window”菜单，选择下方的“Preferences”，看是否存在“Server”选项，我目前使用的是eclipse版，不带额外插件，一些使用的Myeclipse集成了J2EE可以忽略此过程。我使用的EclipsePreferences下是没有Server选项，此时需要安装server插件，我的上一篇博客介绍了如何安装server插件，我这里就不详细叙述了，安装了server之后；如图  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzAzMDMx_size_16_color_FFFFFF_t_70 4]  
上图中，点击“add”的添加按钮，弹出如下界面：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzAzMDMx_size_16_color_FFFFFF_t_70 5]  
上图中，选择对应的Tomcat版本，点击next，如图：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzAzMDMx_size_16_color_FFFFFF_t_70 6]  
点击“完成”，配置完毕。

**第三步：建立一个web项目**

File → New → Dynamic Web Project ，一路next，在该窗口时如图，勾选Gernerate web.xml deployment descriptor ，finish 就ok了  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzAzMDMx_size_16_color_FFFFFF_t_70 7]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzAzMDMx_size_16_color_FFFFFF_t_70 8]  
注意选择，tomcat的版本  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzAzMDMx_size_16_color_FFFFFF_t_70 9]  
让tomcat服务器显示在控制台上，将web应用部署到tomcat中，Window → Show View → Servers如图  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzAzMDMx_size_16_color_FFFFFF_t_70 10]  
点击链接No servers are available. Click ths link to create a new server. ，在弹出的对话框中选择Tomcat版本 如图：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzAzMDMx_size_16_color_FFFFFF_t_70 11]  
点击“Next”，添加我们的项目 如图：，点击finish  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzAzMDMx_size_16_color_FFFFFF_t_70 12]  
返回eclipse控制台下方的“Servers”面板，右键单击该面板中的“Tomcat v7.0 Server at localhost”节点，在弹出的快捷菜单中单击“Start”，即可启动指定的Web服务器  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzAzMDMx_size_16_color_FFFFFF_t_70 13]  
测试下，建立一个jsp文件放在webcontent目录下，如图，关于javaweb项目结构，以及建立jsp文件中文乱码就不详细叙述了，网上文档太多了，如图：  
![在这里插入图片描述][20190404124311645.png]  
随便运行一个jsp文件，右键——>Run As ——>Run on Server, 效果如图：整个过程就ok了

<%@ page language="java" contentType="text/html; charset=UTF-8" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
    登录成功，欢迎你
    </body>
    </html>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzAzMDMx_size_16_color_FFFFFF_t_70 14]  
结果如图，也可以在浏览器中输入网址访问  
![在这里插入图片描述][20190404124613576.png]  
**特别重要：：：再看下一个细节：**

目前虽能运行，但不是配置到tomcat上。

![在这里插入图片描述][20190404124800358.png]  
看下一 根据前面的介绍，上图表明，我们新建的项目已经部署到Tomcat服务器上去了，也就是看到了javaweb这个工程发布出去了，双击“Tomcat v7.0 Server at localhost”节点，出现如图信息  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzAzMDMx_size_16_color_FFFFFF_t_70 15]  
上图的红框部分表明，服务的部署是在eclipse里面（默认是放在工作空间里的.metadata文件夹下），而不是在Tomcat里面。我们来改一下，前提是工程并没有发布到Tomcat中去，那我们先把之前发布的版本删了吧（稍后重新发布）：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzAzMDMx_size_16_color_FFFFFF_t_70 16]  
**关键步骤：这时再次双击“Tomcat v7.0 Server at localhost”节点，使用Tomcat的安装目录作为部署的位置，并修改部署的路径Deploy path（建议改成Tomcat的webapps目录下），然后保存（ctrl + s）即可。**

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzAzMDMx_size_16_color_FFFFFF_t_70 17]  
时，重新运行程序。现在来到Tomcat的webapps目录下，发现多了一个javaweb文件夹（即工程文件名），并且文件夹下包含了工程文件中WebContent的内容：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzAzMDMx_size_16_color_FFFFFF_t_70 18]  
上图说明，说明这才是真正将程序发布到服务器上。

我们再来到Tomcat的work目录中，看一下编译之后的文件：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzAzMDMx_size_16_color_FFFFFF_t_70 19]  
上图表明，Tomcat会先将jsp文件转为java文件，然后再把java文件编译为class文件，最终执行的是class文件。现在来看一下JSP运行的原理

[https_blog.csdn.net_zs20082012_article_details_79138204]: https://blog.csdn.net/zs20082012/article/details/79138204
[http_tomcat.apache.org]: http://tomcat.apache.org/%EF%BC%8C
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzAzMDMx_size_16_color_FFFFFF_t_70]: /images/20220224/feb4d0c70c2d48b3b9deca05b15a8724.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzAzMDMx_size_16_color_FFFFFF_t_70 1]: /images/20220224/b44853817cb5464bba809f7b23bd0db3.png
[20190404121534724.png]: /images/20220224/e3496533c4294aab94a6238cd49851f3.png
[20190404121939244.png]: /images/20220224/8776c8b7ddb14abd98e40f5e94cbf6a5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzAzMDMx_size_16_color_FFFFFF_t_70 2]: /images/20220224/217c18843289447e9a2ade1a23cc5717.png
[http_localhost_8080]: http://localhost:8080/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzAzMDMx_size_16_color_FFFFFF_t_70 3]: /images/20220224/3e71d19af0a941769988ff87332589e0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzAzMDMx_size_16_color_FFFFFF_t_70 4]: /images/20220224/a1227cf620e64144861ee8a5889b8633.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzAzMDMx_size_16_color_FFFFFF_t_70 5]: /images/20220224/9f18d24b9af94c8f9eefafcea1ddd0fd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzAzMDMx_size_16_color_FFFFFF_t_70 6]: /images/20220224/e63029191fd0414e8b63332df3e0fe94.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzAzMDMx_size_16_color_FFFFFF_t_70 7]: /images/20220224/6fe46d04b3df465ca6134dc6b83a4887.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzAzMDMx_size_16_color_FFFFFF_t_70 8]: /images/20220224/859214dfd80d4084a8b1c8d6a353300c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzAzMDMx_size_16_color_FFFFFF_t_70 9]: /images/20220224/9ebe700add3345669db31748d3f9593f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzAzMDMx_size_16_color_FFFFFF_t_70 10]: /images/20220224/832d6d490785475aaadb52b5ad68f189.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzAzMDMx_size_16_color_FFFFFF_t_70 11]: /images/20220224/7c02d77b3f9e434e96e923181ae34ba7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzAzMDMx_size_16_color_FFFFFF_t_70 12]: /images/20220224/d213f20b42274ac18ef7b8e459007d01.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzAzMDMx_size_16_color_FFFFFF_t_70 13]: /images/20220224/4387af723c934b6a925a123343e4654c.png
[20190404124311645.png]: /images/20220224/1025e87529f84f0a96061b03bd4651d1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzAzMDMx_size_16_color_FFFFFF_t_70 14]: /images/20220224/8f58e70fed8f4180bc804269665daedb.png
[20190404124613576.png]: /images/20220224/ee9e88b40dc344f8ad4759b7629fdde2.png
[20190404124800358.png]: /images/20220224/c5cdaa6d0cbe41f395ad0ba3a2bc518a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzAzMDMx_size_16_color_FFFFFF_t_70 15]: /images/20220224/7b397c8f3b1b4f57b0e7c3ffbdc10fb3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzAzMDMx_size_16_color_FFFFFF_t_70 16]: /images/20220224/0aefc2173d714adbbeb128e59a894957.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzAzMDMx_size_16_color_FFFFFF_t_70 17]: /images/20220224/04d98a0f8fe64ccbbcbf8f96f891a50e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzAzMDMx_size_16_color_FFFFFF_t_70 18]: /images/20220224/3979829c52d349bfbc39c5baf1c4c99d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzAzMDMx_size_16_color_FFFFFF_t_70 19]: /images/20220224/64f104c9b7704afca405e95dba2b0bcb.png