一、Web项目的创建

File  New  Other...   Dynamic Web Project       

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

Web 项目结构与部署发布 随笔 第1张

输入信息:项目名、选择版本、

Web 项目结构与部署发布 随笔 第2张

Web 项目结构与部署发布 随笔 第3张

编译后,class文件所在位置

 Web 项目结构与部署发布 随笔 第4张

访问Context root的名称、访问的目录、自动生成web.xml(方便做扩展)

Web 项目结构与部署发布 随笔 第5张

之后点击finish,完成创建。

 

在WEB-INF下,创建classes文件夹(把项目打包成Web包的时候,需要)

选中WEB-INF,右键、New、Folder,输入名称classes

Web 项目结构与部署发布 随笔 第6张

 

 在WebContent文件下,创建css、js文档

 

重定向编译后的class文件的指向:

选中根项目,右键属性properties,修改成图片中样子。

 Web 项目结构与部署发布 随笔 第7张

 

 

 二、Tomcat的安装与配置

Web 项目结构与部署发布 随笔 第8张

 

 Web 项目结构与部署发布 随笔 第9张

 

 然后,解压在没有空格、中文的文件夹下

在配置好jdk环境变量的情况下:

Web 项目结构与部署发布 随笔 第10张

打开,解压缩的文中中:bin目录下startup.bat 

Web 项目结构与部署发布 随笔 第11张

 

 eclipse中 window  、show view 、other  、Server、servers

 Web 项目结构与部署发布 随笔 第12张

创建tomcat与eclipse关联

Web 项目结构与部署发布 随笔 第13张

然后选择Apache目录下,对应的Tomcat版本。

然后配置名称、路径、JRE

Web 项目结构与部署发布 随笔 第14张

在tomcat导入项目:

选中图片中条目,右键、Add and Remove,双击要加载的项目,finish

Web 项目结构与部署发布 随笔 第15张

 

 Web 项目结构与部署发布 随笔 第16张

配置好后:

Web 项目结构与部署发布 随笔 第17张

 选中、右键、start,效果图:

Web 项目结构与部署发布 随笔 第18张

 小技巧:

Web 项目结构与部署发布 随笔 第19张

1.修改文档

Web 项目结构与部署发布 随笔 第20张

2.直接debug模式打开,替代原来的start

 

使用根目录访问网页:

选中项目,properties,Web Project Setting,修改Context root 为 /

之后就可以直接通过根目录,访问网页了

Web 项目结构与部署发布 随笔 第21张

 

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