5.2 建立Eclipse的开发环境
为了不使读者在环节配置上浪费太多的时间,这里将一步一步讲解如何建立Eclipse的开发环境。
5.2.1 下载Eclipse
在本书中,使用的Eclipse版本是3.2.2。下载Eclipse 3.2.2版本的步骤如下:
在http://www.eclipse.org/downloads上即可下载Eclipse,Eclipse 3.2.2版本的下载画面如图5.1所示。
在Eclipse 3.2.2版本的下载画面中单击“Eclipse SDK 3.2.2”,然后进入下载Eclipse的镜像画面,如图5.2所示。
这里选择中国上海提供的镜像链接,单击“[China] Actuate Shanghai (http)”,即可下载eclipse-SDK-3.2.2-win32.zip。
图5.1 Eclipse 3.2.2版本的下载画面
图5.2 下载Eclipse的镜像画面
下载完成后,在硬盘上会保存一个文件名为“eclipse-SDK-3.2.2-win32”的压缩文件,大约121MB。
5.2.2 配置Eclipse
Eclipse的配置很简单,把上面下载的“eclipse-SDK-3.2.2-win32.zip”解压缩到D盘根目录下,文件夹名修改为eclipse。
★ 注意 ★
本书前面已经配置了JDK和JRE的环境,这里不再进行配置,如果用户没有配置它们的环境,则在使用Eclipse前,还需要配置JDK和JRE的环境。
5.3 整合Eclipse和Tomcat
为了方便读者开发,这里使用一个Tomcat和一个Eclipse的插件,使这两个开发工具能够整合起来,从而直接在Eclipse下即可进行Tomcat的开发。
5.3.1 下载Eclipse的Tomcat插件
在http://www.sysdeo.com/sysdeo/eclipse/tomcatplugin上可以下载Tomcat为Eclipse配置的插件,插件tomcatPluginV32的下载画面如图5.3所示。
图5.3 插件tomcatPluginV32的下载画面
下载后,在硬盘上会保存一个文件名为tomcatPluginV32的压缩文件。
5.3.2 为Eclipse配置Tomcat插件
将Eclipse和Tomcat整合起来,步骤如下:
将下载完毕的tomcatPluginV32.zip解压缩,产生一个tomcatPluginV32文件夹。
把tomcatPluginV32文件夹下的“com.sysdeo.eclipse.tomcat_3.2.0”文件夹拷贝到D:/eclipse/plugins下。
双击D盘Eclipse文件夹下的eclipse.exe图标,运行Eclipse。
打开Eclipse菜单栏中“Windows”菜单下的“Preferences”对话框。
单击“Preferences”对话框左边列表框中的Tomcat。
在“Preferences”对话框右边的“Tomcat Version”选项组中选择Tomcat版本为Version 6.x。
在“Preferences”对话框右边的“Tomcat home”文本框中输入D:/ apache-tomcat-6.0.10。
在“Preferences”对话框右边的“Context declaration mode”选项组中选择server.xml,然后单击“OK”按钮即可。为Eclipse配置Tomcat插件的画面如图5.4所示。
配置完毕后,单击Eclipse的“Start Tomcat”图标,启动Tomcat,如图5.5所示。
图5.4 为Eclipse配置Tomcat插件 图5.5 启动Tomcat
在Tomcat启动后,在IE地址栏中输入http://localhost:8080可测试是否配置成功,Tomcat启动成功的画面如图5.6所示。
图5.6 Tomcat启动成功的画面
5.4 使用Eclipse建立Web开发项目
这里演示一下如何使用Eclipse和Tomcat建立Web开发项目,具体步骤如下:
运行Eclipse,单击菜单栏中的“File”菜单,Eclipse将显示“File”菜单。
移动鼠标到“New”,在出现的子菜单中单击“Project”,Eclipse将弹出“New Project”对话框,如图5.7所示。
图5.7 “New Project”对话框
用鼠标选择列表框中“Java”下的“Tomcat Project”,然后单击“Next”按钮,将弹出“New Tomcat Project”对话框,如图5.8所示。
在“New Tomcat Project”对话框中的“Project name”文本框中输入“myApp”,然后单击“Finish”按钮,项目即建立成功。myApp的目录结构如图5.9所示。
图5.8 “New Tomcat Project”对话框 图5.9 myApp的目录结构
从myApp的目录结构中可以看到,有很多jar也显示在目录结构中,而这些jar对于开发人员编写代码来说,是没有多大用处的,因此可以隐藏起来;隐藏的方法如下:首先单击图2.25所标识的下三角,弹出一个菜单,如图5.10所示。
在菜单中选择Filters,则弹出“Java Element Filters”对话框,如图5.11所示。
在“Java Element Filters”对话框中,选中“Name filter patterns”,然后在下面的文本框中输入“*.jar”,意思就是过滤掉所有的jar,最后单击“OK”按钮即可。
图5.10 单击下三角,弹出菜单
过滤掉jar的myApp的目录结构如图5.12所示。
图5.11 “Java Element Filters”对话框 图5.12 过滤掉jar的myApp的目录结构
在myApp上单击右键,在弹出的菜单中选择“New”|“Package|命令,弹出“New Java Package”对话框,如图5.13所示。
在“New Java Package”对话框中的“Name”文本框中输入“com.gc.action”,然后单击“Finish”按钮,即可建立com.gc.action包。
在myApp上单击右键,在弹出的右键菜单中选择“New”|“Folder”|“Folder”命令,弹出“New Folder”对话框,如图5.14所示。
图5.13 “New Java Package”对话框
在“New Folder”对话框中的“Folder Name”文本框中输入“jsp”,然后单击“Finish”按钮,即可建立jsp文件夹。
最终配置好的myApp项目的目录结构如图5.15所示。
图5.14 “New Folder”对话框 图5.15 配置好的myApp项目的目录结构
这里使用Eclipse编写一个实现HelloWorld输出的示例。实现思路是:首先编写一个继承HttpServlet的类,然后配置web.xml,接着启动Tomcat,然后运行这个用Servlet实现HelloWorld的例子。具体步骤如下:
在com/gc/action文件夹下建立HelloWorld.java文件。
在HelloWorld.java中输入如下代码。
//******* HelloWorld.java**************
package com.gc.action;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class HelloWorld extends HttpServlet {
public void doGet(HttpServletRequest request,HttpServletResponse response)throws IOException,ServletException {
PrintWriter out = response.getWriter();
out.write("<html>/r/n");
out.write("<head>/r/n");
//设定解码方式
out.write("<meta http-equiv=/"Content-Type/" content=/"text/html; charset= UTF-8/">/r/n");
out.write("</head>/r/n");
out.write("/r/n");
out.write("<body>/r/n");
out.write("<H1>/r/n");
out.print("HelloWorld");
out.write("/r/n");
out.write("</H1>/r/n");
out.write("</body>/r/n");
out.write("</html>");
}
}
在WEB-INF下建立web.xml文件,在web.xml中输入如下代码。
//******* web.xml**************
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.4"
xmlns="http://java.sun.com/xml/ns/j2ee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee
http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
<display-name>web.xml的示例</display-name>
<description>
使用Servlet实现HelloWorld的例子
</description>
<!--定义控制器-->
<servlet>
<servlet-name>Servlet</servlet-name>
<servlet-class>com.gc.action.HelloWorld</servlet-class>
</servlet>
<!--拦截/HelloWorld的请求-->
<servlet-mapping>
<servlet-name>Servlet</servlet-name>
<url-pattern>/HelloWorld</url-pattern>
</servlet-mapping>
</web-app>
在运行JSP前,如果Tomcat没有启动,请先启动Tomcat,然后在浏览器地址栏输入http://localhost:8080/myApp/HelloWorld即可看到运行结果,如图5.16所示。
图5.16 使用Servlet实现HelloWorld的运行结果
5.5 Eclipse的常用快捷键
Eclipse提供了很多快捷键,以方便开发人员的操作。这里简单列举一些,以便开发人员掌握。
5.5.1 有关格式化的快捷键
在编写代码时,常常需要开发人员编写格式化的代码,从而便于其他人维护。有关格式化代码的快捷键如表5.1所示。
表5.1 编写格式化代码的快捷键
快 捷 键 | 作 用 |
Ctrl+Shift+U | 出现在文件中 |
Ctrl+H | 打开搜索对话框 |
Ctrl+G | 工作区中的声明 |
Ctrl+Shift+G | 工作区中的引用 |
Ctrl+Shift+F | 格式化 |
Ctrl+/ | 取消注释 |
Ctrl+/ | 注释 |
Ctrl+Shift+M | 添加导入 |
Ctrl+Shift+O | 组织导入 |
Ctrl+1 | 自动修正 |
5.5.2 有关调试的快捷键
在编写代码时,开发人员常常需要调试代码。有关调试代码的快捷键如表5.2所示。
表5.2 编写调试代码的快捷键
快 捷 键 | 作 用 |
F7 | 单步返回 |
F6 | 单步跳过 |
F5 | 单步跳入 |
续表
快 捷 键 | 作 用 |
Ctrl+F5 | 单步跳入选择 |
F11 | 调试上次启动 |
F8 | 继续 |
Shift+F5 | 使用过滤器单步执行 |
Ctrl+Shift+B | 添加 / 去除断点 |
Ctrl+D | 显示 |
Ctrl+F11 | 运行上次启动 |
Ctrl+R | 运行至行 |
Ctrl+U | 执行 |
5.5.3 有关重构的快捷键
利用Eclipse的快捷键还可以对代码进行重构。有关重构代码的快捷键如表5.3所示。
表5.3 编写重构代码的快捷键
快 捷 键 | 作 用 |
Alt+Shift+Z | 撤销重构 |
Alt+Shift+M | 抽取方法 |
Alt+Shift+L | 抽取局部变量 |
Alt+Shift+I | 内联 |
Alt+Shift+V | 移动 |
Alt+Shift+R | 重命名 |
Alt+Shift+Y | 重做 |