在Eclipse中创建WEB工程

在Eclipse中创建WEB工程后，可以直接在Eclipse中运行、调试你的WEB应用。更令人兴奋的是，Eclipse支持象Dreamwaver那样，以拖拉控件的方式，来制作你的web页面，这样避免了开发过程中不断在工具间切换的痛苦（Java代码用Eclipse编写，而Jsp页面则用Dreamwaver编写），大大提高web开发效率。下面是创建WEB工程的步骤：

1、在新增项目对话框中选择【Dynamic Web Project】：



2、直接点击【Next】按钮后，在【Project name】中输入你的工程名，如果需要你的应用中需要使用JSF，可以在【Configurations】中选择【JavaServer Faces v1.1 Project】：



3、【Next】后，选择【Dynamic Web Module】和【Java】，如果你的工程需要用到JSF，则可以在【Configurations】中选择【JavaServer Faces v1.1 Project】和【JavaServer Faces】：



4、【Next】后，分别在【Context Root】、【Content Directory】、【Java Source Directory】中设置web服务的根路径、Web资源的目录名称、源代码目录：





5、点【Finish】后工程创建完后了，在【Project Explorer】中看到Eclipse创建出来的目录：



6、创建完WEB工程后，还需要创建一个Server，才能在Eclipse中运行、调试你的应用。点击【File->New->Other...】，在弹出的对话框中选择【server】：



7、【next】后，在弹出的对话框中选择你的WEB容器，我这里选择Tomcat5.5：



8、然后【Next】，在弹出的弹出的对话框中，选择你的Tomcat的安装目录、JRE版本：



9、【Next】后，在【New Server】对话框中，左边的列表框列出了workspace中的所有WEB工程，右边的列表框表示在这个Server上部署的WEB工程，这里将刚才的dynweb添加进来：





10、点【Finish】后，Server就创建完了：



11、创建完Server后，可以点击Servers面板中的【Start the server】、【Start the server in debug mode】运行、调试你的应用了：



当你调试、运行你的应用时，Eclipse会将你的工程同步到.metadata\.plugins\org.eclipse.wst.server.core\tmp0\webapps\下，后续你所访问的资源都将是这个目录下的东西：



创建WEB工程后，你可以象在Dreamwaver中一样设计你的页面，Eclipse为HTML、JSF、Struts中的控件都提供了支持，你可以在组间面板中选择你需要的控件添加到你的页面中，而且还可以看到添加后的效果：



而且可以心在不同的视图中编辑、设计你的页面：



当你需要调试你的应用程序时，可以先进入debug模式，然后在你需要调试的地方标上断点：



当你在页面上触发了断点所在代码的运行，就可以切换到Eclipse中，进行调试：