MyEclipse + Tomcat + Eclipse 開發調試WEB應用

來源:互聯網
上載者:User

一、準備開發工具

 

 

 

 

這裡使用Eclipse 3.0.1和與之相配的MyEclipse, Web伺服器使用Tomcat 5.5.05版本(要想在JSP中能設定斷點進行調試,就需要Tomcat 5.x的版本), 當然還需要J2SDK,這裡使用J2SDK 1.5.0_05,只要是JDK1.5.0以上,就無所謂。

二、軟體的安裝和註冊

MyEclipse是一個Exe安裝檔案,有安裝嚮導,直接雙擊安裝,選擇完Eclipse安裝目錄(比如D:/eclipse)和自身的安裝目錄(比如D:/MyEclipse),然後一路next就行了。

其他軟體的安裝也不再囉唆,下面建立一個簡單的工程來說明MyEclipse的應用。

三、建立Web工程

開啟MyEclipse開發介面,File->New->Projects…,開啟建立項目對話方塊,選中MyEclipse->J2EE Projects->Web Project,點擊Next按鈕,在Web Project Details的Projects Name 中輸入WebTest,其他採用預設值,注意這裡的Context root URL為/WebTest,否則,你就要在IE中輸入相應的名字才能使用了。注意這裡的最下面有是否加入標籤庫支援,我們選擇JSTL1.1。然後,點擊Finish按鈕完成項目建立。

 

 

四、建立Hello類

選中工程項目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;

publicclass Hello {

 

private String message = "Hello World";

/**
* @return Returns the message.
*/

public String getMessage() { 
        return message;
}

/**
* @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.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>

 

 

 

 

 

       紅色部分為我們添加的代碼。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中進行調試啦!!!

在此特別感謝Junsan的文章<<MyEclipse開發調試WEB應用執行個體入門>>及熱心協助,使我得以在較少的時間內收穫頗多.

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.