如何使用 Eclipse 3.3 + Lomboz 開發 JSP

2008 2/28 風花雪月的文章寫多了，現在該來點技術文章囉~

開發JSP的工具有很多！
你可以選 Dreamweaver、NetBeans...等開發工具來開發，甚至是記事本都可以用來開發！

但是由於我個人實在太習慣在 Eclipse 上開發，加上 Eclipse 可以將各式各樣的工具整合在一起！使我們開發一個動態網站更加快速方便，所以今天就介紹如何使用 Lomboz 這個擴充套件來開發JSP吧！

備註：本文章於 Eclipse 3.2.2版 與 Eclipse 3.3版 上實做

首先你必須準備下列軟體！
1.Eclipse
2.Lomboz

到Lomboz的網站時，請選擇你需要的版本，進入下載頁面後，請下載
1.Lomboz with Prerequisites Installation
(主程式及執行環境)

Eclipse 安裝擴充套件的方法請參考：Eclipse Plugin介紹 ─ Eimp

如果想偷懶，你可以直接到 Lomboz 下載 All In One 版本！
(下載點在Lomboz下載頁面的 "Lomboz Complete Installation" 區塊)
備註：All In One 版本已包含 Eclipse 主程式

[本文開始]
在確定軟體已準備就緒後，我們就可以開始來開發啦！


首先我們要先建立一個新專案！
專案類型請選擇 "Dynamic Web Project"
按下 Next 繼續下一步驟！


命名你的專案名稱，這邊我命名為 "test_web"！
請在 Project Name 裡輸入 "test_web"

接下來我們需要設定執行的環境！
如果你之前已經有建立好執行環境，那請在 Target Runtime 選一個執行環境！
如果你尚未建立執行環境，那請按下 Target Runtime 旁邊的 "New" 來建立！

按下 "NEW" 建立執行環境


選擇你的伺服器程式版本，這邊我選 Tomcat
按下 Next 繼續下一步驟


設定伺服器程式的相關參數
按下 Finish 完成執行環境的建立！

回到專案設置的視窗按下 Next 繼續設置專案


這邊請選擇你需要的其他元件，這邊我直接使用預設值
按下 Next 繼續下一步驟


設置專案目錄名稱，這邊我一樣使用預設值

"WebContent" 資料夾是網站的根目錄， 請放置jsp、html等網頁內容元素！
"src" 資料夾 請放置 java、servlet、bean 等程式元件！

按下 Finish 即可完成專案設置！


接下來，由於個人習慣問題~ 我要改變一下編譯 JavaBean 的輸出目錄！
請在專案上按右鍵 > Build Path > Configure Build Path...


變更 Default Output Folder 為：
"test_web/WebContent/WEB-INF/classes"

這樣就算完成囉！

接下來我們實際寫個JSP範例來看看吧！


先來製作一個豆子(JavaBean)吧！
在 JavaResource (src) 那個資料夾按下滑鼠右鍵 > New > Package


替套件命名，這邊我先隨便取的名字 "bean"！


在套件裡建立一個類別！
在套件資料夾 (bean) 按下滑鼠右鍵 > New > Class


替豆子取個名字吧！
這邊我取名為 "SayHello"！


寫程式吧！


豆子完成了！
再寫一個JSP吧！

請在網站根目錄(WebContent)下，按下滑鼠右鍵 > New > JSP


替JSP命名，這邊我取名為 "beanhello"
按下 Finish 結束


寫JSP程式吧！


啟動伺服器程式，開始磨豆子吧~~


輸入網址 http://localhost:8080/test_web/hellobean.jsp
恩~~~ 磨出熱呼呼的豆漿囉！ XD

喔~ 更正... 是咖啡啦！

補充：


我們可以到 Eclipse 裡的 Preferences視窗，Server標籤裡設定其他的伺服器！

以上，簡單的Lomboz開發JSP教學到此結束！謝謝各位觀賞！
各位如果覺得我寫的不錯，就麻煩給我一點回應當作鼓勵囉！