使用eclipse开发Java Web项目（最最最基础）

待我称王封你为后i 2022-03-25 02:44 550阅读 0赞

本篇首先给出Tomcat 8.0的安装及验证过程，然后在eclipse中配置已安装成功的Tomcat服务器，最后新建一个Java web工程，并绑定已部署的Tomcat服务器，在工程中新建并运行JSP文件。通过本篇的学习，可以掌握以下内容：

● 部署Tomcat 8.0

● 建立本地Server服务器

● 新建Java web开发项目

● 建立第一个JSP文件

● 运行JSP文件

1、部署Tomcat 8.0

Tomcat属于轻量级Web应用服务器，相对其它Web服务器来说，Tomcat的最大优势在于免费并且代码开源。Java开发者可以利用MySQL数据库服务器、Tomcat Web服务器、Linux操作系统搭建免费且实用的Web系统。

Tomcat 8.0或其它版本安装步骤如下：

（1）在Tomcat网站首页左侧红色线框区域内，选择需要下载的Tomcat版本，当前有Tomcat 9、Tomcat 8、Tomcat 7三个版本，选择Tomcat 8进入Tomcat 8信息页。

![u_2678715427_512547634_fm_173_app_25_f_JPEG_w_554_h_515_s_AD86F51619AFF4CE52FDC1CF03005033][]图1 Tomcat官网首页

（2）在Tomcat 8下载网页红色线框区域内，Tomcat 8又分成了两个子版本，Tomcat 8.5.32和Tomcat 8.0.53，两个版本可任选其一，选择8.0.53进入8.0.53版本下载页。

![u_692485830_1773984443_fm_173_app_25_f_JPEG_w_554_h_381_s_ED06F517119E45C80E7580DB03008033][]图2 tomcat 8信息页

（3）在8.0.53版本下载页红色线框区域内，分别有zip格式的压缩包、tar.gz格式的压缩包（用于Linux系统）、32-bit Windows zip压缩包、64-bit Windows zip压缩包。请根据自身使用的操作系统选择不同的压缩包下载。例如，32位的Windows操作系统可以选择32-bit Windows zip压缩包下载，64位的Windows操作系统可以选择64-bit Windows zip压缩包下载，Linux系统需要选择tar.gz格式的压缩包下载。这里选择32-bit Windows zip压缩包下载。

![u_4022940205_1801776944_fm_173_app_25_f_JPEG_w_628_h_355_s_4F5AEC1A1B0B404D18CC31DA0000C0B0][]图3 8.0.53版本下载页

（4）将下载的压缩包复制到任意目录下（目录名称不要包含中文字符）并解压缩，进入bin目录，在bin目录中用鼠标双击startup.bat文件（Tomcat启动批处理文件），启动Tomcat服务器。Tomcat启动信息显示到DOS窗口，如下图所示。

![u_2340108081_463874979_fm_173_app_25_f_JPEG_w_554_h_361_s_A1D24B205BAC9EC84CD9D50B020050C2][]图4 tomcat启动信息窗口

（5）打开浏览器，在浏览器窗口输入下图地址，浏览器显示如下图所示的tomcat欢迎页面，则说明tomcat部署成功。

![u_2429769027_2288737119_fm_173_app_25_f_JPEG_w_554_h_328_s_8E5274961F0A444906C543590300C072][]图5 tomcat欢迎页面

如果没有出现欢迎页面，则可能是下面问题造成的：

（1）tomcat压缩包下载错误。下载的tomcat压缩包和自身使用的操作系统不匹配，需要重新下载tomcat压缩包。

（2）tomcat版本和已安装的JDK版本不匹配。tomcat 8及其以上版本需要JDK1.7版本及以上。

（3）8080端口被占用。tomcat默认的端口是8080，如果8080端口被其它服务占用，tomcat就会启动失败。

2、eclipse创建Server服务

