Java Web入门之开发环境的搭建(包括下载Tomcat和 Eclipse for Java EE）

妖狐艹你老母 2023-09-30 15:39 1阅读 0赞

**如配置过程有问题可以点赞关注收藏后私信博主~~~**

**静态网页的开发非常简单 在windows操作系统下用记事本也可以开发 但是开发动态网站 例如Java Web应用程序 就需要先搭建好开发环境 首先需要安装开发工具本JDK 然后需要安装Web服务器和数据库**

**1：Tomcat的安装与配置**

首先进入官网 [Tomcat][]

找到左侧的download栏

![b5a9c5e6750e4393b30fd9dbc23454a0.png][]

一般下载最新的版本就行 它会自动向下兼容 然后根据自己电脑的位数下载对应的版本

![99d653788f874ea88fd769c7f2dd8af8.png][]

下载完成之后 是一个zip格式的压缩包 将其解压缩即可使用 并不需要安装

下载后目录结构如下

![e851ee9dfc13404ab01c439c758b4cdc.png][]

**修改Tomcat的默认端口**

Tomcat的默认服务端口是8080 但该端口不是Tomcat唯一的端口 可以进行修改防止与原本进程冲突 修改步骤如下

**1：用记事本打开上图conf文件夹中的server.xml文件**

找到如下代码

将里面端口号的8080修改你想要的端口号即可

![ef4356db0d0a4c6893fce25b6ddd74bc.png][]

**2：Eclipse的下载与使用**

Eclipse官网链接[Eclipse][]

注意要下载以下这个版本

![4cd264f6439e441aa0e531e49bccb931.png][]

启动后随意选择你的工作空间 你也可以点击左下角那个按钮表示以后不再提醒

**3：使用Eclipse开发Web应用**

创建一个项目 注意要选择Dynamic Web Project开发

**创建JSP文件**

![dfacabf6f7ce46f1a9d74c032682926c.png][]

右击创建一个JSP文件 都采用默认设置 然后将JSP文件中的默认代码修改为如下代码 然后保存

<%@ page language="java" contentType="text/html; charset=GB18030"
        pageEncoding="GB18030"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML4.01 Transitional//EN""http://www.w3.org./TR/html4/loose.dtd">
    <html>
    <head>
    <meta  http-equiv="Content-Type" content="text/html; charset=GB18030">
    <title>第一个java web应用</title>
    </head>
    <body>
    <center>
    保护环境 从我做起
    </center>
    
    </body>
    </html>

**配置Web服务器**

在Eclipse工作台的其他视图中选中服务器视图 右击选择**New/Server** 打开对话框后展开Apache节点 然后选中该节点下的**Tomcat v10.0 Server** 其他采用默认设置 然后单击Next

然后单击Browse按钮 选择你Tomcat的安装路径 其他采用默认设置 然后单击Finish结束

**发布项目到Tomcat并运行**

在工具栏上单击绿色的三角箭头 选择**Run As/Run on Server** 然后选中左下角的按钮 其他默认

然后单击Finish 运行后效果如下

![d544728b5c794af7b99ca571ae156281.png][]

**如配置过程有问题可以点赞关注收藏后私信博主~~~**

[Tomcat]: https://tomcat.apache.org/download-10.cgi
[b5a9c5e6750e4393b30fd9dbc23454a0.png]: https://img-blog.csdnimg.cn/b5a9c5e6750e4393b30fd9dbc23454a0.png
[99d653788f874ea88fd769c7f2dd8af8.png]: https://img-blog.csdnimg.cn/99d653788f874ea88fd769c7f2dd8af8.png
[e851ee9dfc13404ab01c439c758b4cdc.png]: https://img-blog.csdnimg.cn/e851ee9dfc13404ab01c439c758b4cdc.png
[ef4356db0d0a4c6893fce25b6ddd74bc.png]: https://img-blog.csdnimg.cn/ef4356db0d0a4c6893fce25b6ddd74bc.png
[Eclipse]: https://www.eclipse.org/downloads/packages/
[4cd264f6439e441aa0e531e49bccb931.png]: https://img-blog.csdnimg.cn/4cd264f6439e441aa0e531e49bccb931.png
[dfacabf6f7ce46f1a9d74c032682926c.png]: https://img-blog.csdnimg.cn/dfacabf6f7ce46f1a9d74c032682926c.png
[d544728b5c794af7b99ca571ae156281.png]: https://img-blog.csdnimg.cn/d544728b5c794af7b99ca571ae156281.png