Eclipse创建一个简单的web项目
时间:2021-11-16

eclipseneon汉化版;

1.右击新建->选择动态web项目。

Eclipse创建一个简单的web项目

2.填写项目名项目位置;选择dynamicwebmoduleversion和tomcatversion;点击完成创建项目;

Eclipse创建一个简单的web项目

2.1:项目名称:

2.2:项目位置:

2.3:dynamicwebmoduleversion与tomacatversion之间存在版本匹配关系:匹配关系如下图所示。

Eclipse创建一个简单的web项目

3.成功创建项目结构:

Eclipse创建一个简单的web项目

4.创建项目结构后,首先检查项目属性:

4.1:查看项目路径(这里是什么路径?猜猜。);项目位置,(这里的位置是什么?猜);项目编码:utf-8;

Eclipse创建一个简单的web项目

4.2:查看项目构面:(发现红色框中的版本了吗?猜猜他们和什么有关系。

Eclipse创建一个简单的web项目

4.3项目部署:webdeploymentassembly(web部署集成)主要配置web部署目录;(这个部署目录会影响什么?

猜一下!)

Eclipse创建一个简单的web项目

4.4java编译器:如果这与您设置的jdk版本不一致,将导致您的项目编译失败。

Eclipse创建一个简单的web项目

4.5java构建路径:(猜猜构建路径是什么意思?猜猜它会影响什么。如果猜不到,点击下图箭头指示的添加文件夹,点击后打开目录结构,相信你会明白的);

Eclipse创建一个简单的web项目

这是第四步,我们需要了解上述属性是什么意思。只有这样,我们才能更好地理解整个项目结构,如果启动后出现404等路径问题,您的答案可能在上述配置中;

5.在webcontent目录下创建一个新页面index.jsp(即与web-info具有相同的目录级别)(注:位置必须在webcontent目录下猜测为什么。

Eclipse创建一个简单的web项目

index.jsp这个名字可以随便起;

Eclipse创建一个简单的web项目

输入index.jsp中的helloworld!

Eclipse创建一个简单的web项目

目录结构:

Eclipse创建一个简单的web项目

六、部署运行web项目:

Eclipse创建一个简单的web项目

6.1选择服务器我的是tomcat9。

Eclipse创建一个简单的web项目

7.点击完成后运行:

此时控制台信息:说明tomcat已经完成。

Eclipse创建一个简单的web项目

8.浏览器地址栏输入地址:localhost:8080/web02/(注:这里的地址只到项目地址,不写页面地址也可以访问。猜猜为什么。如果添加welcome.jsp页面,您还可以直接输入项目地址并直接访问index.jsp吗?你可以自己试试。然后猜猜为什么。

helloworld已显示在页面上!

恭喜成功创建一个简单的web页面。

Eclipse创建一个简单的web项目