使用eclipse开发Java web项目，需要将已经部署完成的Tomcat关联到eclipse，并创建Server服务。Server服务创建成功后，eclipse可以直接将项目发布到Tomcat，并启动Tomcat服务。eclipse创建Server服务分为两步，第一步是创建Server运行环境（Server Runtime Environment），即配置Web服务器，这里是配置先前安装的Tomcat服务器；第二步是建立Server服务。

第一步：创建Server运行环境

（1）启动eclipse，选择【Window】菜单下【Preferences】命令，进入Preferences设置对话框。如下图所示。

![u_1725484870_695161435_fm_173_app_25_f_JPEG_w_593_h_651_s_C992CC12111F45CE185DB1DA000050B1][]图6 Preferences设置对话框

（2）在Preferences设置对话框中，在对话框左侧展开【Server】项，选择Runtime Environment，用鼠标单击右侧的【Add…】按钮，进入设置Runtime Environment对话框，如下图所示。

![u_971357262_1141516187_fm_173_app_25_f_JPEG_w_525_h_565_s_C800ED1A151E55CC4259E5DB0200C0B3][]图7 New Server Runtime对话框

（3）New Server Runtime对话框列出了当前eclipse支持的tomcat版本，前面安装的是tomcat 8，因此选择Apache Tomcat V8.0。单击【Next>】按钮，进入配置tomcat server对话框。

![u_3949562955_1786680365_fm_173_app_25_f_JPEG_w_525_h_565_s_E198CD320D0E554D1E75C0DA0200C0B3][]图8 配置tomcat对话框

（4）在配置tomcat server对话框中，Name输入域输入Server名称，这里输入“Apache Tomcat v8.053”，也可以是其它名字；Tomcat installation directory输入域选择tomcat的安装路径，这里选择“D:\\tomcat8\\apache-tomcat-8.0.47”。填写完毕，单击【Finish】按钮，回到Preferences设置对话框，新创建的Tomcat服务在对话框的右侧列出。如下图所示。

![u_1746308773_1676837837_fm_173_app_25_f_JPEG_w_554_h_494_s_4518CD3B171E45CE485DB1DB0200E0B1][]图9 Apache Tomcat V8.053添加成功

第二步：添加Server服务

（1）选择【Window】菜单下【Show View】命令，在弹出的二级菜单列表中选择【Servers】命令，打开Servers窗口。如果二级菜单中没有列出【Servers】命令，可在二级菜单中选择【Other…】命令，打开Other对话框，在Other对话框中找到【Servers】命令。Servers窗口如下图所示。

![u_2057677742_2530333986_fm_173_app_25_f_JPEG_w_554_h_177_s_A1504D32492A6D20447C48D90200C0B2][]图10 Servers窗口

（2）将鼠标移动到Servers窗口内，单击鼠标右键，在弹出的菜单中选择【New】【Server】命令，弹出New Server对话框。如下图所示。

![u_2793151475_34520800_fm_173_app_25_f_JPEG_w_525_h_599_s_C992CD12050E654D185080DA0200D0B3][]图11 New Server对话框

（3）New Server对话框设置项说明如下：

① Server’host name

新建Server的主机名，本地Server服务主机名一般采用localhost。

② Server name

新建Server的名称，可以输入任意名称。这里采用默认的名称。

③ Server Runtime Environment

本选项列出所有的Server运行环境，选择前面创建的Apache Tomcat V8.053运行环境。

设置完毕，单击【Finish】按钮。

（4）在Servers窗口列出已经创建成功的Server。如下图所示。

![u_3045176398_2317211833_fm_173_app_25_f_JPEG_w_554_h_105_s_8150CD324D6ADF2454F40CD80200C0B2][]图12 Servers窗口列出已创建的Server

图中名称为“Apache Tomcat V8.053 at localhost”的Server即为刚创建成功的Server。

（5）在Servers窗口内，选择新建的Server，单击右键弹出菜单，在弹出的菜单中选择【Start】命令，或单击Servers窗口顶部工具条的启动图标启动Server，Server启动过程的信息会在控制台窗口列出，控制台窗口所列启动信息如下图所示。

