本章目录

• Part One：Eclipse和Tomcat下载
• Part Two：创建Dynamic Web Application项目
• Part Three：关联Tomcat

Part One：Eclipse和Tomcat下载

1. Eclipse下载
   Eclipse是一个由Java实现的IDE工具，所以在使用前需要安装和配置JDK，过程就不再赘述了，具体可以看这个JDK的安装与环境配置。
   做Web项目，需要使用Eclipse的Jave EE版本，下载地址为点我跳转。
   
   Eclipse下载.png
   
   如上图所示，RELEASES是以前的历史版本，当前默认的是OXYGEN版，可自行选择版本，然后根据自己电脑的操作系统选择相应的Download Links下载。
   需要注意的是，点击下载链接时，可能会弹出一个窗口，显示20之类的，这并不是说Eclipse要收费，而是donate捐赠，可以找一个类似于 continue之类的字样跳过。
   Eclipse下载好后，解压到一个纯英文的目录即可，不再多说了。
2. Apache Tomcat下载
   Tomcat的下载版本需要注意和JDK版本的关联，并且也要考虑市面上主要的项目版本。
   
   Tomcat版本对照.png
   
   上图是Tomcat和其对应的组件版本，相对来说：
   Tomcat 9.0.x 未证实稳定性，可暂时不考虑；
   Tomcat 8.5.x 属于比较稳定的范畴，可以考虑；
   Tomcat 8.0.x 废弃了，不用考虑；
   Tomcat 7.0.x 稳定，市面上很多项目也是基于Tomcat7建立的，升级迭代没有那么快。
   由于我不是专业的Java服务端从业人员，主业还是Android开发，所以我会选择Tomcat8.5。而如果你想要专门从事Java服务端开发，推荐还是使用Tomcat7.0.x版本。
   Tomcat 8.5.x 的下载地址为点我跳转，如下图所示，选择相应的core下载，解压即可。
   
   Tomcat下载.png

Part Two：创建Dynamic Web Application项目

1. 切换视图
   打开Eclipse，默认是Java EE视图，如果不是或者切换到了别的视图，可以选择右上角的open perspective按钮，选择Java EE，然后open即可。

   
   
   Java EE视图.png

2. 创建项目
   

   在Project Exployer单击鼠标右键，依次选择New -> Dynamic Web Project
   创建项目.png

3. 配置关联
   在弹出的窗口里，如下图所示填写：

   
   
   Create New Project.png
   
   

   Project name：项目名称，可随意填写；
   Use default location：默认打勾，是存放到工作空间，不打勾可自行选择项目目录，依照个人喜好选择；
   Target runtime：第一次创建时，此处需要设置，之后创建项目默认使用上一次的配置。配置步骤为：New RunTime -> 选择先前下号的Tomcat版本即可 -> next -> browse选择解压缩路径 -> Jre选择之前配置的环境变量JDK -> finish即可。

   
   
   Tomcat配置Runtime.gif
   
   dynamic web module version：与servlet版本有关，使用tomcat8.5.x的话使用的是3.1。
   Configuration：使用default默认即可。

4. 生成web.xml
   填上上述配置后，选next，不要点finish，直接下图位置

   
   
   webxml.png
   
   

   勾上Generate web.xml deployment descriptor选项，再点finish，即可完成项目的创建。

Part Three：关联Tomcat

1. 找到server窗口
   在Eclipse的下方找到如下窗口，并选择server标签页。

   
   
   server标签页.png
   
   

   如果没有，请依次点击Windows -> Perspective - > Reset Perspective，重置所有视图窗口或者找到如下图所示位置展开。

   
   
   控制台.png

2. 关联
   点击link，然后在弹出窗口点next

   
   
   link.png

3. Add项目
   在上步弹出窗口中，选中项目，然后点add。

   
   
   Add.png
   
   

   Available代表可以部署到Tomcat的项目；
   Configured代表通过工具部署到Tomcat的webapp文件夹下，当然，因为是代理，在tomcat的安装目录里并一定能找到该项目。

4. 完成
   依次填好后，选finish结束。然后右键单击下图条目，选start即可完成启动

   
   
   完成.png
   
   

   需要注意的是，此时要保证外部是没有通过Tomcat的bin目录下的startup启动过Tomcat，否则会出现端口号被占用的情况。

所有步骤都操作完成后，在WebContent下新建个index.html，然后restart tomcat，在浏览器验证结果即可。

验证.png