1。開啟 MyEclipse 開發介面, File->New->Projects … ,開啟建立項目對話方塊,選中 MyEclipse->J2EE Projects->Web Project ,點 Project Details 的 Projects Name 中輸入 WebTest ,其他採用預設值,注意這裡的 Context root URL 為 /WebTest ,否則,你就要在 IE 才能使用了。注意這裡的最下面有是否加入標籤庫支援,我們選擇 JSTL1.1 。然後,點擊 Finish 按鈕完成項目建立。
我們察看我們建立的工程,需要的類都已經自動載入了進來,還有一個 J2EE 的類環境變數,這就是使用 MyEclipse 的方便之
2、建立 Hello 類 選中工程項目 WebTest 下的 src 檔案夾(注意是在 Package Explorer 下,如果這個找不到,去找 Eclipse 使用指南看吧, Window kage Explorer ),右鍵菜單 New->Package ,建立一個包 com.inspiresky.bean 。選中建立的包,右鍵菜單 New ->Class , Name 中輸 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 方法的屬性確定就可以了
3 建立 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/
歡迎光臨學網,收藏本篇文章 [1] [2] [3]
$False$
/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>
注意紅色部分為我們添加的代碼。好了我們的代碼已經編寫完畢了。
4 配置 Tomcat 伺服器
Eclipse 菜單, Window->Preference… ,開啟 Preference 對話方塊,找到菜單樹中 MyEclipse->Application Servers->Tomcatat 5 項,在對話方塊中,選中 Enable 選項按鈕,然後點擊 Tomcat Home Directory 輸入框後的 Browse 按鈕,選擇 Tomcat 的安裝根目 omcat5.5 ,其它的框會自動填滿。點擊 Apply 按鈕。 選中 Tomcat 5 中的 JDK 一項,這裡要特別注意,預設的是 JRE 的運行環境,這裡要設定成 JDK 的,否則, MyEclipse 無法正常
也無法正常運行 Tomcat 伺服器。
我們點擊 Add 按鈕, JRE Name 中寫入 JDK1.5.0_06 ,然後在 Browse 選擇框中選擇 JDK 的根目錄,這裡是 C:/Program Files/Java/jdk1.5.0_0 6 ,其他的預設,點擊 OK 按鈕。在 Tomcat JDK Name 中選擇我們剛才建立的那個,就是 JDK1.5.0_06 。點擊 Apply 按鈕,每次都點 e 出問題,你不點這個跑到另一個配置頁面就會丟失上面的配置。
我們在 Tomcat 5 的 Launch 中確保選中了 Debug 模式。
而 Paths 中就是一些類路徑設定,第一個是提前載入的類路徑,有些包一啟動伺服器初始化 Web Application 時就要用到第二個是運行時才用到的;第三個是沒有打包的類,這裡我們就不管了。
現在可以點擊 preference 對話方塊的 OK 按鈕了,完成 Tomcat 的配置。歡迎光臨學網,點擊這裡查看更多文章教程 [1] [2] [3]
七、部屬 Web 應用程式
這裡就簡單點了,我們選中 WebTest 工程的根目錄,右鍵菜單 MyEclipse->Add and Remove Projects Deployments… ,確保 Projects 為 WebTest ,點擊 Add 按鈕,在彈出對話方塊的 Server 中選擇 Tomcat 5 ,下面的兩個單選項, Exploaded Archive 和分別是目錄方式部屬和包方式部屬,這個都是由 MyEclipse 來做的,我們使用目錄部署方式,不用打成 war 包,其他的不管它了鈕回到上一個頁面。
伺服器指定了,下面來部署應用程式。選中對話方塊伺服器列表中的 Tomcat 5 項,此時,灰顯的按鈕變為可用,其中 Remove 是移除部署和重新部署,我們點擊 Redeploy 按鈕,以後我們修改了工程也可以點此按鈕重新部署。這裡我們可以點擊一下了。
OK ,程式已經部署完成了,下面要運行調試了。
5 運行偵錯工具
在 Eclipse 的圖形功能表列找到(這個按鈕左邊那個是重新部署按鈕,右邊是自掉的瀏覽器),點擊下拉按鈕,後點擊 Start 菜單,啟動 Tomcat 。 等 Consol 視窗中提示 Tomcat 啟動成功,我們就可以運行我們的程式了。開啟一個 IE 瀏覽器視窗,輸入 http://localhost:8080/WebTest/ ,我們可以看到如下資訊:
Hello World!
This is my JSP page. 說明運行成功。