![u_3187613140_3358080299_fm_173_app_25_f_JPEG_w_554_h_228_s_7FC6ED1E9F38500B107594F902000035][]图13 控制台窗口列出Server启动信息

（6）在浏览器地址窗口输入地址，浏览器显示内容如下图所示。

![u_1435756928_643694841_fm_173_app_25_f_JPEG_w_554_h_117_s_4D80EC1266DAFE207AF3DDCC0200F0B3][]

上图说明Server启动成功，只是该Server还没有关联项目。后面我们会创建一个Java Web项目加入到该Server。

3、 构建Java Web项目

下面给出构建Java Web项目的具体步骤：

（1）选择【File】【New】【Dynamic Web Project】命令。若【New】菜单下没有【Dynamic Web Project】命令，则选择【File】【New】【Other…】命令，在弹出的New对话框中，展开Web项，选择Dynamic Web Project选项。单击【Next】按钮，进入New Dynamic Web Project设置对话框。如下图所示。

![u_1560022045_1894341198_fm_173_app_25_f_JPEG_w_554_h_633_s_4C50C51B430E454D5C55A0DA0200C0B3][]图14 New Dynamic Web Project设置对话

New Dynamic Web Project对话框设置项说明如下：

① Project name

Java Web项目的名称，可以输入任意名称。这里输入“TestWeb”。

② Project location

Java Web项目文件存储目录，一般选择eclipse配置的Workspace工作目录，该输入项默认值为eclipse的工作目录+项目文件名称。项目文件存储目录采用默认值即可。

③ Target runtime

该选项配置Server 运行环境，选择先前创建的Apache Tomcat V8.053运行环境。

④ Dynamin web module version

配置Java动态web模块，该模块版本和Tomcat的版本相对应，Tomcat 8及以上版本需要选择web模块3.0以上版本。

⑤ Configuration

与Apache Tomcat V8.053运行环境相关的配置选项，一般采用默认值即可，后面也可以修改。

设置完毕，单击【Next>】按钮，进入设置项目代码存储目录对话框。

（2）设置项目代码存储目录，项目代码一般存储到工程src目录下，采用默认值即可。单击【Next>】按钮，进入Web配置模块，如下图所示。

![u_1767000029_2867757344_fm_173_app_25_f_JPEG_w_554_h_633_s_B5B05D32593E440B1055D0DA020030B3][]图15 设置项目源代码存储目录

（3）配置Web模块主要配置项目的根目录和JSP存储目录。勾选下方的检查框，允许创建web.xml配置文件。单击【Finish】按钮完成Java Web项目的创建。

![u_4071234716_205935071_fm_173_app_25_f_JPEG_w_554_h_633_s_153044325B3E640B5AF584DA020010B3][]图16 配置Web模块

1.4 运行项目文件

项目创建成功后，项目资源文件显示在Project Explorer窗口内，展开TestWeb项目，可以看到如下图所示的项目文件组织结构。

![u_3074058649_2136956444_fm_173_app_25_f_JPEG_w_332_h_223_s_4102BC1A595E40CE4C5580DA000050B2][]图17 TestWeb项目组织结构

其中，Java Resource目录用于存储Java源代码文件和系统库文件；WebContent文件用于存储JSP、CSS、JS及Web配置文件。

创建JSP文件

JSP是Java服务页面，JSP混合了HTML、Jave程序、特有的JSP标记内容，形成了JSP文件。用户通过浏览器访问JSP页面时，JSP在服务器端执行Java程序和JSP标记，从数据库获取内容或进行处理操作，将处理后的结果转换为HTML内容返回给浏览器。

创建JSP文件的步骤如下：

（1）用鼠标选中项目的WebContent目录，单击鼠标右键，在弹出的菜单中选择【New】【JSP File】命令。在出现的New JSP File对话框File name输入域输入“indes.jsp”文件名称，单击【Finish】按钮。

