阿莫的學習旅程: 2010/4/18

2010年4月21日星期三

無痛Java程式設計（二）：安裝Tomcat

根據維基百科的說明，Tomcat是一個Servlet的容器

支援Servlet和Servlet和JavaServer Page（JSP）

並內含HTTP伺服器的功能，本身就是由Java程式所開發出來

簡單來說，開發好內含HTML、JSP以及Java程式的Web base系統時

例如：線上購物平台、討論區等等

要讓其他使用者透過瀏覽器執行連上這個系統

就必須把寫好的程式放到Tomcat指定位置才行（註1）

廢話不多說，開始進入安裝Tomcat步驟：

1. 在網址列輸入「http://tomcat.apache.org/」

點選「Download」

2. 點選「32-bit/64-bit Windows Service Installer」

3. 按「儲存」

4. 將檔案存放到桌面

5. 執行Tomcat安裝程式

6. 按「執行」

7. 按「Next」

8. 按「I Agree」

9. 以據下圖勾選後，按「Next」

10. 按「Next」

11. 輸入Tomcat後台管理的帳號跟密碼，再按「Next」

Tomcat預設的通訊埠為8080，如果不喜歡或是跟其他軟體衝突的話

可以改成其他號碼（註1）

12. 按「Install」

13. 按「Finish」

14. Tomcat啟動時可以在螢幕的右下角看到中間綠色箭頭的圖案

15. 確認一下Tomcat是不是真的啟動成功

開啟瀏覽器，在網址列輸入「http://localhost:8080」

如過能看到以下畫面就表示剛剛Tomcat的安裝成功而且也正常啟動

16. 剛剛我們不是輸入Tomcat後台管理的帳號跟密碼嗎

大家可以點選「Tomcat Manager」進入後台

17. 這個時候Tomcat就會問你帳號跟密碼，輸入完畢之後按「確定」

18. 下面就是Tomcat的後台

1：顯示Tomcat目前的狀態，正常為OK

2：顯示目前Tomcat正在執行哪些程式，預設有3個

    其中docs是關於Tomcat的官方文件

    Path：說明該程式位於Tomcat哪個文件夾底下

    Display Name：程式名稱

    Running：該程式目前狀況，正常為true，也就是執行狀態

    Sessions：這個程式目前使用到的Session數目（註2）

    Commands：可以對該程式下達命令

      Start：啟動該程式，其他人就可以透過瀏覽器使用這個程式

      Stop：關閉該程式，其他人就沒辦法透過瀏覽器連上這個程式

      Reload：通常用於系統設定檔更新後，重新讀取設定使用

      Undeploy：刪除該程式

      Expire sessions with idle >= 30 minutes：當使用者連

         續30分鐘都沒有執行該程式任何動作時，清除該瀏覽器的

         Session值，銀行eATM網站通常是設成3分鐘或是200秒來強

         迫使用者登出，增加系統安全性

3：上傳寫好的程式到Tomcat的方法，通常是透過IDE軟體

    （Eclipse、MyEclipse等）把寫好的程式包成WAR檔

    再透過「WAR or Directory URL」上傳到Tomcat

4：診斷系統狀態，當Tomcat變得不穩或是異常時，可以試試看

5：顯示目前Tomcat相關系統資訊

註1：

註2：

Session：用來暫時存放使用者操作系統時產生的資料，以便使用者切換不

          同網頁時，資料不會遺失

          當使用者登出網站時，程式必須清除該瀏覽器的Session

          可用來存放該使用者的帳號、密碼、權限（可另外加密處理

          提高系統安全性）

無痛Java程式設計（一）：安裝Java

學習Java，只要根據「無痛Java程式設計（四）安裝MyEclipse」說明

安裝好MyEclipse就可以開始撰寫Java程式了

其他環境建置MyEclipse安裝時會自動內建在裡面

不過等到系統真的開發完成，在正式環境上是不會安裝MyEclipse的

所以我們還是需要知道建置完整Java執行環境的所有步驟

底下一一為大家說明～～

希望這一系列Step by Step的文章能帶領各位快速、無痛的進入Java世界

^______^;;

首先我們先進行Java的安裝與設定：

1. 在網址列輸入

「http://java.sun.com/javase/downloads/index.jsp」

點選「Download JDK」

2. 點選「Download」

3. 按「Skip this Step」直接下載Java安裝程式

4. 按「儲存」

5. 執行剛剛下載的檔案

6. 按「執行」

7. 按「Accept」

8. 按「Next」

9. 按「Next」

10. 按「Finish」

這個時候我們已經安裝好Java軟體，不過還需要做一些設定

11. 點選「開始」，在"我的電腦"點選滑鼠右鍵，點選「內容」

12. 點選「進階/環境變數」（環境變數設定.txt）

13. 點選「新增」，在「變數名稱」欄位輸入「JAVA_HOME」

在「變數值」欄位輸入「C:\Program Files\Java\jdk1.6.0_20」

也就是剛剛Java安裝在這台電腦的位置，最後按「確定」

14. 再按一次「新增」，在「變數名稱」欄位輸入「CLASSPATH」

在「變數值」欄位輸入「%JAVA_HOME%\lib\dt.jar;%

JAVA_HOME%\lib\tools.jar;」，最後按「確定」

15. 接著修改最後一個系統環境變數

先點選「Path」，在點選「編輯」

