第一篇 Java Web基础篇
第1章 搭建开发环境
本章通过Step by Step的方式，说明在Windows下如何安装JDK、服务器Tomcat，以及开发工具Eclipse，并介绍如何安装MyEclipse插件。最后介绍如何通过使用MyEclipse来进行Web开发。
通过本章的学习，读者应该能够完成如下几个目标。
· 安装JDK，并配置环境变量。
· 安装Tomcat，并配置虚拟目录。
· 安装Eclipse，并安装MyEclipse插件。
· 使用MyEclipse新建Web项目。
· 使用MyEclipse整合Tomcat服务器。
· 使用MyEclipse部署项目。
1.1 下载并安装JDK
如果需要运行有关的Java程序，就需要安装JRE（Java Runtime Environment，Java运行时环境）。而如果需要编译并执行有关Java程序，就必须安装JDK（Java 2 Software Development kit，Java软件开发工具包）。本节将详细介绍如何下载并安装JDK，并介绍如何配置环境变量，最后将通过一个简单的Java程序示例，来验证JDK是否成功安装。
1.1.1 下载JDK
下载JDK非常简单，只需按照如下步骤操作，即可从Sun公司的官方网站获得免费的JDK。
进入Java官方首页http://java.sun.com/，页面如图1-1所示。
图1-1 Java官方首页
单击其中的【Dowloads】菜单栏，并选择其中的【Java SE】链接，页面跳转到Java SE下载页面，如图1-2所示。
图1-2 Java SE下载页面
单击【JDK 6 Update 7】选项右边的【Download】链接进行下载，页面跳转到JDK 6 Update 7选择下载页面，如图1-3所示。
图1-3 JDK 6 Update 7选择下载页面
通过下拉菜单列表选择所使用的操作系统平台及语言环境，并勾选“I agree to the Java SE Development Kit 6 License Agreement”，单击【Continue】按钮，页面跳转到JDK 6 Update 7下载页面，如图1-4所示。
图1-4 JDK 6 Update 7下载页面
该下载页面包含两个版本的安装文件，一个是“Windows Offline Installation”，即离线安装版本，一个是“Windows Online Installation”，即在线安装版本。为了安装方便，这里选择离线安装版本。单击【jdk-6u7-windows-i586-p.exe】链接，进行下载。
1.1.2安装JDK
JDK下载完成以后，就可以通过下载的安装文件来安装了，步骤如下。
双击下载好的“jdk-6u7-windows-i586-p.exe”文件，打开许可证协议确认界面，如图1-5所示。
图1-5 许可证协议确认界面
在打开的许可证协议确认界面中单击【接受】按钮，打开自定义安装界面。
在安装界面的列表中选择相应的选项，如“开发工具”。单击其中的【更改】按钮，即可指定该选项的安装目录，比如安装到“C:\jdk1.6.0_07\”路径下。如果不希望使用某些功能，如“Java DB”选项，可以单击其选项前面的
按钮，并选择“此功能将不可用”选项。配置完成后，单击【下一步】按钮进入JDK安装界面。
数分钟后JDK安装完成，将自动打开Java运行时环境自定义安装界面。
Java运行时环境配置和JDK配置完全相同，配置完成后单击【下一步】按钮进入Java运行时环境安装界面。
经过数分钟后，Java运行时环境安装完成，进入安装成功界面，如图1-6所示。单击其中的【完成】按钮，即可完成JDK的安装。
图1-6 JDK安装完成界面
1.1.3 配置环境变量
JDK安装成功了，但是目前还不能够使用控制台来编译和运行Java程序。要想使用控制台来编译和运行Java程序，还需要配置系统环境变量。步骤如下。
右键单击【我的电脑】，选择【属性】|【高级】，如图1-7所示。
图1-7 【高级】选项卡
在【高级】选项卡中单击【环境变量】按钮，打开【环境变量】配置窗口，如图1-8所示。
图1-8 环境变量配置窗口
根据自己的需要在【用户变量】或者【系统变量】区域单击【新建】按钮。这里值得注意的是，如果在【用户变量】中新建，那么环境变量只对该用户起作用；如果是【系统变量】，那么将对所有的用户起作用。打开的【新建用户变量】窗口如图1-9所示。
图1-9 新建用户变量窗口
在【变量名】文本框中输入“JAVA_HOME”，在变量值中输入JDK的安装路径，如“C:\jdk1.6.0_07”，单击【确定】按钮，完成“JAVA_HOME”环境变量的添加。通过同样的方法添加“CLASSPATH”环境变量，其变量值为“.;”。同时找到“PATH”环境变量，单击其中的【编辑】按钮进行修改，在其最开始位置添加文本“%JAVA_HOME%\bin;”。单击【确定】按钮完成修改。
通过上述步骤，环境变量就设置完成了，这时就可以通过控制台来编译并运行Java程序。
1.1.4 一个简单的Java程序
通过前面的步骤，已经安装好了JDK，并配置好了环境变量，这时就可以在控制台编译并运行Java程序了。
【范例1-1】下面来看一个简单的Java程序，如示例代码1-1所示。
示例代码1-1 HelloWorld.java
01 public class HelloWorld {
02 public static void main(String args[]) {
03 System.out.println("Hello,World!"); //控制台输出“Hello,World!”语句
04 }
05 }
【运行结果】下面编译该Java程序，单击【开始】|【运行】，输入“CMD”命令，打开控制台窗口，如图1-10所示。
图1-10 控制台窗口
在该控制台中找到源文件的路径，如“E:\JavaWeb\ch01”。这时可以输入“E:”，进入到E盘，然后输入“cd E:\JavaWeb\ch01”，这样就可以进入到“E:\JavaWeb\ch01”目录下，如图1-11所示。
图1-11进入“E:\JavaWeb\ch01”目录
要编译Java源文件，只需输入“javac”加文件名即可，如“javac HelloWorld.java”。
编译完成后就可以运行该Java程序了，运行Java程序时使用“java”命令加类名，如“java HelloWorld”，运行完成后，在控制台打印输出“Hello,World!”，如图1-12所示。
图1-12 运行Java程序
【代码解析】示例代码第1行创建了一个类HelloWorld，代码第2行添加了一个main方法，该方法为程序入口方法。在main方法中添加了一行System.out.println("Hello,World!")代码，表示在控制台打印输出“Hello,World!”字符串。
1.2 下载并安装Tomcat
如果需要进行Java Web开发，还需要安装Web服务器，这里选择Tomcat服务器。Tomcat服务器是由Apache开源组织开发并维护的，能够支持JSP和Servlet开发使用，而且Tomcat服务器是免费产品，并且提供了其源代码。本节将详细介绍如何下载并安装Tomcat服务器，并介绍如何配置虚拟目录，最后将通过一个简单的JSP程序示例来验证Tomcat服务器是否成功安装。
1.2.1 下载Tomcat
下载Tomcat服务器非常简单，只需按照如下步骤操作，即可从Apache的官方网站获得免费的Tomcat。
打开Apache官方站点“http://www.apache.org/”。
在右边的“Apache Projects”下找到“Tomcat”项目链接，单击该链接进入Tomcat项目首页。
从页面右边的“Download”系列链接中，可以看到目前Tomcat的最新版本为“Tomcat 6.x”，单击该链接进入“Tomcat 6.x”下载页面。
从该下载页面中可以看出目前Tomcat的最新版本为6.0.18。其中“Binary Distributions”下的文件都是编译好的二进制文件，而“Source Code Distributions”下面的文件为Tomcat的源代码，这里选择下载编译好的二进制文件。“Binary Distributions”下又分为两类，一类是“Core”即Tomcat核心，一类是“Deployer”即Tomcat部署文件，这里选择下载“Core”下的文件。“Core”下的文件又分为三种，一种是.zip格式的，即Windows下的压缩文件；一种是.tar.gz格式，即Linux下的压缩文件；一种是Windows Service Installer，即Windows安装文件。这里选择下载.zip格式的Tomcat即可。
1.2.2安装Tomcat
下载完成Tomcat服务器以后，就可以通过下载的压缩文件来安装Tomcat，步骤如下。
将下载好的“apache-tomcat-6.0.18.zip”解压，如解压到“E:\apache-tomcat-6.0.18”目录下，如图1-13所示。
图1-13 “E:\apache-tomcat-6.0.18”目录
打开安装目录下的“bin”文件夹，找到其中的“startup.bat”，双击该批处理文件，如图1-14所示。
图1-14 运行startup.bat
当控制台输出如“Server startup in 604 ms”的文本时，则表示Tomcat服务器启动成功。打开IE浏览器，在地址栏输入“http://localhost:8080”，打开页面如图1-15所示，则表示Tomcat服务器安装成功。
图1-15 Tomcat服务器首页
1.2.3 配置虚拟目录
虚拟目录即为保存网站资源如JSP等文件的目录，配置虚拟目录分为如下几个步骤。
在磁盘的任意位置创建一个文件夹，如“E:\JavaWebAPP”。该文件夹即为虚拟目录地址。
在虚拟目录中创建一个名为“WEB-INF”的文件夹，并在该文件夹中创建一个web.xml文件，web.xml代码如下所示。
<?xml version="1.0" encoding="ISO-8859-1"?>
<web-app xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
version="2.5">
</web-app>
打开Tomcat安装目录conf文件夹中的server.xml，找到文件最末端的“</Host>”，在其上面一行添加如下代码。
<Context path="/test" docBase="E:\JavaWebAPP"/>
为了使得虚拟目录生效，还需要使Tomcat服务器重新加载server.xml文件，所以必须重启Tomcat服务器。
1.2.4 一个简单的JSP程序
下面通过一个简单的JSP程序来验证虚拟目录是否配置成功。
【范例1-2】在虚拟目录下新建一个HelloWorld.jsp文件，如示例代码1-2所示。
示例代码1-2 HelloWorld.jsp
01 <html>
02 <head>
03 <title>第一个JSP程序</title>
04 </head>
05 <body>
06 <%
07 out.println("Hello,World!"); //网页上输出"Hello,World!"语句
08 %>
09 </body>
10 </html>
【运行结果】打开IE浏览器，在浏览器地址栏中输入“http://localhost:8080/test/HelloWorld.jsp”，打开页面如图1-16所示。
图1-16 运行HelloWorld.jsp
【代码解析】该示例代码第07行通过使用out.println("Hello,World!")代码，在浏览器上打印输出“Hello,World!”字符串。
如果页面能够成功打开，则表示虚拟目录安装成功，这时就可以将以后编写好的JSP 程序放置到虚拟目录中运行了。
1.3 下载并安装Eclipse
Eclipse是一个开放源代码、基于Java的可扩展开发平台。就Eclipse本身而言，它只是一个框架和一组被称为平台核心的服务程序，用于通过插件组件构建开发环境。通过 Eclipse 开发平台可以很方便地进行Java程序开发，同时如果需要进行Java Web开发，则只需安装相应的插件即可。本节将详细介绍如何下载并安装Eclipse。
1.3.1 下载Eclipse
下载 Eclipse 非常简单，只需按照如下步骤操作，即可从 Eclipse的官方网站获得免费的Eclipse。
打开Eclipse官方站点首页“http://www.eclipse.org/”。
单击导航栏中的“Downloads”链接，进入Eclipse下载页面。
在下载列表中找到“Eclipse Classic 3.4.1”下载链接，单击其下面的“Other downloads”链接进入Eclipse各版本下载页面。
在“Latest Releases”栏目下找到“3.3.2”链接，单击进入Eclipse 3.3.2版本下载页面。
单击“Download now”右边的“Eclipse SDK”链接跳转到各平台下载列表。
选择相应的平台，如Windows，单击“Download”栏目下的“eclipse-SDK-3.3.2-win32.zip”链接，即可进行下载。
1.3.2安装Eclipse
下载完成Eclipse以后，可以通过下载的压缩文件来安装Eclipse，步骤如下。
解压下载的“eclipse-SDK-3.3.2-win32.zip”。解压后目录如图1-17所示。
图1-17 eclipse-SDK-3.3.2-win32.zip解压目录
双击其中的“eclipse.exe”即可运行Eclipse，运行界面如图1-18所示。
图1-18 Eclipse运行界面
1.4 下载并安装MyEclipse
单纯的Eclipse只能进行Java桌面开发，如果要进行Java Web开发，还需要安装Eclipse插件。众多软件厂商和开源组织开发了相应的插件，其中以MyEclipse插件最为出名且常用。MyEclipse是一个由众多插件结合的插件集合，通过安装它可以很方便地进行Java Web开发。本节将详细介绍如何下载并安装MyEclipse。
1.4.1 下载MyEclipse
下载MyEclipse非常简单，只需按照如下步骤操作，即可从MyEclipse的官方网站获得试用版的MyEclipse。
打开MyEclipse的官方站点“http://www.myeclipseide.com/”。
单击左边导航栏中的“Try/Download”链接。
该页面有两个下载项目，一个是“MyEclipse 6.5GA”，一个是“MyEclipse blue”。单击其中的“MyEclipse 6.5GA”进入其下载页面。
MyEclipse 6.5GA的安装分为两种，一种是“All in ONE”版本，一种是“pulse”版本。其中“All in ONE”版本包含MyEclipse安装的全部文件，而“pulse”版本为插件安装版本，需要事先安装好相应的Eclipse。这里为了安装方便，选择下载其中的“All in ONE”版本。
1.4.2安装MyEclipse
下载完成MyEclipse以后，就可以通过下载的执行文件安装MyEclipse，步骤如下。
双击下载的MyEclipse_6.5.1GA_E3.3.2_Installer.exe文件。
单击其中的【Next】按钮，进入安装的下一步。
在打开的许可证协议确认界面中选择“I accept the terms of the license agreement”选项，单击【Next】按钮进入下一步，如图1-19所示。
图1-19自定义的安装目录
单击其中的【Change】按钮即可选择自定义的安装目录，如“E:\MyEclipse 6.5”，选择完成后，单击【Next】按钮进入下一步。
该界面为安装确认页，如果希望修改安装配置，可以单击【Back】按钮；如果安装配置无误，则单击【Install】按钮进行安装。
等待数分钟后，显示安装完成页面，单击【Finish】按钮完成安装。
1.5 使用MyEclipse进行Web开发
MyEclipse插件提供了非常强大的Web开发支持，可以非常简单和方便地进行Web开发。本节将详细介绍如何通过MyEclipse新建Web项目、新建JSP页面、整合Tomcat，以及部署项目。
1.5.1 使用MyEclipse新建Web项目
MyEclipse插件安装完成以后，就可以使用其来新建Web项目，使用MyEclipse新建Web项目非常简单，只需按照如下步骤操作。
运行MyEclipse开发环境，在Package视图（如图1-20所示）中单击右键，选择【New】|【Web Project】，打开【New Web Project】对话框，如图1-21所示。
图1-20 Package视图
图1-21 【New Web Project】对话框
在【Project Name】文本框中输入Web项目的名称。【Source folder】文本框用来输入项目源文件的存储文件夹，一般选用默认文件夹，也就是“src”。【Web root folder】文本框用来输入Web项目文件的存放文件夹，一般也选用默认文件夹，也就是“WebRoot”。【Context root URL】文本框用来输入访问该站点的根路径，在默认情况下为“/”加上项目名称。【J2EE Specification Level】用来选择J2EE规范版本。至于Maven和JSTL支持，则根据实际情况来选择是否添加。
完成项目配置后，单击【Finish】按钮，完成Web 项目的创建。在Package 视图窗口中将能看到该项目名，单击该项目名即可展开该项目，并能看到项目中的所有文件及类库等信息。如图1-22所示。
图1-22 项目Package视图
1.5.2 MyEclipse中新建JSP页面
新建的项目还是一个空项目，可以在该项目中添加JSP页面。在MyEclipse中新建JSP页面非常简单，只需按照如下步骤操作。
在Package视图中找到Web项目中的WebRoot文件夹，单击右键选择【New】【| JSP】，如图1-23所示。
图1-23 新建JSP页面
选择完成后，将打开【Create a new JSP page】对话框，如图1-24所示。
图1-24 【Create a new JSP page】对话框
在其中的【File Name】文本框中输入JSP文件的文件名，单击【Finish】按钮完成JSP页面的新建。这时MyEclipse会自动打开新建的JSP页面，如图1-25所示。
图1-25 JSP编辑器
这时就可以通过MyEclipse提供的JSP页面编辑器来编辑JSP页面了。
1.5.3 MyEclipse整合Tomcat
MyEclipse提供了针对Web服务器的很好的整合策略，通过MyEclipse整合Tomcat，即可很方便地通过MyEclipse来调试或发布Web项目，整合步骤如下。
单击“Window”菜单，在弹出的菜单选项中选择【Preference】菜单项，将弹出如图1-26所示的窗口。
图1-26 “Preference”配置窗口
在【Preference】窗口中展开左边导航树中的【MyEclipse Enterprise Work】选项，再展开【Servers】子选项，选择其中的【Tomcat】，如图1-27所示。
图1-27 在导航树中选择【Tomcat】
在右边的窗口中选择Tomcat的版本，这里选择单击“Configure Tomcat 6.x”来配置Tomcat 6.x版本的服务器。配置窗口如图1-28所示。
图1-28 配置Tomcat服务器
要整合Tomcat，显然应该选中【Enable】单选按钮，表示该Tomcat服务器可用。在【Tomcat base directory】文本框中输入Tomcat的安装目录，或者单击【Browse】按钮在本地磁盘中选择Tomcat的安装目录。指定正确的Tomcat安装目录后，下面的两个文本框会自动进行输入，无须再设置。如图1-29所示。
图1-29 Tomcat配置完成
单击右边的【Apply】按钮提交，单击【OK】按钮完成配置。
通过上面的步骤，Tomcat服务器就成功地整合到Eclipse上了，可以很方便地通过它来部署项目和运行Tomcat服务器。
1.5.4 MyEclipse部署项目
通过MyEclipse整合了Tomcat服务器以后，就可以通过其直接将项目部署到服务器上。通过MyEclipse可以非常方便地部署项目，步骤如下。
在Eclipse主界面中单击部署Web应用的工具按钮
，弹出如图1-30所示的对话框。
图1-30部署项目
在该对话框的【Project】下拉列表中选择需要部署的Web应用。单击右边的【Add】按钮，将打开用来选择Web服务器的对话框，如图1-31所示。
图1-31 选择服务器
在【Server】下拉列表中选择开始配置好的【Tomcat 6.x】服务器，其他选项采用默认配置。单击【Finish】按钮，完成服务器的配置，页面回到Web应用部署对话框，单击【OK】按钮完成Web应用部署。
Web应用部署完成后，单击Eclipse主界面工具栏中的按钮旁的小三角，出现下拉菜单。选择【Tomcat 6.x】|【Start】菜单项，如图1-32所示，启动Tomcat服务器。
图1-32 启动Tomcat服务器
打开浏览器，输入登录页地址“http://localhost:8080/Prj_test/FirstJSP.jsp”，页面显示效果如图1-33所示。
图1-33 运行FirstJSP页面
1.6 小结
开发环境的搭建对于初学者来说往往是最头疼的问题，本章通过手把手的方式对开发环境的搭建进行了演示，同时还演示了一个简单的“Hello,World”程序，使读者能够轻松地开发出自己的第一个应用。开发工具的使用对于一个初学者来说往往较难入手，所以本章对于开发工具的使用进行了简单的介绍。本章内容是Java Web开发的基础，希望读者能够认真学习本章，为后面的学习打下扎实的基础。