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」 

1

 

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

2

 

3. 按「儲存」

3

 

4. 將檔案存放到桌面

4

 

5. 執行Tomcat安裝程式

5

 

6. 按「執行」

6

 

7. 按「Next」

7

 

8. 按「I Agree」

8

 

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

9

 

10. 按「Next」

10

 

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

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

可以改成其他號碼(註1)

11

 

12. 按「Install」

12

 

13. 按「Finish」13

 

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

 

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

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

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

15

 

 

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

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

16

 

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

 

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相關系統資訊

18 

 

 

 

註1:

image

 

註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

 

2. 點選「Download」

3

 

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

4

 

4. 按「儲存」

5

 

5. 執行剛剛下載的檔案

6

 

6. 按「執行」7

 

7. 按「Accept」2010-04-21_022629

 

8. 按「Next」

9

 

9. 按「Next」10

 

10. 按「Finish」11

 

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

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

12

 

12. 點選「進階/環境變數」(環境變數設定.txt2010-04-21_022833

 

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

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

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

14

 

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

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

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

15

 

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

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

16

 

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

(最後面分號一定要有歐~~~),再按「確定」

17

 

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

 

18. 再按「確定」

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

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

19

 

 

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

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

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

20

 

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

21

 

21. 輸入以下Java程式碼(hello.java22

 

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

 

23. 將檔案儲存於C槽,檔名改成「hello.java」(注意大小寫!!)

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

24

 

24. 點選「開始/執行」

30

 

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

 

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

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

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

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

32

 

2010年4月19日 星期一

無痛Java程式設計(五):Web Project的第一步

 

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

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

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

 

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

1

 

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”位置執行某個檔案

2

 

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就可以了

3

 

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

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

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

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

 

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

Templates)」,建立一個HTML檔

4

 

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

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

5

 

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

 

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

7

 

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

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

8

 

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

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

9

 

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

 

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

 

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

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

選擇「Run As/MyEclipse Server Application」

12

 

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

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

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

13

 

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

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

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

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

8080:表示TomCat這個軟體開啟8080埠(註1)

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

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

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

14

 

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

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

15

 

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

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

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

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

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

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

16

 

18. 這兩個程式之間的關係請見下圖

黃色是告訴電腦,球要傳給哪一位JSP

綠色框框就是HTML跟JSP傳接球的方法

綠色框框內的名稱連大小寫也要一模一樣才有辦法成功傳球歐~

1

 

Related Posts with Thumbnails
by TemplatesForYou-TFY
SoSuechtig