自学eclipse 建立网站第一课

最近一直在学习使用eclipse 建立web项目,想逐步实现建立网站,吸引流量,赚钱盈利的目的,这就是我的源动力。今天先记录第1课,也作为一各备忘。
 eclipse 创建第一个web程序

1.首先我们打开eclipse

自学eclipse 建立网站第一课

2.下面我们去eclipse配置tomcat

a) 菜单栏选择window--preferences

自学eclipse 建立网站第一课

b) 在向导视图中找到Server

自学eclipse 建立网站第一课

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

自学eclipse 建立网站第一课

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

自学eclipse 建立网站第一课

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

自学eclipse 建立网站第一课

f) 配置好tomcat后我们开始启动Servers
自学eclipse 建立网站第一课
在Servers窗口中我们选择No Servers are available. Click this link to create a new server...

自学eclipse 建立网站第一课
这时我们选择Tomcat v8.5 Server后选择Next按钮

自学eclipse 建立网站第一课

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

自学eclipse 建立网站第一课

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


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

自学eclipse 建立网站第一课

h) 关闭配置页面

自学eclipse 建立网站第一课

i) 启动tomcat
选择Start

自学eclipse 建立网站第一课

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

自学eclipse 建立网站第一课

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

成功

自学eclipse 建立网站第一课

 

3.创建web项目

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

自学eclipse 建立网站第一课

b) 创建web工程

写入项目名称,点击Next按钮,
自学eclipse 建立网站第一课

继续选择next按钮
自学eclipse 建立网站第一课

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

自学eclipse 建立网站第一课

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

自学eclipse 建立网站第一课

c) 新建index.jsp页面

在项目上右键选择New --> JSP File
自学eclipse 建立网站第一课

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

自学eclipse 建立网站第一课

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

自学eclipse 建立网站第一课

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

自学eclipse 建立网站第一课


选中部署的项目选择Add

自学eclipse 建立网站第一课

自学eclipse 建立网站第一课

选择clean Module work directory

自学eclipse 建立网站第一课

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

自学eclipse 建立网站第一课




1.首先我们打开eclipse

自学eclipse 建立网站第一课

2.下面我们去eclipse配置tomcat

a) 菜单栏选择window--preferences

自学eclipse 建立网站第一课

b) 在向导视图中找到Server

自学eclipse 建立网站第一课

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

自学eclipse 建立网站第一课

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

自学eclipse 建立网站第一课

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

自学eclipse 建立网站第一课

f) 配置好tomcat后我们开始启动Servers
自学eclipse 建立网站第一课
在Servers窗口中我们选择No Servers are available. Click this link to create a new server...

自学eclipse 建立网站第一课
这时我们选择Tomcat v8.5 Server后选择Next按钮

自学eclipse 建立网站第一课

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

自学eclipse 建立网站第一课

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


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

自学eclipse 建立网站第一课

h) 关闭配置页面

自学eclipse 建立网站第一课

i) 启动tomcat
选择Start

自学eclipse 建立网站第一课

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

自学eclipse 建立网站第一课

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

成功

自学eclipse 建立网站第一课

 

3.创建web项目

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

自学eclipse 建立网站第一课

b) 创建web工程

写入项目名称,点击Next按钮,
自学eclipse 建立网站第一课

继续选择next按钮
自学eclipse 建立网站第一课

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

自学eclipse 建立网站第一课

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

自学eclipse 建立网站第一课

c) 新建index.jsp页面

在项目上右键选择New --> JSP File
自学eclipse 建立网站第一课

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

自学eclipse 建立网站第一课

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

自学eclipse 建立网站第一课

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

自学eclipse 建立网站第一课


选中部署的项目选择Add

自学eclipse 建立网站第一课

自学eclipse 建立网站第一课

选择clean Module work directory

自学eclipse 建立网站第一课

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

自学eclipse 建立网站第一课