![u_3217929066_210117546_fm_173_app_25_f_JPEG_w_525_h_572_s_4808CC1A111FC5CE1ADC85DA0000C0B2][]图18 新建JSP文件

（2）创建成功的index.jsp文件显示在WebContent根目录下，用鼠标双击index.jsp文件，可打开该JSP文件并进行编辑。

运行JSP文件

打开index.jsp文件，在标签<body>之间输入“这是我的第一个Web程序”，并保存文件。JSP代码如下：

![u_2648307939_1893730452_fm_173_app_25_f_JPEG_w_638_h_128_s_788AAD1ACD66452256593CD80000C0B3][]

用鼠标选中index.jsp文件，单击鼠标右键，在弹出的菜单中选择【Run As】【Run on Server】命令。如果是初次运行项目，eclispe会弹出Run on Server对话框，在对话框中配置选择要运行的Server服务器，如下图所示。

![u_3233018629_661478410_fm_173_app_25_f_JPEG_w_554_h_699_s_E950ED12110E654F0AFDC5DB0000C0B1][]图19 Run on Server对话框

选择先前配置的Apache Tomcat v8.053 at localhost服务器，并选中下方的检查框，以保存该配置项，下次运行该项目时，就无需再进行配置了。单击【Finish】按钮，eclipse启动Server，启动信息在控制台窗口列出，Server启动后，eclipse会在内置的浏览器窗口打开index.jsp文件，浏览器显示“这是我的第一个Web程序”内容。如下图所示。也可以把运行地址复制到外部浏览器查看。

![u_12826350_558119835_fm_173_app_25_f_JPEG_w_554_h_214_s_89285D324D2A45201CD5D1DA000080B3][]图20 index.jsp运行界面

■ 课程小结

本节课主要讲了四个要点，这四个要点是构建和验证Java Web开发环境的关键内容。

掌握tomcat的安装和部署是课程的第一个要点。在Windows系统上安装Tomcat相对简单，下载压缩包解压缩到任意目录即可（目录名称不要含有中文字符）。进入tomcat的bin目录，可以直接运行startup.bat启动tomcat服务。

第二个要点是在eclipse中添加Server服务。把tomcat与eclipse进行关联，方便eclipse管理tomcat。

第三个要点是构建Java Web项目。Web项目开发的第一步就是要建立项目。在新建Project项目时，选择Dynamic Web Project项目类型，即可创建Web项目。

第四个要点是建立的项目如何在Server中运行。选择要运行的JSP文件，单击右键，在弹出的菜单中选择Run on Server命令即可，初次运行项目时，需要配置项目在哪个Server中运行（如有多个Server）。

