進度條

WordPress 架站實體工作坊即將開始

【實體課程】12/06 (日) 09:00 「台北場」WordPress 整天工作坊即將開始,目前持續售票中,不要錯過喔!購票與詳情請看「KKTIX 購票頁面」或「進度條文章」。

Java JSP架站 - Tomcat Apache Eclipse 設定

示範如何在Windows系統下安裝 Tomcat Apache 與 Eclipse,撰寫第一個JSP網頁

作者: 進度條編輯群 更新日期:

本篇文章目的 : 撰寫一個簡易的Jsp網頁

工欲善其事必先利其器, 本篇就不從教JAVA怎麼寫開始

現在開始說明環境架設: 

 

1. 下載Eclipse 

首先先上eclipse 網站,下載 Eclipse IDE for JAVA EE Developers

 

java1.0.jpg  

 

然後解壓後不需要安裝, 放在你喜歡的路徑就好

 

java1.0.3.jpg  

 

2. 之後下載JAVA jdk 

目前我使用的是Java SE 7u51版,但在撰寫這篇文章的時候, 已經官網上已經升級到了7u55版。使用哪一版應該是沒有差別。

 

java1.0.2.jpg  

j1.0.24.jpg  

 

要先勾選Accept 才能下載,點兩下安裝JAVA JDK, (Next->Next->Next 之類的)

 

3. 下載"Apache Tomcat"

我本來一直以為這是兩個東西, 結果是Apache基金會底下的軟體Tomcat,這原本不是Apache基金會的, 後來才捐贈給Apache底下管理。

下載Windows zip即可。

 

java1.0.4.jpg  

 

下載完成後解壓縮放至你高興的路徑

 

4. 設定Eclipse

打開Eclipse

java1.0.6.jpg  

 

會出現要你選擇專案所放置的根路徑(新增的專案將會被放在此路徑),可以不用改。然後把 Welcome 給關掉。

 

java1.0.7.jpg  

 

5.  安裝Tomcat Server

其實也不算是安裝拉, 就只是先設定好, 方便之後專案連結 (注意, 因為是吃路徑的, 所以如果設好後有移動Tomcat 剛解開來的那個資料夾, 此步需要再做一次)。

a. Windows -> Preferences -> Server -> Runtme Environments -> Add

 

java1.0.8.jpg  

java1.0.9.jpg  

 

b. Apache Tomcat 7 -> Next 

Name  : 可以隨便改
Browse: 選剛剛解開的Tomcat路徑(裡面那層 "apache-tomcat-7.0.53")
jre       : 選jre7

再來就選 Finish -> OK

 

java1.0.10jpg.jpg  

java1.0.11.jpg  

java1.0.12.jpg  

 

6. 改變JAVA版本

我們這麼辛苦的安裝了JAVA SDK,當然要用一下!

Windows-> Preferences ->JAVA -> Compiler -> Compiler compliance level 改成1.7

 

java1.0.8.jpg  

java1.0.13.jpg  

 

7.  新建 Dynamic Web Project

其實我不清楚還有哪些可以使用, 但是這個運作得不錯, 所以就建這個吧!!

File -> New -> Dynamic Web Project

 

java1.0.14.jpg  

 

這也有預設圖示可以按

Project names : 自己取一個吧, 這裡我先使用ThisWeb
Target rumtime 如果第5步有做對, 這裡就直接設好了 
Dynamic web module version: 好像跟JSP功能支援度有關, 我用預設Web3.0

 

java1.0.15.jpg  

java1.0.16.jpg  

 

按Next 還有很多可以改

比方說
Context root : 我用預設的 ThisWeb
Context directory: 我用預設的WebContext

總之我想改的其實只有Project name, 和 Target rumtime, 其他我覺得都不需要改。然後 Generate web.xml deployment descriptor 點一下 ->  Finish

 

java1.0.17.jpg

 

8.  新增 index.jsp

建出來的This Web 專案中會有很多資料夾,我們目前關心的只有WebContent。這是我們網站的根目錄, 所以就在上面案右鍵 New -> JSP File 。

 

java1.0.18.jpg  

 

File name 選擇 index.jsp (重要!!) ->  Finish

這樣就會出現我們熟悉的HTML 語法 (本文不教 HTML, 如果不會請先學HTML),在<body> </body>  中加入 Hello World !! 或是任何你想說的話, 記得要儲存(中文可能會出現亂碼,<meta charset="utf-8" /> 需要設一下)

 

java1.0.19.jpg  

 

9. Run !!

接下來就是執行看看成不成功,在This Web 上按右鍵 -> Run As  -> Run on Server。第一次 choose an existing server 會不能選, 因為沒有存在的server 於 Project Explorer中。

預設是會選擇 Manually define a new server,下面會出現一大串選擇, 只要注意Server runtime environment 是之前我們設的那個Apache Tomcat v7.0就好了(名字可能會因為你當初設的而有所改變),按Finish就ok。

 

java1.0.20.jpg

java1.0.21.jpg  

 

Project Explorer 中 會出現一個Servers的File, 沒什麼事可以不需要動他, 他就是我們設的Tomcat。然後會跳出一個預設的broswer, 裡面顯示Hello World!!或任意字眼你就成功了

 

java1.0.22.jpg  

 

10. 如果要關掉Tomcat

可以在下面視窗 Servers 的Tomcat 上按右鍵Stop。

 

java1.0.23.jpg  

 

步驟重點整理:

1. 下載Eclipse EE 並解壓, 即可使用

2. 下載JAVA JDK (我是安裝 7u51),  點擊兩下即可安裝

3. 下載"Apache Tomcat"(不是兩個東西, 直接搜Tomcat就可以), 並解壓隨意

4. 執行Eclipse EE, Workspace路徑自己決定

5. 安裝Server --> Tomcat

6. 改變 JAVA 版本 

7. 新建 Dynamic Web Project

8. 新增 index.jsp

9. 執行Run

10.Stop Tomcat

 


最後,如果你喜歡我們的文章,別忘了到我們的FB粉絲團按讚喔!!

Small logo

進度條編輯群

進度條編輯團隊