16. 在「變數值」欄位的最前面增加「%JAVA_HOME%\bin;」

（最後面分號一定要有歐～～～），再按「確定」

17. 設定好這三個環境變數之後，按「確定」

18. 再按「確定」

設定環境變數的目的是讓Java在編譯原始程式碼時

在任何路徑底下都能找到Java軟體的位置

到這個步驟Java安裝與設定就已經完成了

不過我們得先測試一下是不是正確安裝

19. 在桌面點選滑鼠右鍵，選擇「新增/文字文件」

20. 開啟「新增文字文件」

21. 輸入以下Java程式碼（hello.java）

22. 點選「檔案/另存新檔」

23. 將檔案儲存於C槽，檔名改成「hello.java」（注意大小寫！！）

把「存檔類型」改為「所有檔案」，再按「儲存」

24. 點選「開始/執行」

25. 在「開始」欄位輸入「cmd」，再按「確定」執行cmd這個程式

26. 首先輸入「javac hello.java」，編譯hello.java這個程式

如果沒有出現錯誤訊息的話

接著輸入「java hello」，執行hello這個程式

結果顯示"Hello"，表示Java已經安裝、設定成功 :D

2010年4月19日星期一

無痛Java程式設計（五）：Web Project的第一步

測試過純Java的Hello World程式之後

我們來試試用HTML+ JSP寫的Hello World

作為下一篇HTML + JSP + Java的前哨站

1. 點選「File/New/Web Project」

2. 出現「New Web Project」

在「Project Name」欄位輸入「HelloWorld」，再點選「Finish」

眼尖的朋友們可以發現以下黃色區域

Source folder：指的是Java程式碼放置的位置

Web root folder：這個專案的「系統根目錄」要從哪裡開始

這裡的「系統」指的是專案開發出來的系統

Context root URL：指的是執行這個專案時

附加在TomCat啟動網址後的位置

例如：TomCat的啟動網址是「http://localhost:8080」

在本例中執行這個專案的網址就是「http://localhost:8080/HelloWorld」

這邊特別釐清一下，當使用者透過瀏覽器，在網址列輸入「http://localhost:8080/HelloWorld」時

電腦就知道要去HelloWorld這個專案底下的”WebRoot”位置執行某個檔案

3. 這時候MyEclipse會幫專案建立以下結構

src：用來存放Java的原始程式碼

JRE System Library：MyEclipse內建的JRE函數庫

J2EE 1.4 Libraries：Java 2 Enterprise Editon 1.4版的函數庫

WebRoot：延續步驟2對WebRoot這個位置的說明

當系統開發完成，要在正式環境執行該系統時

只要複製WebRoot底下的檔案到TomCat底下的Webapps文件夾

再重新啟動TomCat就可以了

4. 這次的範例我們想用一個非常簡單的程式來說明

HTML跟JSP之間資料傳遞的方法

這個程式非常的簡單，透過HTML檔，讓使用者輸入自己的名字

然後把輸入的資料傳到JSP檔再顯示出來

5. 在資料夾「WebRoot」點選滑鼠右鍵，選擇「New/HTML(Advanced

Templates)」，建立一個HTML檔

6. 出現「Create a new Html page」對話窗時

在「File Name」欄位輸入「form.html」，再按「Finish」

7. 此時MyEclipse會幫我們預先打好一些內容，請把整個內容全部清除

8. 輸入以下內容，然後按Ctrl+S儲存檔案

9. 接著我們在資料夾「WebRoot」點選滑鼠右鍵，選擇「New/JSP

(Advanced Templates)」，建立一個JSP檔

10. 出現「Create a new JSP page」對話窗時

在「File Name」欄位輸入「helloworld.jsp」，再按「Finish」

11. 此時MyEclipse會幫我們預先打好一些內容，請把整個內容全部清除

12. 輸入以下內容，然後按Ctrl+S儲存檔案

13. 這時候我們已經寫好簡單的程式了，試著執行看看

在專案名稱「Helloworld」點選滑鼠右鍵

選擇「Run As/MyEclipse Server Application」

14. 此時底下的Console畫面就會出現啟動TomCat的過程

如果程式正確的話會出現以下類似畫面

特別是"Server startup"表示已經可以在瀏覽器上執行剛剛的程式碼

15. 接著點選以下按鈕，在MyEclipse內開啟瀏覽器

或是開啟之前常用的瀏覽器，例如Chrome、Firefox、IE等

在網址列輸入「http://localhost:8080/HelloWorld/form.html」

localhost：表示這台電腦，也可以打這台電腦的名稱或是IP

8080：表示TomCat這個軟體開啟8080埠（註1）

HelloWorld：就是專案的名稱，一個TomCat可以同時啟動很多專

案，所以需要用專案名稱加以區別

form.html：表示執行專案內的哪個檔案

16. 程式正確無誤的話，會出現以下畫面

試著輸入「Amos」，再按「送出」

17. 如果JSP檔也正確的話，就會出現以下訊息"Hello World by Amos"

這個Amos就是我們剛剛在form.html輸入的名稱

如果各位細心的話，可以發現網址列出現很有趣的字串

「http://localhost:8080/HelloWorld/helloworld.jsp?userName=Amos」

其中"?"表示後面有帶參數要傳給JSP檔

參數名稱叫「userName」，參數內容是「Amos」