MyEclipse 建立WEB專案
這裡使用的是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…
四、新建Hello類
選中工程專案WebTest下的src資料夾(注意是在Package Explorer下,如果這個找不到,去找Eclipse使用指南看吧,Window->Show View->Package Explorer
編輯類的程式碼,如下所示:
package com.chenfeng;
publicclass Hello {private String message = "Hello World";
/**
* @return Returns the message.
*/
public String getMessage() {
return
}
/**
* @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中進行除錯啦!!!
此文章為轉載的;內容所介紹之詳;讓初學者不得不學習一下;並且所需版本,為最新;