【零基础小白的华丽蜕变】创建第一个Dynamic Web Project项目之终章---Eclipse最后一战
[catalog]
一、创建第一个Dynamic Web Project项目
1. Eclipse下载及安装
2. Eclipse 配置 Tomcat
3. Eclipse 配置 Maven
4. Eclipse 美化界面
5. Eclipse 设置编码
6. 创建我们的第一个Dynamic Web Project项目
为什么我不用 IntelIij IDEA ?
1.Eclipse下载及安装
Eclipse （日食，月食）本身只是一个框架平台，但是众多插件的支持使得Eclipse拥有其他功能相对固定的IDE软件很难具有的灵活性。许多软件开发商以Eclipse为框架开发自己的IDE。
点击右上角的 Download 进入到下载页面
！！！如果点击后不跳转页面而是下载HTML就按住Ctrl再点，强制跳转新页面！！！
点击 Download Packages 进入到 Eclipse 安装包下载页面
这里要选择4.16版本，不要问我为什么，这是我加了一晚上班得出的结论
我选的企业版，毕竟有工作才能去实现理想，右边对应操作系统，我的电脑是Windows64位的
这里要选择一下镜像地址，不然下载的会很慢
中国地区随便选一个
等待下载…
下载完成后解压，eclipse.exe右键发送快捷方式到桌面
咻~（高级转场特效）
双击桌面的eclipse图标，进入eclipse，Workspace是工作空间，可以自己任意指定，可以看到我的工作空间名叫JDK11，没错！以后的教程我将使用JDK11的新特性来写。我们要站在新技术的前沿！引领时尚潮流！！！
点击“Launch”发射。
欢迎页面，注意右下角，不要打勾，关掉此页面，以后就不会每次进入eclipse都显示该页面了。
2.Eclipse配置Tomcat
单击“Window”菜单，选择下方的“Preferences”
找到“Server”选项，单击下面的“Runtime Environment”，点击“Add”添加按钮，弹出界面
选择我们之前安装好的Tomcat版本（我安装的是9）单击“Next”下一步
只需指定一下Tomcat的安装路径即可，其他默认，无需更改，点击“Finish”完成
Tomcat服务器就配置好了，点击“Apply and Close”应用并关闭
返回到Eclipse主界面查看“Servers”窗口，提示说：没有服务器可用，点击新建一个服务器
如果下面没有“Servers”窗口，单击“Window”菜单，选择下方的“Show View”，选择下方的“Servers”
单击新建服务器后弹出界面，先直接“Finish”，因为现在还没有项目，没办法部署发布
最终效果如图，服务器窗口已经显示Tomcat9了，Eclipse的工程资源管理器（Project Explorer）中也出现了Tomcat的配置文件，还需要最后一步！不要倒在黑暗前的黎明，我们要设置下服务器的启动位置，不然Eclipse启动不了Tomcat，双击下面的Tomcat服务器，进入设置页面
切换一下服务器地址，选中第二个选项，关闭页面，保存或者Ctrl+s 保存后点击小绿箭头启动服务器
切换到“Console”视图，看到服务器启动成功的log
打开浏览器，输入：http:localhost:8080 看到熟悉的汤姆猫就说明配置成功，可以进行下一步了，没出现的请重复以上步骤
3.Eclipse配置Maven
单击“Window”菜单，选择下方的“Preferences”
找到“Maven”选项，单击下面的“Installations”，发现新版本的Eclipse已经自带了maven插件，无需自己再安装maven
但仔细查看后，发现使用的都是默认配置，本地仓库的目录在C:\Users\Administrator.m2\repository
这里是可以更改配置文件的，但之前我们自己都配置安装好Maven了，还是使用自己的Maven吧，毕竟我还是个菜鸡，万一以后出什么问题不好找。
回到“Installations”选项卡，点击“Add”弹出界面
这里只需要选择安装目录即可，下面会自动默认，点击“Finish”完成
这里不要忘了把刚添加的Maven打上√，然后去检查下用户配置，看有没有自动更新
回到“User Settings”查看配置文件，发现引用的还是之前自带的配置文件
这里需要改一下引用配置文件的地址，点击“Browse…”
找到自己下载安装好的Maven，选中配置文件，确定
再次回到用户配置界面，路径和本地仓库的位置都更新正确了，点击“Apply”应用配置，点击“Apply and Close”应用配置并关闭，至此Maven也配置完毕了。
4.Eclipse美化界面
单击“Window”菜单，选择下方的“Preferences”，点开“General”找到“Editors”选项卡，点击下方的“Text Editors”，拉到最下。
依次是：行号、当前行、打印线、作用域、选中行前景色、选中行背景色、前景色、背景色、超链接
颜色自行设置，挑自己喜欢的就可以。
护眼的豆沙绿：色调：85 饱和度：120 亮度：208
据说远离编程可以缓解眼疲劳哦。
看一下设置后的效果，字体有点小
单击“Window”菜单，选择下方的“Preferences”，搜索栏搜索“font”点击“Color and Fonts”右面的选项卡选中“Basic”
下拉滚动条找到“Text Font”点击右面的“Edit”
设置自己喜欢的字体样式和大小，应用并关闭。
最终效果如下：
5.Eclipse 设置编码
好的开始是成功的一半，在开发过程中，我们常会遇到中文乱码问题，因此我们需要将编码格式设一致，一般将编码格式设置为UTF-8格式(根据各自的项目需要设置编码，一般项目大多用UTF-8编码)。
- 设置工作空间编码格式
在Window–》Preferences–》General–》Workspace下，面板Text file encoding 选择UTF-8格式
也可以直接搜索“Workspace”，应用并关闭
- 设置JSP和HTML页面编码格式
在Window–》Preferences–》Web–》JSP Files 面板选择 ISO 10646/Unicode(UTF-8)格式编码
也可以直接搜索“JSP Files”，应用并关闭
6. 创建我们的第一个Dynamic Web Project项目
回到Eclipse的初始界面File–》New–》Dynamic Web Project–》
快捷键：Alt+Shift+N
不要着急点“Finish”，一步一步来，首先输入我们的项目名，点击“Next”
source folders on build path：构建路径上的源文件夹
Out folder：.class编译输出的目录，如果不设置output folder，默认输出路径为与.java文件同一个文件夹下。
默认就行，点击“Next”
这里注意把生成web.xml的√打上，菜鸡的我们不会写xml配置文件。。。得让Eclipse帮助我们生成，最后点击“Finish”
稍等片刻，我们的第一个Dynamic Web Project项目就建好了！
可以看到我们的项目下已经有生成好的web.xml了，打开web.xml文件，可以看到默认欢迎页面是index.jsp，项目里没有jsp，怎么办？右键新建jsp
右键WebContent目录，New–》JSP File 创建新的JSP页面，把名字改成“index.jsp”，点击“Finish”
打开刚刚建好的jsp，找到“body”标签，随便打上两句话，保存，启动Tomcat服务器
咻~（高级转场特效）
打开浏览器，输入 http://localhost:8080/ITGodRoad/，（8080是端口号，ITGodRoad是项目名）回车后就可以看见我们刚才在jsp里打的话了，这是一个有趣的世界！