1.5 eclipse 创建第一个web程序

1.首先我们打开eclipse

1.5 eclipse 创建第一个web程序_第1张图片

2.下面我们去eclipse配置tomcat

a) 菜单栏选择window--preferences

1.5 eclipse 创建第一个web程序_第2张图片

b) 在向导视图中找到Server

1.5 eclipse 创建第一个web程序_第3张图片

c) 在Server点击箭头,子项里找到runtime

1.5 eclipse 创建第一个web程序_第4张图片

d)这是我们在向导视图中选择 Add按钮添加tomecat

1.5 eclipse 创建第一个web程序_第5张图片

e) 选择tomcat 后选择next按钮,然后选择Browse按钮配置安装路径

1.5 eclipse 创建第一个web程序_第6张图片

f) 配置好tomcat后我们开始启动Servers
1.5 eclipse 创建第一个web程序_第7张图片
在Servers窗口中我们选择No Servers are available. Click this link to create a new server...

1.5 eclipse 创建第一个web程序_第8张图片
这时我们选择Tomcat v8.5 Server后选择Next按钮

1.5 eclipse 创建第一个web程序_第9张图片

因为暂时没有创建国任何web项目,所以直接选择Finish按钮

1.5 eclipse 创建第一个web程序_第10张图片

配置成功后我们可以在Servers窗口看到Tomcat服务了


g) 双击Tomecat v8.5 Servers at localhost
修改Server Locations的默认配置:选择Uset Tomcat installation (可以看到tomcat启动页)

1.5 eclipse 创建第一个web程序_第11张图片

h) 关闭配置页面

1.5 eclipse 创建第一个web程序_第12张图片

i) 启动tomcat
选择Start

1.5 eclipse 创建第一个web程序_第13张图片

启动成功后我们能看到下图

1.5 eclipse 创建第一个web程序_第14张图片

j) 打开IE,地址栏填写http://localhost:8080/

成功

1.5 eclipse 创建第一个web程序_第15张图片

 

3.创建web项目

a) 打开后在工具栏依次点击【File>>>New>>>Dynamic Web Project】,这个就代表新建的项目是WEB项目

1.5 eclipse 创建第一个web程序_第16张图片

b) 创建web工程

写入项目名称,点击Next按钮,
1.5 eclipse 创建第一个web程序_第17张图片

继续选择next按钮
1.5 eclipse 创建第一个web程序_第18张图片

将Generate web.xml前面的复选按钮钩中后,点击Finish完成

1.5 eclipse 创建第一个web程序_第19张图片

此时我们可以看到我们的web项目,并且带有web.xml

1.5 eclipse 创建第一个web程序_第20张图片

c) 新建index.jsp页面

在项目上右键选择New --> JSP File
1.5 eclipse 创建第一个web程序_第21张图片

在向导视图中的File name文本框中写入jsp页面全称:index.jsp

1.5 eclipse 创建第一个web程序_第22张图片

点击Finish完成后我们看到了index.jsp页面,编辑页面body的内容写入Hello JSP

1.5 eclipse 创建第一个web程序_第23张图片

d) 部署web项目
在Servers窗口的Tomcat 8.5上,右键选择Add and Remove

1.5 eclipse 创建第一个web程序_第24张图片


选中部署的项目选择Add

1.5 eclipse 创建第一个web程序_第25张图片

1.5 eclipse 创建第一个web程序_第26张图片

选择clean Module work directory

1.5 eclipse 创建第一个web程序_第27张图片

地址栏写入:http://localhost:8080/demo0906/ 

1.5 eclipse 创建第一个web程序_第28张图片



你可能感兴趣的:(java开发环境搭建)