MyEclipse 创建WEB项目
2009-08-26 10:28
501 查看
收藏
准备开发工具
这里使用的是Eclipse 3.1.1、MyEclipse, Web服务器使用Tomcat 5.5.06版本, 当然还需要J2SDK,这里使用jdk1.5.0_06,只要是JDK1.5.0以上,就无所谓。
二、软件的安装和注册
MyEclipse是一个exe安装文件,有安装向导,直接双击安装,选择完Eclipse安装目录(比如D:/eclipse)和自身的安装目录(比如D:/MyEclipse),然后一路next就行了。
其他软件的安装也不再啰唆,下面创建一个简单的工程来说明MyEclipse的应用。
三、创建Web工程
打开MyEclipse开发界面,File->New->Projects…,打开新建项目对话框,选中MyEclipse->J2EE Projects->Web Project,点击Next按钮,在Web Project Details的Projects Name 中输入WebTest,其他采用默认值,注意这里的Context root URL为/WebTest,否则,你就要在IE中输入相应的名字才能使用了。注意这里的最下面有是否加入标签库支持,我们选择JSTL1.1。然后,点击Finish按钮完成项目创建。
四、新建Hello类
选中工程项目WebTest下的src文件夹(注意是在Package Explorer下,如果这个找不到,去找Eclipse使用指南看吧,Window->Show View->Package Explorer),右键菜单New->Package,新建一个包com.chenfeng。选中新建的包,右键菜单New ->Class,Name中输入Hello,去掉public static void main选项,其他全部默认,点击Finish按钮完成类的创建。
编辑类的代码,如下所示:
package com.chenfeng;
publicclass Hello {
private String message = "Hello World";
/**
* @return Returns the message.
*/
public String getMessage() {
return message;
}
/**
* @param message The message to set.
*/
publicvoid setMessage(String message) {
this.message = message;
}
}
注意这里Bean属性的操作方法,可以先定义好属性,然后,在编辑窗口右键菜单Source->Generate Getters and Setters,然后在对话框中选择要生成get和set方法的属性确定就可以了。
五、创建JSP页面
在WebTest工程中,选中WebRoot文件夹,右键菜单New->JSP,File Name修改为index.jsp,其他默认,点击Finish按钮创建。
编辑JSP文件的内容如下:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<jsp:useBean id="hello" class="com.chenfeng" scope="page"/>
<jsp:setProperty name="hello" property="message" value="Hello World!" />
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'index.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>
<jsp:getProperty name="hello" property="message" /><br>
This is my JSP page. <br>
</body>
</html>
红色部分为我们添加的代码。OK,代码已经编写完毕。
六、配置Tomcat服务器
Eclipse菜单,Window->Preference…,打开Preference对话框,找到菜单树中MyEclipse->Application Servers->Tomcat 5。选中Tomcat 5项,在对话框中,选中Enable单选按钮,然后点击Tomcat Home Directory 输入框后的Browse按钮,选择Tomcat的安装根目录,这里是D:/Tomcat5.5,其它的框会自动填充。点击Apply按钮。
选中Tomcat 5中的JDK一项,这里要特别注意,默认的是JRE的运行环境,这里要设定成JDK的,否则,MyEclipse无法正常部属Web应用,也无法正常运行Tomcat服务器。我们点击Add按钮,JRE Name中写入JDK1.5.0_05,然后在Browse选择框中选择JDK的根目录,这里是D:/jdk1.5.0_05,其他的默认,点击OK按钮。在Tomcat JDK Name中选择我们刚才创建的那个,就是JDK1.5.0_05。点击Apply按钮,每次都点吧,有时候Eclipse出问题,你不点这个跑到另一个配置页面就会丢失上面的配置。
我们在Tomcat 5的Launch中确保选中了Debug模式。
现在可以点击preference对话框的OK按钮了,完成Tomcat的配置。
七、部属Web应用程序
这里就简单点了,我们选中WebTest工程的根目录,右键菜单MyEclipse->Add and Remove Projects Deployments…,在打开的对话框中确保Projects为WebTest,点击Add按钮,在弹出对话框的Server中选择Tomcat 5,下面的两个单选项,Exploaded Archive和Packaged Archive分别是目录方式部属和包方式部属,这个都是由MyEclipse来做的,我们使用目录部署方式,不用打成war包,其他的不管它了。点击Finished按钮回到上一个页面。
OK,程序已经部署完成了,下面要运行调试了。
八、运行调试程序
在Eclipse的图形菜单栏找到 (这个按钮左边那个是重新部署按钮,右边是自带的浏览器),点击下拉按钮,选择Tomcat 5,然后点击Start菜单,启动Tomcat。
等Consol窗口中提示Tomcat启动成功,我们就可以运行我们的程序了。打开一个IE浏览器窗口,输入http://localhost:8080/WebTest/,我们可以看到如下信息:
Hello World!
This is my JSP page.
说明运行成功。
下面来讲讲调试,呵呵,这时候就和普通的调试一样了,加断点。Jsp文件和Class文件一样可以单步调试。
打开Hello.java的编辑框,在return message;一行加断点,我们刷新IE窗口,Eclipse的窗口就会出现了,停在了断点的位置。按F8键执行完毕,去掉这个断点。
我们打开index.jsp文件的编辑框,在<jsp:getProperty name=”hello” …/>一行打上断点,刷新IE窗口。然后返回去看Eclipse编辑窗口,光标已经停在了断点行。
终于可以在JSP中进行调试啦!!!
此文章为转载的;内容所介绍之详;让初学者不得不学习一下;并且所需版本,为最新;
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/loaferwang/archive/2008/03/24/2212839.aspx
准备开发工具
这里使用的是Eclipse 3.1.1、MyEclipse, Web服务器使用Tomcat 5.5.06版本, 当然还需要J2SDK,这里使用jdk1.5.0_06,只要是JDK1.5.0以上,就无所谓。
二、软件的安装和注册
MyEclipse是一个exe安装文件,有安装向导,直接双击安装,选择完Eclipse安装目录(比如D:/eclipse)和自身的安装目录(比如D:/MyEclipse),然后一路next就行了。
其他软件的安装也不再啰唆,下面创建一个简单的工程来说明MyEclipse的应用。
三、创建Web工程
打开MyEclipse开发界面,File->New->Projects…,打开新建项目对话框,选中MyEclipse->J2EE Projects->Web Project,点击Next按钮,在Web Project Details的Projects Name 中输入WebTest,其他采用默认值,注意这里的Context root URL为/WebTest,否则,你就要在IE中输入相应的名字才能使用了。注意这里的最下面有是否加入标签库支持,我们选择JSTL1.1。然后,点击Finish按钮完成项目创建。
四、新建Hello类
选中工程项目WebTest下的src文件夹(注意是在Package Explorer下,如果这个找不到,去找Eclipse使用指南看吧,Window->Show View->Package Explorer),右键菜单New->Package,新建一个包com.chenfeng。选中新建的包,右键菜单New ->Class,Name中输入Hello,去掉public static void main选项,其他全部默认,点击Finish按钮完成类的创建。
编辑类的代码,如下所示:
package com.chenfeng;
publicclass Hello {
private String message = "Hello World";
/**
* @return Returns the message.
*/
public String getMessage() {
return message;
}
/**
* @param message The message to set.
*/
publicvoid setMessage(String message) {
this.message = message;
}
}
注意这里Bean属性的操作方法,可以先定义好属性,然后,在编辑窗口右键菜单Source->Generate Getters and Setters,然后在对话框中选择要生成get和set方法的属性确定就可以了。
五、创建JSP页面
在WebTest工程中,选中WebRoot文件夹,右键菜单New->JSP,File Name修改为index.jsp,其他默认,点击Finish按钮创建。
编辑JSP文件的内容如下:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<jsp:useBean id="hello" class="com.chenfeng" scope="page"/>
<jsp:setProperty name="hello" property="message" value="Hello World!" />
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'index.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>
<jsp:getProperty name="hello" property="message" /><br>
This is my JSP page. <br>
</body>
</html>
红色部分为我们添加的代码。OK,代码已经编写完毕。
六、配置Tomcat服务器
Eclipse菜单,Window->Preference…,打开Preference对话框,找到菜单树中MyEclipse->Application Servers->Tomcat 5。选中Tomcat 5项,在对话框中,选中Enable单选按钮,然后点击Tomcat Home Directory 输入框后的Browse按钮,选择Tomcat的安装根目录,这里是D:/Tomcat5.5,其它的框会自动填充。点击Apply按钮。
选中Tomcat 5中的JDK一项,这里要特别注意,默认的是JRE的运行环境,这里要设定成JDK的,否则,MyEclipse无法正常部属Web应用,也无法正常运行Tomcat服务器。我们点击Add按钮,JRE Name中写入JDK1.5.0_05,然后在Browse选择框中选择JDK的根目录,这里是D:/jdk1.5.0_05,其他的默认,点击OK按钮。在Tomcat JDK Name中选择我们刚才创建的那个,就是JDK1.5.0_05。点击Apply按钮,每次都点吧,有时候Eclipse出问题,你不点这个跑到另一个配置页面就会丢失上面的配置。
我们在Tomcat 5的Launch中确保选中了Debug模式。
现在可以点击preference对话框的OK按钮了,完成Tomcat的配置。
七、部属Web应用程序
这里就简单点了,我们选中WebTest工程的根目录,右键菜单MyEclipse->Add and Remove Projects Deployments…,在打开的对话框中确保Projects为WebTest,点击Add按钮,在弹出对话框的Server中选择Tomcat 5,下面的两个单选项,Exploaded Archive和Packaged Archive分别是目录方式部属和包方式部属,这个都是由MyEclipse来做的,我们使用目录部署方式,不用打成war包,其他的不管它了。点击Finished按钮回到上一个页面。
OK,程序已经部署完成了,下面要运行调试了。
八、运行调试程序
在Eclipse的图形菜单栏找到 (这个按钮左边那个是重新部署按钮,右边是自带的浏览器),点击下拉按钮,选择Tomcat 5,然后点击Start菜单,启动Tomcat。
等Consol窗口中提示Tomcat启动成功,我们就可以运行我们的程序了。打开一个IE浏览器窗口,输入http://localhost:8080/WebTest/,我们可以看到如下信息:
Hello World!
This is my JSP page.
说明运行成功。
下面来讲讲调试,呵呵,这时候就和普通的调试一样了,加断点。Jsp文件和Class文件一样可以单步调试。
打开Hello.java的编辑框,在return message;一行加断点,我们刷新IE窗口,Eclipse的窗口就会出现了,停在了断点的位置。按F8键执行完毕,去掉这个断点。
我们打开index.jsp文件的编辑框,在<jsp:getProperty name=”hello” …/>一行打上断点,刷新IE窗口。然后返回去看Eclipse编辑窗口,光标已经停在了断点行。
终于可以在JSP中进行调试啦!!!
此文章为转载的;内容所介绍之详;让初学者不得不学习一下;并且所需版本,为最新;
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/loaferwang/archive/2008/03/24/2212839.aspx
相关文章推荐
- myeclipse无法创建maven web项目:Could not resolve archetype
- 关于在MyEclipse中创建maven webapp项目时报错:Could not resolve archetype org.apache.maven.archetypes
- MyEclipse 创建WEB项目
- MyEclipse创建基于Maven的Web项目去掉项目名后缀方案(Maven Webapp)
- MyEclipse+Maven创建web项目出现的错误总结
- easyUI学习过程(二) ----在myeclipse上创建web项目并运行html文件
- 在myeclipse中的web项目里创建web service client
- myeclipse 创建maven项目 creating maven-archetype-webapp has encountered a problem
- MyEclipse创建maven-web项目
- MyEclipse 创建WEB项目
- MyEclipse下使用maven创建web项目
- Eclipse导入MyEclipse创建的WEB项目无法识别
- Myeclipse 创建Maven项目:Cannot detect Web Project version
- Maven的学习资料收集--(十)Myeclipse下创建Maven的Web项目
- MyEclipse 8.5创建web项目
- myeclipse8.5用maven创建web项目,没有web属性解决办法
- Eclipse 创建web项目后没有 Java EE 5 Library,没有web开发相关基础java包,myeclipse中有。
- MyEclipse 创建WEB项目
- 在eclipse中创建web项目(非myeclipse)
- MyEclipse创建Web项目时选择JavaEE5.0和J2EE 1.4 和1.3对于jstl标签库的区别