Eclipse下的J2EE开发[第二篇.MyEclipse应用程序开发系列三]
MyEclipse 应用程序开发系列之二： WEB 项目的开发
摘要：本文主要介绍了如何利用MyEclipse进行Web开发的过程，并通过一个简单的例子来具体说明。更为深入的内容将在后续的文章中加以介绍。
一、 创建MyEclipse Web项目
首先，将透视图切换到MyEclipse。在菜单中选择”window”→“open perspective”→“others”，在弹出的
窗口中选择MyEclipse J2EE Development，然后点击OK按钮（或者直接点击如下图所示的
图标并选中MyEclipse
J2EE Development）。
![Eclipse下的J2EE开发[第二篇.MyEclipse应用程序开发系列三]](http://img.e-com-net.com/image/product/1a645b74c60e440cb4aee6b3ea73dbb6.jpg)
![Eclipse下的J2EE开发[第二篇.MyEclipse应用程序开发系列三]](http://img.e-com-net.com/image/product/798e4beaed174e9c8688485301d10a05.jpg)
然后，我们创建一个Web项目。在菜单中依次点击File→New→Project，在弹出的窗口中选择MyEclipse →J2EE Projects→Web Project，启动Web项目创建向导。点击Next，在项目名称中，我们输入HelloWorld，其他我们使用默认的设置，然后点击Finish按钮。
![Eclipse下的J2EE开发[第二篇.MyEclipse应用程序开发系列三]](http://img.e-com-net.com/image/product/147b18a4bb7b4dbaa5feb445f0ba1ab9.jpg)
![Eclipse下的J2EE开发[第二篇.MyEclipse应用程序开发系列三]](http://img.e-com-net.com/image/product/52c9a12fa14c4e77a81451d42ee385f0.jpg)
二、 创建JSP文件
Web项目创建后，我们接下来创建一个测试的JSP文件。可以看到，在浏览器中Eclipse所体现出来的项目体系结构如下图![Eclipse下的J2EE开发[第二篇.MyEclipse应用程序开发系列三]](http://img.e-com-net.com/image/product/4607f0f49ecc4de39f86ba1d75efc992.jpg)
习惯上，在scr目录中放置java后台源代码，而在WebRoot中放置页面设计文件。
在Eclipse左边Package Explorer列表中点击“HelloWorld”，将项目HelloWorld展开。右键点击 WebRoot→New → JSP , 新建一个名为hello.jsp的JSP 页面 。 代码如下图（图中代码为系统自动生成的）：在包资源管理器选中我们新建的HelloWorld项目下的WebRoot，点击右键，在弹出的菜单中选择New→others，在选择向导中选择J2EE→Web→JSP，然后点击下一步按钮。
![Eclipse下的J2EE开发[第二篇.MyEclipse应用程序开发系列三]](http://img.e-com-net.com/image/product/c64452e5ae9747c09dcb8d50d729bf79.jpg)
![Eclipse下的J2EE开发[第二篇.MyEclipse应用程序开发系列三]](http://img.e-com-net.com/image/product/1321c69cff5d4576bd853c71fec8cf05.jpg)
在JSP创建向导中，我们将文件的名字改为hello.jsp，然后我们选择使用缺省的JSP模板，点击Finish按钮完成创建工作。文件创建后，MyEclipse会为我们在编辑器中打开它，我们可以根据需要来对它进行修改，在这里我们使用由向导自动产生的代码。
<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'hello.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--<link rel="stylesheet" type="text/css" href="styles.css">
-->
</head>
<body>
This is my JSP page. <br>
</body>
</html>
三、部署和测试Web应用程序
在完成了上面的工作后，接下来我们部署和测试我们创建的项目。点击工具栏中的部署（
）按钮，弹出部署管理对话框（如下图）。在弹出对话框中选择自己的项目HelloWorld。
![Eclipse下的J2EE开发[第二篇.MyEclipse应用程序开发系列三]](http://img.e-com-net.com/image/product/8ceebb655d9141e1ae4d6581649afdc9.jpg)
点击Add 按钮来添加一个服务器实例，在弹出的部署服务器上，在Server一栏中，选择Tomcat 5，其他使用默认的设置，然后点击Finish按钮。
![Eclipse下的J2EE开发[第二篇.MyEclipse应用程序开发系列三]](http://img.e-com-net.com/image/product/375469f0c3974f2d891a8a3f2ed9d702.jpg)
在部署管理对话框的底部，检查一下部署状态是否成功，请参考下图：
![Eclipse下的J2EE开发[第二篇.MyEclipse应用程序开发系列三]](http://img.e-com-net.com/image/product/a1fbb10b71ed4c5b8f700d4f718533d6.jpg)
成功部署后，点击
中右边的下拉箭头，然后选择Tomcat 5→Start Tomcat，根据控制台中的信息察看一下Tomcat是否启动成功。启动成功后，打开一个IE浏览器或者点击
，在地址栏中输入http://localhost:8080/HelloWorld/hello.jsp，当然，还要注意自己的服务器端口设置了。
如果能看到下面的页面，那么恭喜你成功了。
![Eclipse下的J2EE开发[第二篇.MyEclipse应用程序开发系列三]](http://img.e-com-net.com/image/product/4b42827ca475449595279d07b19dbbff.jpg)
我们可以去Eclipse的Workspace目录下看看HelloWorld项目的代码，也可以去Tomcat的webapps目录下，看看部署之后的HelloWorld项目的结构。
Enjoy it, Best wishes!
