close

筆者加入了 進度條 線上課程團隊
歡迎大家到這個網站看看喔
https://goo.gl/llGo8Q

本站的文章也會轉過去
本篇文章:  https://goo.gl/W53g33
感謝大家支持

// ======================================
這裡開始記錄使用Java 架設一個網站的過程

因為我不太喜歡循規蹈矩

而且其實我JAVA 也不太熟

平常在用的是C 語言, 前一陣子在資策會上過ASP.NET的課程(也就是用C#程式語言 架站)

本來是打算架好網站後再把文章寫進去

但架的比我想像中的要久的多...  所以就先從這寫文章開始吧...


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

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

 

特別注意:  

以下說明沒寫下載的板本是x64 或 x86

請自己看作業系統, 不是CPU!!

因為X64可以灌X86的作業系統

X64的Windows也有支援X86的程式

 

請看 控制台 -> 系統及安全性 ->系統

 java1.0.5.jpg  

 

以下如果懶得看詳細說明, 可以拉到最下面看重點整理

 

======================================================
現在開始說明環境架設: 

1. 首先先上 eclipse 網站 上下載 Eclipse IDE for JAVA EE Developers 約250mb那個


java1.0.jpg  
 

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

java1.0.3.jpg  

 

2. 之後下載JAVA jdk 
目前我使用的是Java SE 7u51版

但在撰寫這篇文章的時候, 已經官網上已經升級到了7u55版

使用哪一版應該是沒有差別, 但因為本文的後續文章之後要架站於Linux上

所以請將Linux版本一起下下來, 但在本文中用不到!!

(因為我對JAVA還不太熟悉, 所以之前發生過想使用預先編譯好的.class不能執行, 看Code也找不到錯誤,

 後來才發現說是編譯的版本和JRE的版本不同, 而JDK裡面含有JRE, 所以請預先一起下載Linux版本的JDK)
(JDK 8我沒有用過, 想試也可以改下載JDK 8)
 

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 !! 或是任何你想說的話, 記得要儲存

    (中文可能會出現亂碼, 本文不解決此問題, 會寫在其他文章)

   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

 

================================================================================

如果有任何的遺漏或不懂

或是要補充解說或是更正我的說明

歡迎留言^ ^"

arrow
arrow
    文章標籤
    JAVA Web 架站 Eclipse
    全站熱搜
    創作者介紹
    創作者 IT學習者 的頭像
    IT學習者

    IT學習者

    IT學習者 發表在 痞客邦 留言(0) 人氣()