MyEclipse開發調試WEB應用實例入門

       以前都是使用Eclipse加一些Free性質的插件在做開發,最近需要使用JSF框架進行項目開發,在網上找了半天,目前除了JBuliderSun NetBean,還有那個什么IDEA開發工具自然集成JSF框架外(我對這些開發工具也不排斥,以前也偶爾用用,不過喜歡上Eclipse了,習慣了就不太想改變開發工具了,所以還是找Eclipse的插件包),Eclipse的免費JSF開發插件開始還真沒找到,后來發現有一個可以集成到EclipseWTP開發插件中去的WTP JSF插件,不過是個沒有版本號的M1版的,所以,就等它穩定了再來使用吧。最后決定嘗試使用一下MyEclipse開發工具包,以前對MyEclipse有點莫名的排斥,可能是因為它收費的緣故吧。但是裝上去一試用,感覺MyEclipse的確用起來非常順手,這里就MyEclipse的使用作一個簡單的介紹。

       以一個很簡單的Web應用來說明使用MyEclipseWeb服務器配置,應用部署和調試過程。

       一、準備開發工具

       這里使用Eclipse 3.1.2MyEclipse4.1.1,當然Java通常都是用來開發網絡應用的,那么Web服務器也就少不了了,這里使用Tomcat 5.5.15版本。當然,如果你沒有J2SDK那么所有的程序都沒法編譯運行了,所以,你也去準備一個吧,這里使用J2SDK 1.5.0_06-b05,只要是JDK1.5.0以上,就無所謂,我們就可以使用所有的功能。

       下載地址:       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的注冊碼,這里提供的僅供個人學習研究使用,公司用戶請自行購買序列號。

       二、軟件的安裝和注冊

       首先要安裝JDK,我這里使用默認安裝,目錄所有的都不改變,C:"Program Files"Java,下面有兩個文件夾,一個是jdk,一個是jre。設置類路徑之類的,請去網上查找相關資料吧,那個很多文章講了。

       Tomcat的安裝,我們使用Exe版本的安裝文件,除了選擇目錄外,其他的都默認好了,這里安裝到D:"Tomcat5.5,注意中間的空格去掉了,因為有時候有空格會很麻煩。

       Eclipse的安裝比較方便,直接解包就行了,然后把解開的文件Eclipse文件夾放置到適當的安裝目錄,如這里是D:/eclipse。在安裝目錄找到Eclipse.exe文件,啟動Eclipse,設置JDK和工作路徑后就可以看到Eclipse的歡迎頁面了。這里我們不使用Eclipse,所以,把它關閉。

       MyEclipse是一個Exe安裝文件,有安裝向導,直接雙擊安裝,選擇完Eclipse安裝目錄D:/eclipse和自身的安裝目錄,這里使用D:"MyEclipse"eclipse,然后一路next就行了。

       我們在程序組中可以找到MyEclipse程序組,點擊打開,如果你沒有默認的工作路徑,選擇一個工作路徑后,會看到集成MyEclipse后的Eclipse的典型界面。

       最后需要輸入MyEclipse的注冊碼,打開菜單window->preferences,在對話框的菜單樹中打開MyEclipse->Subscription項,點擊Enter Subscription…按鈕,然后輸入注冊用戶名和密碼即可。

       OK,到這里所有需要的軟件都安裝好了,下面我們來創建一個簡單的工程來說明MyEclipse的應用。

       三、創建Web工程

       由于這里只講解MyEclipse的基本操作和設置,所以,就不做很復雜的項目了,完全可以觸類旁通的。

       打開MyEclipse開發界面,File->New->Projects…,打開新建項目對話框,選中MyEclipse->J2EE Projects->Web Project,點擊Next按鈕,在Web Project DetailsProjects Name 中輸入WebTest,其他采用默認值,注意這里的Context root URL/WebTest,否則,你就要在IE中輸入相應的名字才能使用了。注意這里的最下面有是否加入標簽庫支持,我們選擇JSTL1.1。然后,點擊Finish按鈕完成項目創建。

       我們察看我們新建的工程,需要的類都已經自動加載了進來,還有一個J2EE的類環境變量,這就是使用MyEclipse的方便之處。

       四、新建Hello

       選中工程項目WebTest下的src文件夾(注意是在Package Explorer下,如果這個找不到,去找Eclipse使用指南看吧,Window->Show View->Package Explorer),右鍵菜單New->Package,新建一個包com.inspiresky.bean。選中新建的包,右鍵菜單New ->ClassName中輸入Hello,去掉public static void main選項,其他全部默認,點擊Finish按鈕完成類的創建。

編輯類的代碼,如下所示:

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,然后在對話框中選擇要生成getset方法的屬性確定就可以了。

       五、創建JSP頁面

       WebTest工程中,選中WebRoot文件夾,右鍵菜單New->JSPFile 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 5Launch中確保選中了Debug模式。

       Paths中就是一些類路徑設置,第一個是提前加載的類路徑,有些包一啟動服務器初始化Web Application時就要用到,就是這些了;第二個是運行時才用到的;第三個是沒有打包的類,這里我們就不管了。

       現在可以點擊preference對話框的OK按鈕了,完成Tomcat的配置。

       七、部屬Web應用程序

       這里就簡單點了,我們選中WebTest工程的根目錄,右鍵菜單MyEclipse->Add and Remove Projects Deployments…,在打開的對話框中確保ProjectsWebTest,點擊Add按鈕,在彈出對話框的Server中選擇Tomcat 5,下面的兩個單選項,Exploaded ArchivePackaged Archive分別是目錄方式部屬和包方式部屬,這個都是由MyEclipse來做的,我們使用目錄部署方式,不用打成war包,其他的不管它了。點擊Finished按鈕回到上一個頁面。

       服務器指定了,下面來部署應用程序。選中對話框服務器列表中的Tomcat 5項,此時,灰顯的按鈕變為可用,其中RemoveRedeploy就是移除部署和重新部署,我們點擊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就知道了,察看屬性狀態值之類的,和平時調試就一樣了。