由於這裏只講解MyEclipse的基本操作和設置,所以,就不做很複雜的項目了,完全可以觸類旁通的。
1 打開MyEclipse開發界面,File->New->Projects…,打開新建項目對話框,選中MyEclipse->J2EE Projects->Web Project,點擊Next按鈕,在Web Project Details的Projects Name 中輸入WebTest,其他採用默認值,注意這裏的Context root URL爲/WebTest,否則,你就要在IE中輸入相應的名字才能使用了。注意這裏的最下面有是否加入標籤庫支持,我們選擇JSTL1.1。然後,點擊Finish按鈕完成項目創建。
我們察看我們新建的工程,需要的類都已經自動加載了進來,還有一個J2EE的類環境變量,這就是使用MyEclipse的方便之處。
四、新建Hello類 Subscriber: www.1cn.biz Subscriber Code: jLR8ZC-444-55-4467865481680090
2 選中工程項目WebTest下的src文件夾(注意是在Package Explorer下,如果這個找不到,去找Eclipse使用指南看吧,Window->Show View->Package Explorer),右鍵菜單New->Package,新建一個包com.inspiresky.bean。選中新建的包,右鍵菜單New ->Class,Name中輸入Hello,去掉public static void main選項,其他全部默認,點擊Finish按鈕完成類的創建。
編輯類的代碼,如下所示:
package com.inspiresky.bean;
/*
* Junsan
* http://www.inspiresky.com/bbs
public class Hello {
private String message = "Hello World";
/**
* @return Returns the message.
*/
public String getMessage() {
return message;
}
/**
* @param message The message to set.
*/
public void 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.inspiresky.bean.Hello" 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>
注意紅色部分爲我們添加的代碼。好了我們的代碼已經編寫完畢了。
六、配置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_06,然後在Browse選擇框中選擇JDK的根目錄,這裏是C:/Program Files/Java/jdk1.5.0_06,其他的默認,點擊OK按鈕。在Tomcat JDK Name中選擇我們剛纔創建的那個,就是JDK1.5.0_06。點擊Apply按鈕,每次都點吧,有時候Eclipse出問題,你不點這個跑到另一個配置頁面就會丟失上面的配置。
我們在Tomcat 5的Launch中確保選中了Debug模式。
而Paths中就是一些類路徑設置,第一個是提前加載的類路徑,有些包一啓動服務器初始化Web Application時就要用到,就是這些了;第二個是運行時纔用到的;第三個是沒有打包的類,這裏我們就不管了。
現在可以點擊preference對話框的OK按鈕了,完成Tomcat的配置。
七、部屬Web應用程序
這裏就簡單點了,我們選中WebTest工程的根目錄,右鍵菜單MyEclipse->Add and Remove Projects Deployments…,在打開的對話框中確保Projects爲WebTest,點擊Add按鈕,在彈出對話框的Server中選擇Tomcat 5,下面的兩個單選項,Exploaded Archive和Packaged Archive分別是目錄方式部屬和包方式部屬,這個都是由MyEclipse來做的,我們使用目錄部署方式,不用打成war包,其他的不管它了。點擊Finished按鈕回到上一個頁面。
服務器指定了,下面來部署應用程序。選中對話框服務器列表中的Tomcat 5項,此時,灰顯的按鈕變爲可用,其中Remove和Redeploy就是移除部署和重新部署,我們點擊Redeploy按鈕,以後我們修改了工程也可以點此按鈕重新部署。這裏我們可以點擊一下了。
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編輯窗口,光標已經停在了斷點行。
其他的調試就不用說了吧,只要會用Eclipse就知道了,察看屬性狀態值之類的,和平時調試就一樣了。