MyEclipse应用程序开发系列之一:WEB项目的开发
2006-12-01 16:47
357 查看
摘要:本文主要介绍了如何利用MyEclipse进行Web开发的过程,并通过一个简单的例子来具体说明。这里我们没有讨论复杂的JSP语法,也没有涉及Struts和Hibernate,关于后者我们将在后续的文章中加以介绍。
关键词:Eclipse MyEclipse Tomcat Web
运行环境:
n 简介
本文是一篇介绍利用MyEclipse进行Web开发的基础教程,通过详细的描述和大量的图片来展现Web开发的具体过程,主要内容如下:
a) 创建MyEclipse Web项目;
b) 利用JSP向导创建JSP文件;
c) 配置Tomcat应用服务器;
d) 部署和测试Web应用程序。
n 创建MyEclipse Web项目
首先,将视图切换到MyEclipse。在菜单中选择窗口→打开透视图→其他,在弹出的窗口中选择MyEclipse,然后点击确定按钮。
![](http://blog.csdn.net/images/blog_csdn_net/dpchai/0.jpg)
然后,我们创建一个Web项目。在菜单中依次点击文件→新建→项目,在弹出的窗口中选择J2EE→Web Project,启动Web项目创建向导。
![](http://blog.csdn.net/images/blog_csdn_net/dpchai/1.jpg)
点击下一步,在项目名称中,我们输入HelloWorld,其他我们使用默认的设置,然后点击完成按钮,请参考下图:
![](http://blog.csdn.net/images/blog_csdn_net/dpchai/2.jpg)
n 创建JSP文件
Web项目创建后,我们接下来创建一个测试的JSP文件。在包资源管理器选中我们新建的HelloWorld项目,点击右键,在弹出的菜单中选择新建→其他,在选择向导中选择J2EE→Web→JSP,然后点击下一步按钮。
![](http://blog.csdn.net/images/blog_csdn_net/dpchai/3.jpg)
在JSP创建向导中,我们将文件的名字改为hello.jsp,然后我们选择使用缺省的JSP模板,点击完成按钮完成创建工作。
![](http://blog.csdn.net/images/blog_csdn_net/dpchai/4.jpg)
文件创建后,MyEclipse会为我们在编辑器中打开它,我们可以根据需要来对它进行修改,下面给出了一个示例:
![](http://blog.csdn.net/images/blog_csdn_net/dpchai/5.jpg)
在上面的示例中,我们将字符编码修改为GBK,然后在<body>中我们增加了一条输出语句。最后,保存我们修改后的文件。
n 配置Tomcat应用程序服务器
在配置Tomcat应用服务器以前,请确认安装的Tomcat可以正常运行,具体的方法和步骤请参阅相关的资料,在这里就不赘述了。
点击窗口→首选项,在左边的列表中选择MyEclipse→Tomcat5,然后在右边窗口中将Disable选项改为Enable,并将Tomcat Home Directory指向Tomcat的安装目录,请参考下图:
Web项目创建后,我们接下来创建一个测试的JSP文件。在包资源管理器选中我们新建的HelloWorld项目,点击右键,在弹出的菜单中选择新建→其他,在选择向导中选择J2EE→Web→JSP,然后点击下一步按钮。
![](http://blog.csdn.net/images/blog_csdn_net/dpchai/3.jpg)
在JSP创建向导中,我们将文件的名字改为hello.jsp,然后我们选择使用缺省的JSP模板,点击完成按钮完成创建工作。
![](http://blog.csdn.net/images/blog_csdn_net/dpchai/4.jpg)
文件创建后,MyEclipse会为我们在编辑器中打开它,我们可以根据需要来对它进行修改,下面给出了一个示例:
![](http://blog.csdn.net/images/blog_csdn_net/dpchai/5.jpg)
在上面的示例中,我们将字符编码修改为GBK,然后在<body>中我们增加了一条输出语句。最后,保存我们修改后的文件。
n 配置Tomcat应用程序服务器
在配置Tomcat应用服务器以前,请确认安装的Tomcat可以正常运行,具体的方法和步骤请参阅相关的资料,在这里就不赘述了。
点击窗口→首选项,在左边的列表中选择MyEclipse→Tomcat5,然后在右边窗口中将Disable选项改为Enable,并将Tomcat Home Directory指向Tomcat的安装目录,请参考下图:
Web项目创建后,我们接下来创建一个测试的JSP文件。在包资源管理器选中我们新建的HelloWorld项目,点击右键,在弹出的菜单中选择新建→其他,在选择向导中选择J2EE→Web→JSP,然后点击下一步按钮。
![](http://blog.csdn.net/images/blog_csdn_net/dpchai/3.jpg)
在JSP创建向导中,我们将文件的名字改为hello.jsp,然后我们选择使用缺省的JSP模板,点击完成按钮完成创建工作。
![](http://blog.csdn.net/images/blog_csdn_net/dpchai/4.jpg)
文件创建后,MyEclipse会为我们在编辑器中打开它,我们可以根据需要来对它进行修改,下面给出了一个示例:
![](http://blog.csdn.net/images/blog_csdn_net/dpchai/5.jpg)
在上面的示例中,我们将字符编码修改为GBK,然后在<body>中我们增加了一条输出语句。最后,保存我们修改后的文件。
n 配置Tomcat应用程序服务器
在配置Tomcat应用服务器以前,请确认安装的Tomcat可以正常运行,具体的方法和步骤请参阅相关的资料,在这里就不赘述了。
点击窗口→首选项,在左边的列表中选择MyEclipse→Tomcat5,然后在右边窗口中将Disable选项改为Enable,并将Tomcat Home Directory指向Tomcat的安装目录,请参考下图:
![](http://blog.csdn.net/images/blog_csdn_net/dpchai/6.jpg)
完成上述配置后,在左边的列表中选择Tomcat5下面的JDK,你会发现Tomcat使用的是自带的JRE,修改它,让它指向我们安装的JDK。
点击Add按钮,在JRE名称一栏中输入JDK1.4.2(你也可以指定其它的名字),在JRE主目录中,输入或者通过浏览按钮选择我们的JDK安装目录,点击确定完成添加工作。
JDK添加后,Tomcat的JDK指向了我们新建的JDK1.4.2,点击确定保存修改。
![](http://blog.csdn.net/images/blog_csdn_net/dpchai/7.jpg)
n 部署和测试Web应用程序
在完成了上面的工作后,接下来我们部署和测试我们创建的项目。
点击工具栏中的
![](http://blog.csdn.net/images/blog_csdn_net/dpchai/11.jpg)
按钮,弹出部署管理对话框,如下图。
![](http://blog.csdn.net/images/blog_csdn_net/dpchai/8.jpg)
在Server一栏中,选择Tomcat 5,其他使用默认的设置,然后点击完成按钮。
![](http://blog.csdn.net/images/blog_csdn_net/dpchai/9.jpg)
在部署管理对话框的底部,检查一下部署状态是否成功,请参考下图:
![](http://blog.csdn.net/images/blog_csdn_net/dpchai/10.jpg)
成功部署后,点击
![](http://blog.csdn.net/images/blog_csdn_net/dpchai/12.jpg)
中右边的下箭头,然后选择Tomcat 5→Start启动Tomcat应用服务器,根据控制台中的信息察看一下Tomcat是否启动成功。
启动成功后,打开一个IE浏览器,在地址栏中输入http://localhost:8080/HelloWorld/hello.jsp,如果能看到下面的页面,那么恭喜你成功了。
![](http://blog.csdn.net/images/blog_csdn_net/dpchai/13.jpg)
启动成功后,打开一个IE浏览器,在地址栏中输入http://localhost:8080/HelloWorld/hello.jsp,如果能看到下面的页面,那么恭喜你成功了。
关键词:Eclipse MyEclipse Tomcat Web
运行环境:
[align=center]软件名称[/align] | [align=center]下载地址[/align] | [align=center]版本[/align] |
Sun JDK | http://java.sun.com | [align=center]1.4.2[/align] |
Eclipse | http://www.eclipse.org/ | [align=center]3.0.1[/align] |
MyEclipse | http://www.myeclipseide.com | [align=center]3.8.4[/align] |
Tomcat | http://jakarta.apache.org | [align=center]5.0[/align] |
n 简介
本文是一篇介绍利用MyEclipse进行Web开发的基础教程,通过详细的描述和大量的图片来展现Web开发的具体过程,主要内容如下:
a) 创建MyEclipse Web项目;
b) 利用JSP向导创建JSP文件;
c) 配置Tomcat应用服务器;
d) 部署和测试Web应用程序。
n 创建MyEclipse Web项目
首先,将视图切换到MyEclipse。在菜单中选择窗口→打开透视图→其他,在弹出的窗口中选择MyEclipse,然后点击确定按钮。
![](http://blog.csdn.net/images/blog_csdn_net/dpchai/0.jpg)
然后,我们创建一个Web项目。在菜单中依次点击文件→新建→项目,在弹出的窗口中选择J2EE→Web Project,启动Web项目创建向导。
![](http://blog.csdn.net/images/blog_csdn_net/dpchai/1.jpg)
点击下一步,在项目名称中,我们输入HelloWorld,其他我们使用默认的设置,然后点击完成按钮,请参考下图:
![](http://blog.csdn.net/images/blog_csdn_net/dpchai/2.jpg)
n 创建JSP文件
Web项目创建后,我们接下来创建一个测试的JSP文件。在包资源管理器选中我们新建的HelloWorld项目,点击右键,在弹出的菜单中选择新建→其他,在选择向导中选择J2EE→Web→JSP,然后点击下一步按钮。
![](http://blog.csdn.net/images/blog_csdn_net/dpchai/3.jpg)
在JSP创建向导中,我们将文件的名字改为hello.jsp,然后我们选择使用缺省的JSP模板,点击完成按钮完成创建工作。
![](http://blog.csdn.net/images/blog_csdn_net/dpchai/4.jpg)
文件创建后,MyEclipse会为我们在编辑器中打开它,我们可以根据需要来对它进行修改,下面给出了一个示例:
![](http://blog.csdn.net/images/blog_csdn_net/dpchai/5.jpg)
在上面的示例中,我们将字符编码修改为GBK,然后在<body>中我们增加了一条输出语句。最后,保存我们修改后的文件。
n 配置Tomcat应用程序服务器
在配置Tomcat应用服务器以前,请确认安装的Tomcat可以正常运行,具体的方法和步骤请参阅相关的资料,在这里就不赘述了。
点击窗口→首选项,在左边的列表中选择MyEclipse→Tomcat5,然后在右边窗口中将Disable选项改为Enable,并将Tomcat Home Directory指向Tomcat的安装目录,请参考下图:
Web项目创建后,我们接下来创建一个测试的JSP文件。在包资源管理器选中我们新建的HelloWorld项目,点击右键,在弹出的菜单中选择新建→其他,在选择向导中选择J2EE→Web→JSP,然后点击下一步按钮。
![](http://blog.csdn.net/images/blog_csdn_net/dpchai/3.jpg)
在JSP创建向导中,我们将文件的名字改为hello.jsp,然后我们选择使用缺省的JSP模板,点击完成按钮完成创建工作。
![](http://blog.csdn.net/images/blog_csdn_net/dpchai/4.jpg)
文件创建后,MyEclipse会为我们在编辑器中打开它,我们可以根据需要来对它进行修改,下面给出了一个示例:
![](http://blog.csdn.net/images/blog_csdn_net/dpchai/5.jpg)
在上面的示例中,我们将字符编码修改为GBK,然后在<body>中我们增加了一条输出语句。最后,保存我们修改后的文件。
n 配置Tomcat应用程序服务器
在配置Tomcat应用服务器以前,请确认安装的Tomcat可以正常运行,具体的方法和步骤请参阅相关的资料,在这里就不赘述了。
点击窗口→首选项,在左边的列表中选择MyEclipse→Tomcat5,然后在右边窗口中将Disable选项改为Enable,并将Tomcat Home Directory指向Tomcat的安装目录,请参考下图:
Web项目创建后,我们接下来创建一个测试的JSP文件。在包资源管理器选中我们新建的HelloWorld项目,点击右键,在弹出的菜单中选择新建→其他,在选择向导中选择J2EE→Web→JSP,然后点击下一步按钮。
![](http://blog.csdn.net/images/blog_csdn_net/dpchai/3.jpg)
在JSP创建向导中,我们将文件的名字改为hello.jsp,然后我们选择使用缺省的JSP模板,点击完成按钮完成创建工作。
![](http://blog.csdn.net/images/blog_csdn_net/dpchai/4.jpg)
文件创建后,MyEclipse会为我们在编辑器中打开它,我们可以根据需要来对它进行修改,下面给出了一个示例:
![](http://blog.csdn.net/images/blog_csdn_net/dpchai/5.jpg)
在上面的示例中,我们将字符编码修改为GBK,然后在<body>中我们增加了一条输出语句。最后,保存我们修改后的文件。
n 配置Tomcat应用程序服务器
在配置Tomcat应用服务器以前,请确认安装的Tomcat可以正常运行,具体的方法和步骤请参阅相关的资料,在这里就不赘述了。
点击窗口→首选项,在左边的列表中选择MyEclipse→Tomcat5,然后在右边窗口中将Disable选项改为Enable,并将Tomcat Home Directory指向Tomcat的安装目录,请参考下图:
![](http://blog.csdn.net/images/blog_csdn_net/dpchai/6.jpg)
完成上述配置后,在左边的列表中选择Tomcat5下面的JDK,你会发现Tomcat使用的是自带的JRE,修改它,让它指向我们安装的JDK。
点击Add按钮,在JRE名称一栏中输入JDK1.4.2(你也可以指定其它的名字),在JRE主目录中,输入或者通过浏览按钮选择我们的JDK安装目录,点击确定完成添加工作。
JDK添加后,Tomcat的JDK指向了我们新建的JDK1.4.2,点击确定保存修改。
![](http://blog.csdn.net/images/blog_csdn_net/dpchai/7.jpg)
n 部署和测试Web应用程序
在完成了上面的工作后,接下来我们部署和测试我们创建的项目。
点击工具栏中的
![](http://blog.csdn.net/images/blog_csdn_net/dpchai/11.jpg)
按钮,弹出部署管理对话框,如下图。
![](http://blog.csdn.net/images/blog_csdn_net/dpchai/8.jpg)
在Server一栏中,选择Tomcat 5,其他使用默认的设置,然后点击完成按钮。
![](http://blog.csdn.net/images/blog_csdn_net/dpchai/9.jpg)
在部署管理对话框的底部,检查一下部署状态是否成功,请参考下图:
![](http://blog.csdn.net/images/blog_csdn_net/dpchai/10.jpg)
成功部署后,点击
![](http://blog.csdn.net/images/blog_csdn_net/dpchai/12.jpg)
中右边的下箭头,然后选择Tomcat 5→Start启动Tomcat应用服务器,根据控制台中的信息察看一下Tomcat是否启动成功。
启动成功后,打开一个IE浏览器,在地址栏中输入http://localhost:8080/HelloWorld/hello.jsp,如果能看到下面的页面,那么恭喜你成功了。
![](http://blog.csdn.net/images/blog_csdn_net/dpchai/13.jpg)
启动成功后,打开一个IE浏览器,在地址栏中输入http://localhost:8080/HelloWorld/hello.jsp,如果能看到下面的页面,那么恭喜你成功了。
![](http://blog.csdn.net/images/blog_csdn_net/dpchai/13.jpg)
相关文章推荐
- 【转】MyEclipse开发Web项目发布到Tomcat下的Root目录
- 使用Myeclipse开发web项目常遇到的异常
- MyEclipse 开发 Web项目发布到 Tomcat 下的Root 目录
- 10 - Dockerfile 之 tomcat中运行MyEclipse搭建Web项目(Docker系列)
- 使用MyEclipse开发Web项目
- MyEclipse开发Web项目发布到Tomcat下的Root目录
- MyEclipse中开发web项目遇到的一些问题
- 使用Myeclipse下的tomcat服务器开发web项目
- 在Myeclipse中开发web项目时,servlet的创建和使用中应该注意的问题。
- MyEclipse 5.5 + Tomcat 开发视频,下载,安装,配置,开发并运行Web项目
- 使用MyEclipse开发Java EE应用:企业级应用程序项目(下)
- 通过MyEclipse部署web应用程序开发环境
- VS 2010 WebSite网站 使用CodeBehide 方式开发[Web应用程序项目转Web网站]
- Servlet开发(一)如何在Myeclipse 中使用tomcat(配置tomcat,发布web项目)
- MyEclipse、Eclipse、Intellij IDEA开发web项目及与tomcat集成的原理
- MyEclipse导入Maven项目开发Web工程的详细配置过程
- ADF_Starting系列3_使用ADF开发富Web应用程序之开发User Interface
- myeclipse 开发web项目发布到Tomcat下root目录
- MyEclipse应用:WEB项目的开发
- 11 - Dockerfile之容器中运行MyEclipse搭建的JavaWeb项目(Docker系列)