02 eclipse中配置Web项目(含eclipse基本配置和Tomcat的配置)

eclipse搭建web项目

一、Eclipse基本配置

找到首选项:

02 eclipse中配置Web项目(含eclipse基本配置和Tomcat的配置)_第1张图片

 

 

 

(一)配置编码

02 eclipse中配置Web项目(含eclipse基本配置和Tomcat的配置)_第2张图片

 

(二)配置字体

02 eclipse中配置Web项目(含eclipse基本配置和Tomcat的配置)_第3张图片

02 eclipse中配置Web项目(含eclipse基本配置和Tomcat的配置)_第4张图片

(三)配置jdk

 02 eclipse中配置Web项目(含eclipse基本配置和Tomcat的配置)_第5张图片

 

 

 02 eclipse中配置Web项目(含eclipse基本配置和Tomcat的配置)_第6张图片

 

 

 02 eclipse中配置Web项目(含eclipse基本配置和Tomcat的配置)_第7张图片

 

 

 02 eclipse中配置Web项目(含eclipse基本配置和Tomcat的配置)_第8张图片

(四)配置Tomcat

02 eclipse中配置Web项目(含eclipse基本配置和Tomcat的配置)_第9张图片

 

 

 

二、Tomcat配置

02 eclipse中配置Web项目(含eclipse基本配置和Tomcat的配置)_第10张图片

 

 

 02 eclipse中配置Web项目(含eclipse基本配置和Tomcat的配置)_第11张图片

 

 

 02 eclipse中配置Web项目(含eclipse基本配置和Tomcat的配置)_第12张图片

 

 

 02 eclipse中配置Web项目(含eclipse基本配置和Tomcat的配置)_第13张图片

 

 

 

三、切换视图,检查Tomcat

02 eclipse中配置Web项目(含eclipse基本配置和Tomcat的配置)_第14张图片

 

 

 02 eclipse中配置Web项目(含eclipse基本配置和Tomcat的配置)_第15张图片

 

 

出现下面的选项,然后点击创建服务器: 

02 eclipse中配置Web项目(含eclipse基本配置和Tomcat的配置)_第16张图片

 

选择对应的Tomcat版本:

 

 02 eclipse中配置Web项目(含eclipse基本配置和Tomcat的配置)_第17张图片

02 eclipse中配置Web项目(含eclipse基本配置和Tomcat的配置)_第18张图片

 

 双击打开服务器,并编辑: 

 02 eclipse中配置Web项目(含eclipse基本配置和Tomcat的配置)_第19张图片

 

 

 

 

 

 

 

 

 

 

 

 

启动Tomcat服务器:

02 eclipse中配置Web项目(含eclipse基本配置和Tomcat的配置)_第20张图片

 

 

 启动Tomcat服务器的时候,如果出现下面问题:

02 eclipse中配置Web项目(含eclipse基本配置和Tomcat的配置)_第21张图片

 

 

这个就是端口被占用,启动Tomcat之前,需要结束之前启动的Tomcat。

Tomcat启动成功之后,在浏览器地址栏输入:http://localhost:8080。回车出现下图:

02 eclipse中配置Web项目(含eclipse基本配置和Tomcat的配置)_第22张图片

 

 

 

四、修改Tomcat的默认端口

 

Tomcat的根目录下面的conf文件夹下面的server.xml文件

 

 

 

五、创建web项目

02 eclipse中配置Web项目(含eclipse基本配置和Tomcat的配置)_第23张图片

02 eclipse中配置Web项目(含eclipse基本配置和Tomcat的配置)_第24张图片

 

 

 02 eclipse中配置Web项目(含eclipse基本配置和Tomcat的配置)_第25张图片

需要勾选下面的复选框,否则不会自动生成web.xml配置文件!!!

02 eclipse中配置Web项目(含eclipse基本配置和Tomcat的配置)_第26张图片

此时web项目已经创建完毕,eclipse中的源代码目录结构如下:

02 eclipse中配置Web项目(含eclipse基本配置和Tomcat的配置)_第27张图片

 

 

 

六、部署并启动web项目

启动Tomcat之前,需要将创建的Web项目部署到Tomcat容器中!

 

 02 eclipse中配置Web项目(含eclipse基本配置和Tomcat的配置)_第28张图片

 

 

02 eclipse中配置Web项目(含eclipse基本配置和Tomcat的配置)_第29张图片

 

 

Web项目部署成功后,可以在Tomcat容器下看到该项目。

 02 eclipse中配置Web项目(含eclipse基本配置和Tomcat的配置)_第30张图片

方便稍后访问Web项目的首页,在WebContent根目录下创建:“index.html”文件。

 

 

 02 eclipse中配置Web项目(含eclipse基本配置和Tomcat的配置)_第31张图片

 

 

在index.html文件内,随意编写简单代码! 

02 eclipse中配置Web项目(含eclipse基本配置和Tomcat的配置)_第32张图片

 

 

 

使用上述方式,再次启动并访问web项目:【注意端口不要被占用!!!】

访问地址:http://localhost:8080/web_test/

02 eclipse中配置Web项目(含eclipse基本配置和Tomcat的配置)_第33张图片

 

 

 

【补充内容】当第一次使用jsp页面的时候,JSP页面的默认编码是ISO-8859-1,为了支持中文,需要修改JSP默认编码为UTF-8。

02 eclipse中配置Web项目(含eclipse基本配置和Tomcat的配置)_第34张图片

 

 

 02 eclipse中配置Web项目(含eclipse基本配置和Tomcat的配置)_第35张图片

 

你可能感兴趣的:(02 eclipse中配置Web项目(含eclipse基本配置和Tomcat的配置))