eclipse入门之创建第一个web程序(jsp测试环境)

1.首先我们打开eclipse

eclipse入门之创建第一个web程序(jsp测试环境)_第1张图片

2.下面我们去eclipse配置tomcat

a) 菜单栏选择window--preferences

eclipse入门之创建第一个web程序(jsp测试环境)_第2张图片

b) 在向导视图中找到Server

eclipse入门之创建第一个web程序(jsp测试环境)_第3张图片

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

eclipse入门之创建第一个web程序(jsp测试环境)_第4张图片

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

eclipse入门之创建第一个web程序(jsp测试环境)_第5张图片

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

eclipse入门之创建第一个web程序(jsp测试环境)_第6张图片

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

eclipse入门之创建第一个web程序(jsp测试环境)_第8张图片
这时我们选择Tomcat v8.5 Server后选择Next按钮

eclipse入门之创建第一个web程序(jsp测试环境)_第9张图片

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

eclipse入门之创建第一个web程序(jsp测试环境)_第10张图片

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

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

eclipse入门之创建第一个web程序(jsp测试环境)_第11张图片

h) 关闭配置页面

eclipse入门之创建第一个web程序(jsp测试环境)_第12张图片

i) 启动tomcat
选择Start

eclipse入门之创建第一个web程序(jsp测试环境)_第13张图片

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

eclipse入门之创建第一个web程序(jsp测试环境)_第14张图片
 

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

成功

eclipse入门之创建第一个web程序(jsp测试环境)_第15张图片

 

3.创建web项目

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

eclipse入门之创建第一个web程序(jsp测试环境)_第16张图片

如果在NEW的选项中没有找到Dynamic Web Project,选择others,然后在Web选项中找到Dynamic Web Project,

eclipse入门之创建第一个web程序(jsp测试环境)_第17张图片

b) 创建web工程

写入项目名称,点击Next按钮,
eclipse入门之创建第一个web程序(jsp测试环境)_第18张图片
 

继续选择next按钮
eclipse入门之创建第一个web程序(jsp测试环境)_第19张图片

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

eclipse入门之创建第一个web程序(jsp测试环境)_第20张图片

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

eclipse入门之创建第一个web程序(jsp测试环境)_第21张图片

c) 新建index.jsp页面

在项目上右键选择New --> JSP File
eclipse入门之创建第一个web程序(jsp测试环境)_第22张图片
 

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

eclipse入门之创建第一个web程序(jsp测试环境)_第23张图片

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

eclipse入门之创建第一个web程序(jsp测试环境)_第24张图片

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

eclipse入门之创建第一个web程序(jsp测试环境)_第25张图片
选中部署的项目选择Add

eclipse入门之创建第一个web程序(jsp测试环境)_第26张图片

eclipse入门之创建第一个web程序(jsp测试环境)_第27张图片

选择clean Module work directory

eclipse入门之创建第一个web程序(jsp测试环境)_第28张图片

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

eclipse入门之创建第一个web程序(jsp测试环境)_第29张图片

你可能感兴趣的:(eclipse入门之创建第一个web程序(jsp测试环境))