准备环境
准备JDK：
- (1) 去官网下载JDK，百度搜索JDK，然后官网下载
- (2) 安装并配置JDK环境变量
准备Eclipse
(1) 去官网下载Eclipse，百度搜索Eclipse，然后官网下载，注意选择国内镜像源
(2) 解压Eclipse，即可使用（前提是：配置好JDK）
方式一：下载程序合集
第一步：
若在浏览器中输入https://www.eclipse.org/downloads/，则如图下显示并选择Download 64 bit：
第二步：
选择Select Another Mirror中的中国镜像源
第三步：
注意：安装选择的时候选择 Eclipse IDE for Enterprise Java Developers
方式二：下载单独
第一步：
若在浏览器中输入https://www.eclipse.org/downloads/，则如图下显示并选择Download Packages：
第二步：
选择Eclipse IDE for Enterprise Java Developers中的Windows 64-bit
准备mysql
- (1) 去官网下载mysql，百度搜索mysql，去官网下载，注意选择社区版
- (2) 解压并安装
第一步：
若在浏览器中输入https://www.mysql.com/，则如图下显示并选择Downloads：
第二步：
下载社区版本，选择 MySQL Community（GPL） Downloads
再选择 MySQL Community Server
免安装版本：
如图所示，选择：
安装版本：
如图所示，选择：
其中，18.6MB为下载器工具，398.8MB为完整程序合集
准备图形化工具（HeidiSQL）
- (1) 下载并安装图形化工具
- (2) 链接mysql
除此之外还有很多如：Navicat、SQLyog、PhpMyadmin、Workbench（可在官网下载）
在浏览器中输入https://www.mysql.com/，则如图下显示并选择Downloads，选择最新版本对应的Installer，32/64 bit combined即可下载
关于HeidiSQL安装和使用教程可点击本处
注意：在连接数据库的时候要确保MySQL数据库的用户名和密码是正确的
准备tomcat
- (1) 去官网下载tomcat，百度搜索tomcat，然后官网下载
- (2) 解压
- (3) 在Eclipse中配置tomcat
第一步：
若在浏览器中输入http://tomcat.apache.org/，则如图下显示并选择右侧Download中的Tomcat 8
第二步：
选择 64-bit Windows zip（pgp，sha512）
第三步：
配置tomcat
选择Window中Preferences，查找Server中的Runtime Environments
第四步：
Add添加所对应的tomcat版本
第五步：
Browse…选择tomcat对应的路径，以及jre选择
点击Finish，如图显示，说明添加成功
开发前准备
配置工作空间的编码格式
选择Windows中Preferences，查找General中的Workspace，Text file encoding 默认为GBK，修改为 UTF-8
配置jsp的编码格式
选择Window中Preferences，查找Web中JSP Files，Encoding修改为ISO 10646/Unicode（UTF-8）
项目部署到tomcat中的目录结构
- （1）部署的位置：配置tomcat是勾选第二个选项
- （2）源码—>部署到/WEB-INF/classes下面
- （3）剩下的WebContent下面保持不变
- （4）根据项目名生成文件夹
- （5） src等目录会消失
第一步：
选择Window中Show View，查找Servers
第二步：
点击红框，如图所示：
点击Finish
第三步：
方法一：
选中，如图所示，点击open进行修改
方法二：
双击
第四步：
点击红框，注意保存
项目运行部署的位置
第五步：运行
方法一：
选中右击，选择Start和Debug都可，如图显示：
方法二：
右上角，红框选择任意都可，如图显示：
创建项目
“下一步”方式创建:
勾选自动生成web.xml文件
“完成”方式创建：
需要手动生成web.xml文件
项目的目录结构：
- (1) Java Resources–>源代码和配置文件
- (2) WebContent–>放置页面和资源文件
- (3) WEB-INF–>放置页面，放置的页面不能通过路径直接访问
- (4) lib–>需要的jar包
实现步骤：
第一步：
空白处右击，选择Web中的Dynamic Web Project并点击Next
第二步：
输入项目名称：demo，点击Next
第三步：
勾选红框，目的生成web.xml文件
如果未勾选，解决方法为：
需要在项目上右击选择Generate Deployment Descriptor Stub
第四步：
最终如图显示，说明创建成功
其中web.xml修改代码
注意：修改代码格式为：Ctrl + Shift + F
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns="http://xmlns.jcp.org/xml/ns/javaee"
xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
id="WebApp_ID" version="3.1">
<display-name>demo</display-name>
<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
</web-app>
第五步：
在WebContent中创建index.jsp
第六步：
代码部分为：
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>首页</title>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>
其中如果出现bug，如图所示：
则说明没有导入jar包，如图显示：
第七步：
故，在demo项目上，右击Build Path选择Configure and Path
第八步：
点击Add Library，选择Server Runtime，然后点击Next
第九步：
点击Finish
点击Apply and Close
如图显示，说明jar包导入成功
第十步：
运行下，如图显示：
右击选择Add and Remove，添加项目，如图所示
点击Finish
效果图：
若在浏览器中输入http://localhost:8080/demo/，则如图下显示：
