MyEclipse開發(fā)調(diào)試WEB應(yīng)用實(shí)例入門
以前都是使用Eclipse加一些Free性質(zhì)的插件在做開發(fā)，最近需要使用JSF框架進(jìn)行項(xiàng)目開發(fā)，在網(wǎng)上找了半天，目前除了JBulider和Sun NetBean，還有那個(gè)什么IDEA開發(fā)工具自然集成JSF框架外（我對(duì)這些開發(fā)工具也不排斥，以前也偶爾用用，不過(guò)喜歡上Eclipse了，習(xí)慣了就不太想改變開發(fā)工具了，所以還是找Eclipse的插件包），Eclipse的免費(fèi)JSF開發(fā)插件開始還真沒(méi)找到，后來(lái)發(fā)現(xiàn)有一個(gè)可以集成到Eclipse的WTP開發(fā)插件中去的WTP JSF插件，不過(guò)是個(gè)沒(méi)有版本號(hào)的M1版的，所以，就等它穩(wěn)定了再來(lái)使用吧。最后決定嘗試使用一下MyEclipse開發(fā)工具包，以前對(duì)MyEclipse有點(diǎn)莫名的排斥，可能是因?yàn)樗召M(fèi)的緣故吧。但是裝上去一試用，感覺(jué)MyEclipse的確用起來(lái)非常順手，這里就MyEclipse的使用作一個(gè)簡(jiǎn)單的介紹。
以一個(gè)很簡(jiǎn)單的Web應(yīng)用來(lái)說(shuō)明使用MyEclipse的Web服務(wù)器配置，應(yīng)用部署和調(diào)試過(guò)程。
一、準(zhǔn)備開發(fā)工具
這里使用Eclipse 3.1.2和MyEclipse4.1.1，當(dāng)然Java通常都是用來(lái)開發(fā)網(wǎng)絡(luò)應(yīng)用的，那么Web服務(wù)器也就少不了了，這里使用Tomcat 5.5.15版本。當(dāng)然，如果你沒(méi)有J2SDK那么所有的程序都沒(méi)法編譯運(yùn)行了，所以，你也去準(zhǔn)備一個(gè)吧，這里使用J2SDK 1.5.0_06-b05，只要是JDK1.5.0以上，就無(wú)所謂，我們就可以使用所有的功能。
下載地址： http://www.inspiresky.com/bbs/dispbbs.asp?boardID=13&ID=6356&page=1 http://www.inspiresky.com/bbs/dispbbs.asp?boardID=13&ID=3889&page=1
http://java.sun.com
http://www.eclipse.org
http://www.apache.org
http://www.myeclipseide.com/ContentExpress-display-ceid-10.html
里面有MyEclipse的注冊(cè)碼，這里提供的僅供個(gè)人學(xué)習(xí)研究使用，公司用戶請(qǐng)自行購(gòu)買序列號(hào)。
二、軟件的安裝和注冊(cè)
首先要安裝JDK，我這里使用默認(rèn)安裝，目錄所有的都不改變，C:"Program Files"Java，下面有兩個(gè)文件夾，一個(gè)是jdk，一個(gè)是jre。設(shè)置類路徑之類的，請(qǐng)去網(wǎng)上查找相關(guān)資料吧，那個(gè)很多文章講了。
Tomcat的安裝，我們使用Exe版本的安裝文件，除了選擇目錄外，其他的都默認(rèn)好了，這里安裝到D:"Tomcat5.5，注意中間的空格去掉了，因?yàn)橛袝r(shí)候有空格會(huì)很麻煩。
Eclipse的安裝比較方便，直接解包就行了，然后把解開的文件Eclipse文件夾放置到適當(dāng)?shù)陌惭b目錄，如這里是D:/eclipse。在安裝目錄找到Eclipse.exe文件，啟動(dòng)Eclipse，設(shè)置JDK和工作路徑后就可以看到Eclipse的歡迎頁(yè)面了。這里我們不使用Eclipse，所以，把它關(guān)閉。
MyEclipse是一個(gè)Exe安裝文件，有安裝向?qū)В苯与p擊安裝，選擇完Eclipse安裝目錄D:/eclipse和自身的安裝目錄，這里使用D:"MyEclipse"eclipse，然后一路next就行了。
我們?cè)诔绦蚪M中可以找到MyEclipse程序組，點(diǎn)擊打開，如果你沒(méi)有默認(rèn)的工作路徑，選擇一個(gè)工作路徑后，會(huì)看到集成MyEclipse后的Eclipse的典型界面。
最后需要輸入MyEclipse的注冊(cè)碼，打開菜單window->preferences，在對(duì)話框的菜單樹中打開MyEclipse->Subscription項(xiàng)，點(diǎn)擊Enter Subscription…按鈕，然后輸入注冊(cè)用戶名和密碼即可。
OK，到這里所有需要的軟件都安裝好了，下面我們來(lái)創(chuàng)建一個(gè)簡(jiǎn)單的工程來(lái)說(shuō)明MyEclipse的應(yīng)用。
三、創(chuàng)建Web工程
由于這里只講解MyEclipse的基本操作和設(shè)置，所以，就不做很復(fù)雜的項(xiàng)目了，完全可以觸類旁通的。
打開MyEclipse開發(fā)界面，File->New->Projects…，打開新建項(xiàng)目對(duì)話框，選中MyEclipse->J2EE Projects->Web Project，點(diǎn)擊Next按鈕，在Web Project Details的Projects Name 中輸入WebTest，其他采用默認(rèn)值，注意這里的Context root URL為/WebTest，否則，你就要在IE中輸入相應(yīng)的名字才能使用了。注意這里的最下面有是否加入標(biāo)簽庫(kù)支持，我們選擇JSTL1.1。然后，點(diǎn)擊Finish按鈕完成項(xiàng)目創(chuàng)建。
我們察看我們新建的工程，需要的類都已經(jīng)自動(dòng)加載了進(jìn)來(lái)，還有一個(gè)J2EE的類環(huán)境變量，這就是使用MyEclipse的方便之處。
四、新建Hello類
選中工程項(xiàng)目WebTest下的src文件夾（注意是在Package Explorer下，如果這個(gè)找不到，去找Eclipse使用指南看吧，Window->Show View->Package Explorer），右鍵菜單New->Package，新建一個(gè)包com.inspiresky.bean。選中新建的包，右鍵菜單New ->Class，Name中輸入Hello，去掉public static void main選項(xiàng)，其他全部默認(rèn)，點(diǎn)擊Finish按鈕完成類的創(chuàng)建。
編輯類的代碼，如下所示：
kage 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，然后在對(duì)話框中選擇要生成get和set方法的屬性確定就可以了。
五、創(chuàng)建JSP頁(yè)面
在WebTest工程中，選中WebRoot文件夾，右鍵菜單New->JSP，File Name修改為index.jsp，其他默認(rèn)，點(diǎn)擊Finish按鈕創(chuàng)建。
編輯JSP文件的內(nèi)容如下：
<%@ 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>
注意紅色部分為我們添加的代碼。好了我們的代碼已經(jīng)編寫完畢了。
六、配置Tomcat服務(wù)器
Eclipse菜單，Window->Preference…，打開Preference對(duì)話框，找到菜單樹中MyEclipse->Application Servers->Tomcat 5。選中Tomcat 5項(xiàng)，在對(duì)話框中，選中Enable單選按鈕，然后點(diǎn)擊Tomcat Home Directory 輸入框后的Browse按鈕，選擇Tomcat的安裝根目錄，這里是D:"Tomcat5.5，其它的框會(huì)自動(dòng)填充。點(diǎn)擊Apply按鈕。
選中Tomcat 5中的JDK一項(xiàng)，這里要特別注意，默認(rèn)的是JRE的運(yùn)行環(huán)境，這里要設(shè)定成JDK的，否則，MyEclipse無(wú)法正常部屬Web應(yīng)用，也無(wú)法正常運(yùn)行Tomcat服務(wù)器。
我們點(diǎn)擊Add按鈕，JRE Name中寫入JDK1.5.0_06，然后在Browse選擇框中選擇JDK的根目錄，這里是C:"Program Files"Java"jdk1.5.0_06，其他的默認(rèn)，點(diǎn)擊OK按鈕。在Tomcat JDK Name中選擇我們剛才創(chuàng)建的那個(gè)，就是JDK1.5.0_06。點(diǎn)擊Apply按鈕，每次都點(diǎn)吧，有時(shí)候Eclipse出問(wèn)題，你不點(diǎn)這個(gè)跑到另一個(gè)配置頁(yè)面就會(huì)丟失上面的配置。
我們?cè)?/span>Tomcat 5的Launch中確保選中了Debug模式。
而Paths中就是一些類路徑設(shè)置，第一個(gè)是提前加載的類路徑，有些包一啟動(dòng)服務(wù)器初始化Web Application時(shí)就要用到，就是這些了；第二個(gè)是運(yùn)行時(shí)才用到的；第三個(gè)是沒(méi)有打包的類，這里我們就不管了。
現(xiàn)在可以點(diǎn)擊preference對(duì)話框的OK按鈕了，完成Tomcat的配置。
七、部屬Web應(yīng)用程序
這里就簡(jiǎn)單點(diǎn)了，我們選中WebTest工程的根目錄，右鍵菜單MyEclipse->Add and Remove Projects Deployments…，在打開的對(duì)話框中確保Projects為WebTest，點(diǎn)擊Add按鈕，在彈出對(duì)話框的Server中選擇Tomcat 5，下面的兩個(gè)單選項(xiàng)，Exploaded Archive和Packaged Archive分別是目錄方式部屬和包方式部屬，這個(gè)都是由MyEclipse來(lái)做的，我們使用目錄部署方式，不用打成war包，其他的不管它了。點(diǎn)擊Finished按鈕回到上一個(gè)頁(yè)面。
服務(wù)器指定了，下面來(lái)部署應(yīng)用程序。選中對(duì)話框服務(wù)器列表中的Tomcat 5項(xiàng)，此時(shí)，灰顯的按鈕變?yōu)榭捎茫渲?/span>Remove和Redeploy就是移除部署和重新部署，我們點(diǎn)擊Redeploy按鈕，以后我們修改了工程也可以點(diǎn)此按鈕重新部署。這里我們可以點(diǎn)擊一下了。
OK，程序已經(jīng)部署完成了，下面要運(yùn)行調(diào)試了。
八、運(yùn)行調(diào)試程序
在Eclipse的圖形菜單欄找到 （這個(gè)按鈕左邊那個(gè)是重新部署按鈕，右邊是自掉的瀏覽器），點(diǎn)擊下拉按鈕，選擇Tomcat 5，然后點(diǎn)擊Start菜單，啟動(dòng)Tomcat。
等Consol窗口中提示Tomcat啟動(dòng)成功，我們就可以運(yùn)行我們的程序了。打開一個(gè)IE瀏覽器窗口，輸入http://localhost:8080/WebTest/，我們可以看到如下信息：
Hello World!
This is my JSP page.
說(shuō)明運(yùn)行成功。
下面來(lái)講講調(diào)試，呵呵，這時(shí)候就和普通的調(diào)試一樣了，加斷點(diǎn)。Jsp文件和Class文件一樣可以單步調(diào)試。
打開Hello.java的編輯框，在return message;一行加斷點(diǎn)，我們刷新IE窗口，Eclipse的窗口就會(huì)出現(xiàn)了，停在了斷點(diǎn)的位置。按F8鍵執(zhí)行完畢，去掉這個(gè)斷點(diǎn)。
我們打開index.jsp文件的編輯框，在<jsp:getProperty name=”hello” …/>一行打上斷點(diǎn)，刷新IE窗口。然后返回去看Eclipse編輯窗口，光標(biāo)已經(jīng)停在了斷點(diǎn)行。
其他的調(diào)試就不用說(shuō)了吧，只要會(huì)用Eclipse就知道了，察看屬性狀態(tài)值之類的，和平時(shí)調(diào)試就一樣了。