[u_2678715427_512547634_fm_173_app_25_f_JPEG_w_554_h_515_s_AD86F51619AFF4CE52FDC1CF03005033]: /images/20220325/334adc5496e44e52bef0acd9eeb04c4e.png
[u_692485830_1773984443_fm_173_app_25_f_JPEG_w_554_h_381_s_ED06F517119E45C80E7580DB03008033]: /images/20220325/864044b19d3244eeb4701ac772273a9f.png
[u_4022940205_1801776944_fm_173_app_25_f_JPEG_w_628_h_355_s_4F5AEC1A1B0B404D18CC31DA0000C0B0]: /images/20220325/8e2e5fb19d7f4084aa44a80c4f75f5f6.png
[u_2340108081_463874979_fm_173_app_25_f_JPEG_w_554_h_361_s_A1D24B205BAC9EC84CD9D50B020050C2]: /images/20220325/82bfa0b0d1474c048d8133277126cc79.png
[u_2429769027_2288737119_fm_173_app_25_f_JPEG_w_554_h_328_s_8E5274961F0A444906C543590300C072]: /images/20220325/7ea6e9e00f02431bbe2dc43a04aa13cb.png
[u_1725484870_695161435_fm_173_app_25_f_JPEG_w_593_h_651_s_C992CC12111F45CE185DB1DA000050B1]: /images/20220325/09e14c7c23a24e7186d24e24c38d5f96.png
[u_971357262_1141516187_fm_173_app_25_f_JPEG_w_525_h_565_s_C800ED1A151E55CC4259E5DB0200C0B3]: /images/20220325/44b3b63b45ce4d8591e6c7a3414d684f.png
[u_3949562955_1786680365_fm_173_app_25_f_JPEG_w_525_h_565_s_E198CD320D0E554D1E75C0DA0200C0B3]: /images/20220325/baabac6b2a714b148daa0dde8f738e14.png
[u_1746308773_1676837837_fm_173_app_25_f_JPEG_w_554_h_494_s_4518CD3B171E45CE485DB1DB0200E0B1]: /images/20220325/8c437ca2b5a74b73b77ebfd7777f98cc.png
[u_2057677742_2530333986_fm_173_app_25_f_JPEG_w_554_h_177_s_A1504D32492A6D20447C48D90200C0B2]: /images/20220325/9cd16b89fb944752b8afafe133251208.png
[u_2793151475_34520800_fm_173_app_25_f_JPEG_w_525_h_599_s_C992CD12050E654D185080DA0200D0B3]: /images/20220325/212e3768d09741e3b7627c6a66d910bc.png
[u_3045176398_2317211833_fm_173_app_25_f_JPEG_w_554_h_105_s_8150CD324D6ADF2454F40CD80200C0B2]: /images/20220325/3bc0cbfdfcd84ee4bf46b922d180df68.png
[u_3187613140_3358080299_fm_173_app_25_f_JPEG_w_554_h_228_s_7FC6ED1E9F38500B107594F902000035]: /images/20220325/48a755559b474dc880199c8246eb4e61.png
[u_1435756928_643694841_fm_173_app_25_f_JPEG_w_554_h_117_s_4D80EC1266DAFE207AF3DDCC0200F0B3]: /images/20220325/22eee33dab4b44fe9309923e795583be.png
[u_1560022045_1894341198_fm_173_app_25_f_JPEG_w_554_h_633_s_4C50C51B430E454D5C55A0DA0200C0B3]: /images/20220325/8ae1145631f344b58c4158345a08373b.png
[u_1767000029_2867757344_fm_173_app_25_f_JPEG_w_554_h_633_s_B5B05D32593E440B1055D0DA020030B3]: /images/20220325/a80b5a9c0e49415497784365f39c20e8.png
[u_4071234716_205935071_fm_173_app_25_f_JPEG_w_554_h_633_s_153044325B3E640B5AF584DA020010B3]: /images/20220325/146a9c64ca90400aa8a1ac39ea4a3779.png
[u_3074058649_2136956444_fm_173_app_25_f_JPEG_w_332_h_223_s_4102BC1A595E40CE4C5580DA000050B2]: /images/20220325/c088d4134628401f80e2623ae88aa3a7.png
[u_3217929066_210117546_fm_173_app_25_f_JPEG_w_525_h_572_s_4808CC1A111FC5CE1ADC85DA0000C0B2]: /images/20220325/6acfe603151e47f99f4015ef7ec4b0fa.png
[u_2648307939_1893730452_fm_173_app_25_f_JPEG_w_638_h_128_s_788AAD1ACD66452256593CD80000C0B3]: /images/20220325/ce69bbd6f1324729908183bc08e13b44.png
[u_3233018629_661478410_fm_173_app_25_f_JPEG_w_554_h_699_s_E950ED12110E654F0AFDC5DB0000C0B1]: /images/20220325/be76ee77b25e4b23a3138c778955fd31.png
[u_12826350_558119835_fm_173_app_25_f_JPEG_w_554_h_214_s_89285D324D2A45201CD5D1DA000080B3]: /images/20220325/80884d5660f443caad912b0a658fcaeb.png