MyEclipse開發WEB 應用入門


       以一個很簡單的 Web 應用來說明使用 MyEclipse 的 Web 服務器配置,應用部署和調試過程。      
  一、準備開發工具        
         這裏使用 Eclipse 3.1.2 和 MyEclipse4.1.1 ,當然 Java 通常都是用來開發網絡應用的,那麼 Web 服務器也就少不了了,這裏使用tomcat5.0版本,當然如果你沒有 J2SDK 那麼所有的程序都沒法編譯運行了,所以,你也去準備一個吧,這裏使用 J2SDK 1.5.0_06-b05 ,上,就無所謂,我們就可以使用所有的功能。              
下載地址:       
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 ,一徑之類的,請去網上查找相關資料吧,那個很多文章講了。
        Tomcat 的安裝,我們使用 Exe 版本的安裝文件,除了選擇目錄外,其他的都默認好了,這裏安裝到 D:\Tomcat5.5 ,注意中間爲有時候有空格會很麻煩。
        Eclipse 的安裝比較方便,直接解包就行了,然後把解開的文件 Eclipse 文件夾放置到適當的安裝目錄,如這裏是 D:/eclipse 。 pse.exe 文件,啓動 Eclipse ,設置 JDK 和工作路徑後就可以看到 Eclipse 的歡迎頁面了。這裏我們不使用 Eclipse ,所以,把它關閉               MyEclipse 是一個 Exe 安裝文件,有安裝嚮導,直接雙擊安裝,選擇完 Eclipse 安裝目錄 D:/eclipse 和自身的安裝目錄,這裏使用 pse ,然後一路 next 就行了。               我們在程序組中可以找到 MyEclipse 程序組,點擊打開,如果你沒有默認的工作路徑,選擇一個工作路徑後,會看到集成 e 的典型界面。        最後需要輸入 MyEclipse 的註冊碼,打開菜單 window->preferences ,在對話框的菜單樹中打開 MyEclipse->Subscription 項, n … 按鈕,然後輸入註冊用戶名和密碼即可。        OK ,到這裏所有需要的軟件都安裝好了,下面我們來創建一個簡單的工程來說明 MyEclipse 的應用。
       三、創建 Web 工程
      由於這裏只講解 MyEclipse 的基本操作和設置,所以,就不做很複雜的項目了,完全可以觸類旁通的。
        打開 MyEclipse 開發界面, File->New->Projects … ,打開新建項目對話框,選中 MyEclipse->J2EE Projects->Web Project ,點 Project Details 的 Projects Name 中輸入 WebTest ,其他採用默認值,注意這裏的 Context root URL 爲 /WebTest ,否則,你就要在 IE 才能使用了。注意這裏的最下面有是否加入標籤庫支持,我們選擇 JSTL1.1 。然後,點擊 Finish 按鈕完成項目創建。
        我們察看我們新建的工程,需要的類都已經自動加載了進來,還有一個 J2EE 的類環境變量,這就是使用 MyEclipse 的方便之 
       四、新建 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 方法的屬性確定就可以了
       五、創建 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>


注意紅色部分爲我們添加的代碼。好了我們的代碼已經編寫完畢了。
        六、配置 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 的配置。        七、部屬 Web 應用程序
        這裏就簡單點了,我們選中 WebTest 工程的根目錄,右鍵菜單 MyEclipse->Add and Remove Projects Deployments… ,確保 Projects 爲 WebTest ,點擊 Add 按鈕,在彈出對話框的 Server 中選擇 Tomcat 5 ,下面的兩個單選項, Exploaded Archive 和分別是目錄方式部屬和包方式部屬,這個都是由 MyEclipse 來做的,我們使用目錄部署方式,不用打成 war 包,其他的不管它了鈕回到上一個頁面。
        服務器指定了,下面來部署應用程序。選中對話框服務器列表中的 Tomcat 5 項,此時,灰顯的按鈕變爲可用,其中 Remove 是移除部署和重新部署,我們點擊 Redeploy 按鈕,以後我們修改了工程也可以點此按鈕重新部署。這裏我們可以點擊一下了。
        OK ,程序已經部署完成了,下面要運行調試了。
        八、運行調試程序 
       在 Eclipse 的圖形菜單欄找到(這個按鈕左邊那個是重新部署按鈕,右邊是自掉的瀏覽器),點擊下拉按鈕,後點擊 Start 菜單,啓動 Tomcat 。               等 Consol 窗口中提示 Tomcat 啓動成功,我們就可以運行我們的程序了。打開一個 IE 瀏覽器窗口,輸入 http://localhost:8080/WebTes t/ ,我們可以看到如下信息:
        Hello World!   
     This is my JSP page. 說明運行成功。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章