Web開發環境搭建 Eclipse-Java EE 篇

【原創內容，轉載註名出處】

1. 下載和安裝

1.1 下載JDK

在Java官方網站下載最新版本的 Java SE: http://www.oracle.com/technetwork/java/javase/downloads/index.html

如今電腦基本上都是64位，所以後續所有提到下載的資源，如果有64位的，建議都下載64位版本。

1.2 下載 Java EE 最新版本:

http://www.oracle.com/technetwork/java/javaee/downloads/index.html

1.3 安裝JDK:

執行下載好的 JDK 安裝包安裝即可。安裝完成後，可以在命令行輸入以下命令來檢查已經安裝的JDK版本。

Java -version

如果安裝正常，會顯示如下結果：

註： 新版的 JDK 安裝程序一般會自動設置環境變量，如果上面的CMD執行失敗，請手動設置環境變量：

環境變量設置方法：

打開我的電腦--->屬性面板， 選擇高級系統設置。

選擇環境變量，

在系統變量這塊進行設置：

新建系統變量：

變量名：【JAVA_HOME】

變量值：【C:\Program Files\Java\jdk1.7.0_51】

特別註意：我的jdk安裝在了這個位置C:\Program Files\Java\jdk1.7.0_51所以就填這個，你自己的jdk安裝在了什麽位置，就填什麽哦！

在系統變量裏面找到Path選擇編輯：

在最後添加【\;%JAVA_HOME%\bin;】

特別註意：在最後添加，千萬不能把默認的刪除哦！如果刪除了，你的部分程序就無法運行了哦！

1.4 下載 Eclipse

打開 http://www.eclipse.org/downloads/eclipse-packages/， 下載 Eclipse IDE for Java EE Developers (現在一般全部都下載 64 位）

下載完成後，將 Eclipse EE 的壓縮包解壓到任意位置（建議將所有Java用到的東西，放到一個根目錄下，比如我的是這樣：）

實際上，你也可以不下載 Eclipse， 而使用Java官網上那個 NetBeans IDE， NetBeans 提供了簡體中文版。 ^_^

1.5 安裝Java EE

將下載好的 Java EE 解壓縮，然後運行 \glassfish4\bin\pkg.bat ，在提示是否安裝輸入 <y/n> 時，輸入y後回車，然後待等完成安裝。

1.6 安裝 Tomcat

進入官網（http://tomcat.apache.org/），直接下載最新版本的 Tomcat 9即可。

下載完成後，將壓縮包解壓到Java安裝目錄下 tomcat 中。

2. 配置和開始使用

2.1 運行 Eclipse Java EE。

2.2 設置 Tomcat

在 Eclipse 中，點擊菜單欄 Window->Preferences ， 點擊 Server / Runtime Environments ：

點擊 “Add”按鈕， 新建一個服務器。我們之前安裝了 Tomcat 9.0, 所以這裏也選擇它。

點擊"Next"進入下一步。

在Tomcat installation directory下面的文本框中輸入tomcat的安裝目錄，點擊"finish"完成配置。

2.3 設置默認的字符集

在eclipse中，會默認使用當前操作系統的字符集，一般會是GBK。然而我們開發web應用程序時，一般使用UTF-8。所以需要設置一下默認的字符集。

在 Eclipse 中，點擊菜單欄 Window->Preferences ， 點擊 General / Workspace :

在 Text file encoding 區域選擇 Other : UTF-8 。 這樣子以後我們新建項目時，會默認使用 UTF-8 字符編碼。

2.4 設置 Build Path

在開發Web應用程序時，需要用到 Tomcat ，我們要將 Tomcat / lib 加入編譯路徑中。否則你會在建立 jsp 時，出現如下錯誤：

The superclass "javax.servlet.http.HttpServlet" was not found on the Java Build Path

在 Eclipse 中，點擊菜單欄 Window->Preferences ， 點擊 Java / Build Path / Classpath Variables :

點擊“New"新建名為“Tomcat Server”的變量，將Path設置為tomcat的安裝位置中的lib目錄（如上圖所示），點擊“OK”按鈕。

接下來，添加 User Libraries。點擊 Java / Build Path / User Libraries :

點擊“New...”按鈕，新建名為 Tomcat Server 的User Libraries。然後點擊“Add External JARs...”按鈕，將我們安裝並使用的tomcal / lib 下的所有 jar 選中（Ctrl + A）並確定。完成後如上圖所示。

點擊“OK”完成設置。

2.5 Hello World

每一次搭建完開發環境，寫一個 "hello world" 並成功的顯示出來， 心情會自然變得舒暢。

在 Eclipse Java EE 中， 在左邊的 Project Explorer 的空白區域點擊鼠標右鍵， 然後點擊 “New->Dynamic Web Project" ：

點擊“Finish”完成。

然後在WebContent上右鍵，在右鍵菜單中點擊“New->JSP File”，新建一個 Index.jsp 頁面。

雙擊打開 Index.jsp ，提示出錯了，這個正是前面我們說到的問題，還配置了 Build Path。那麽現在我們就要把設置的 Build Path / User Libraries 用上就行了。

在工程管理器的HelloWorkd的工程根目錄上右鍵，點擊“Properties”。然後在彈出的工程屬性對話框中，點擊“Java Build Path”， 然後切換到 Libraries 選項卡。

點擊 “Add Library...”按鈕：

雙擊 “User Library”， 在彈出的 Add Library 對話框中， 選中 "Tomcat Server"，點擊“Finish”按鈕。

然後切換到 Order and Export 選項卡， 選中 Tomcat Server 。完成設置。

可以看到，代碼中的錯誤已經沒有了。

至此，我們的 Eclipse Java EE 篇就結束了。

Web開發環境搭建 Eclipse-Java EE 篇