[轉載]java web環境搭建

最近公司要引入新的java web項目，而公司沒有暫時沒有會j2ee的程式員，剛好我做安卓空閑多，順便撿起除了學習階段一直都沒用過的jsp，很幸運，找到上學時候的書，更加幸運的是找到了一個詳細的搭建環境的教程，而且還有相關檔案，連結，太好用了，是以轉載一下。。。

以下為轉載：

初學Java Web（2）——搭建Java Web開發環境

雖然說 html 和 css 等前端技術，是對于 Web 來說不可或缺的技術，但是畢竟更為簡單一些，是以就不詳細介紹了，沒有基礎的同學可以去菜鳥教程或者W3school進行自主學習，最好的方式還是做一做簡單的項目，相信你很快就可以上手啦。(有空把我仿的天貓給大家拿出來..)

——【1. JDK 的安裝】——

在搭建環境之前呢，還是給搬一下一些名詞的介紹和解釋：

術語名 縮寫 解釋

Java Development Kit JDK 編寫Java程式的從程式員使用的軟體

Java Runtime Environment JRE 運作Java程式的使用者使用的軟體

Standard Edition SE 用于桌面或簡單的伺服器應用的Java平台

Enterprise Edition EE 用于複雜的伺服器應用的Java平台

Micro Edition ME 用于手機和其他小型裝置的Java平台

Java 2 J2 一個過時的術語，用于描述1998年~2006年之間的Java版本

Software Development Kit SDK 一個過時的術語，用于描述1998年~2006年之間的JDK

再來引用一張圖檔來說明 Java SE 和 Jave EE 的差別：

JDK 的下載下傳

JDK的官方下載下傳位址在這：​​http://www.oracle.com/technetwork/java/javase/downloads/index.html​​​

最新的JDK已經更新到了9.0，而且據說10.0都快出來了，可能對于一些新學 Java 的同學來說，8的特性還沒熟悉，9不知道是啥，10.0 眼看着都要出來了…沒關系，我也是差不多這樣的感受…

下載下傳JDK

JDK 的安裝

上圖就是一個JDK的下載下傳過程，安裝很簡單，我就直接粘網上的圖了（重要的是記住JDK安裝的路徑用于配置環境變量）：

JDK 安裝過程

JDK 環境變量的配置

Java環境變量涉及到三個名詞：JAVA_HOME、path、classpath。

JAVA_HOME代表JDK安裝主目錄，path代表JDK下可執行檔案目錄，classpath代表運作java程式時需要查找class檔案的目錄。

依據上面的安裝步驟：

JAVA_HOME應該設定為：D:\DevelopTools\JAVA\JDK

path應該設定為：%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;（注意其中的分号）

classpath應該設定為：.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;（注意最前面的點代表目前路徑，JDK1.5之後這項不用設定了）

設定方式如下：

第一步

第二步

第三步

到此就已經成功配置好了 JDK 所需要的環境變量，我們下面來驗證一下。

驗證 JDK 是否安裝成功

打開指令提示符，WINDOWS 下的快捷鍵為【Win + R】，然後輸入 cmd ，輸入【java -version】檢視是否輸出正确地版本資訊，如果成功，則 JRE 配置成功。（我直接貼的老圖啦，是以….）

JRE 配置成功

輸入【javac】看是否輸出編譯資訊，若有，則 JDK 配置成功：

JDK 配置成功

至此，JDK 就徹底安裝成功了。

——【2.安裝和配置 Tomcat 伺服器】——

正如上一篇說到的，Tomcat 是使用 Java 語言編寫的一個伺服器（程式），是以要運作 Tomcat ，必須配置好相關的 JDK 或 JRE。Tomcat 的官方網站是：​​http://tomcat.apache.org/​​​ 你可以去官網下載下傳最新的版本，也可以下載下傳我提供的綠色版本（v8.5.5）：​​https://pan.baidu.com/s/1gROPZCovNrsMxkWLFbZ9IQ​​（密碼:142q）

以我提供的綠色版本為例，安裝步驟如下：

① 解壓提供的 Tomcat 到 D 盤

并記錄下其路徑，如 D:\apache-tomcat-8.5.5.

② 配置 CATALINA_HOME 環境變量到上面記下的路徑：

配置 Tomcat 的環境變量

③ 啟動 Tomcat 伺服器

找到 D:\apache-tomcat-8.5.5 路徑下的 bin 目錄中的 startup.bat 檔案，輕按兩下運作，如果輸出啟動資訊，并未輸出任何異常，則 Tomcat 安裝正确（注意，彈出的指令提示符視窗不能關閉，否則伺服器将停止運作！）

Tomcat 成功啟動

④ 打開浏覽器驗證 Tomcat

打開浏覽器，在位址欄輸入位址：​​http://localhost:8080/​​​ 或者 ​​http://127.0.0.1:8080/​​ ，如果能夠打開 Tomcat 配置頁面，則說明 Tomcat 配置成功：

Tomcat 配置頁面

關閉 Tomcat 伺服器

在 Tomcat 開啟的指令提示符界面按下【Ctrl + C】鍵，将關閉 Tomcat 伺服器。再次嘗試通路 Tomcat 配置頁面，若出現網頁不能通路提示，則說明 Tomcat 關閉成功：

Tomcat 關閉成功

在 Tomcat 中建立 Web 工程

步驟如下：（下載下傳檔案-密碼klhk）

① 找到 Tomcat 目錄下的 webapps 目錄。

② 在 webapps 目錄下建立一個目錄： first_webapp。（注意 first 和 webapp 中間為下劃線）

③ 在 first_webapp 中建立一個目錄： WEB-INF。（注意大小寫，WEB 和 INF 之間為橫線）

④ 将上面的下載下傳檔案下載下傳下來以後，将提供的 web.xml 檔案複制到 WEB-INF 目錄中。

⑤ 将提供的 index.html 檔案複制到 first_webapp 目錄下。

⑥ 啟動 Tomcat。

⑦ 在浏覽器中輸入網址：​​​http://localhose:8080/first_webapp​​ ，檢視是否能夠正确通路，如果可以正确顯示頁面，則表示 Tomcat 中建立新項目成功。

——【3.安裝配置 MySql 伺服器】——

不管怎樣，伺服器端總是要有資料庫的，這裡就給出兩個綠色版本的工具，來建立一個 Web 開發所需要的 MySql 伺服器：

連結：​​​https://pan.baidu.com/s/1i-H4SUMcn2y5_arluK923A​​ 密碼：1n04

xampp 是一套 Web 開發套件，裡面包含了 mysql、apache、tomcat 等常用元件。這裡我們主要利用其中的 mysql 元件來完成資料庫的開發。

heidiSQL 是一款綠色版的 SQL 管理軟體，能實作資料庫的一些常用功能。

步驟如下：

① 将提供的 xampp 工具解壓到 D 盤根目錄下。（注意 xampp 一定要解壓到根目錄下才有效。所謂根目錄是指

D:\xampp\目錄下不能再嵌套 xampp 目錄，而是直接在 D:\xampp\目錄下能夠找到 mysql 目錄。切記！！）

② 輕按兩下 xampp 目錄下的 xampp-control.exe 檔案運作，并顯示如下界面：

XAMPP Control 界面

③ 為了避免和本機上已經安裝的 MySql 伺服器沖突，我們需要更改 xampp 的服務名稱：單機界面上的 Config 按

鈕，顯示如下界面：

更改 xampp 服務名稱

④ 點選“Service and Port Settings”按鈕，将出現如下界面：

⑤ 點選 MySQL 标簽頁，配置 MySql，将 MySql 的 Service Name 從 mysql 更改為 mysql-xampp，然後儲存：

更改名稱

⑥ 關閉 xampp。（ 注意 如果閉 關閉 xampp 後，xampp 。 任然在背景運作，必須從右下角系統托盤處完全關閉。）然後重新打開 xampp-control.exe 檔案：

⑦ 點選 MySql 對應的 Start 按鈕。如果 MySql 服務啟動成功，則顯示如下：

MySql 服務啟動成功

其中，MySql 字元的背景色變為綠色表示啟動成功，PID 表示 MySql 在作業系統中的程序号，Port 表示 MySql 程序所監聽的端口号。

⑧ 打開提供的 heidiSQL 工具（綠色軟體），将顯示如下界面：

heidiSQL 工具界面

⑨ 點選 New 按鈕，建立 MySql 連接配接：

⑩ 在 hostname/IP 處填寫：127.0.0.1 或者 localhost。在 User 處填寫：root（這是 MySql 的登入使用者名）。在 Password 處填寫：root（這是 MySql 的登入密碼。 注意：如果是自己下載下傳的 xampp 工具，則密碼為空。使用的我提供的 xampp 工具，則 MySql 登入密碼被我改成 root ）在 Port 處填寫：3306（這是 MySql 預設的監聽端口），随後點選【Open】按鈕，将顯示如下界面：

左邊列出了目前 MySql 中的所有資料庫，右邊是目前資料庫的内容。（請勿更改和删除預設資料庫的内容）

在 Tomcat 中連接配接資料庫

将提供的 MySql 的 JDBC 驅動檔案 mysql-connector-java-xxxx-bin.jar 檔案複制到 Tomcat 目錄下的 lib 目錄中

至此，就成功搭建好了 MySql 伺服器。

——【4.安裝 Eclipse-JEE】——

① 下載下傳 Eclipse - Jee

進入官網 ​​http://www.eclipse.org/downloads/eclipse-packages​​ 選擇Eclipse IDE for Java EE Developers，根據自己電腦情況選擇32位或者64位：

下好以後直接解壓到相應位置，并找到 eclipse.exe，右鍵 –> 發送到 –> 桌面快捷方式就行了。

② 首次打開設定工作空間

由于我們已經配置好了 JDK 的相關資訊，是以這裡的 Eclipse 可以直接打開：

指定工作空間

工作空間大家設定成自己喜歡。熟悉的路徑即可，以後建立的工程檔案都在設定的工作空間裡面。

③ 進行簡單配置

配置 Tomcat 伺服器：

1.進入 Eclipse 後首先将 Tomcat 伺服器位置通知 Eclipse。選擇菜單項“Window”→“Preferences”

2.打開“Preferences”對話框，在左邊找到“Server”選項，并展開，選中其中“Runtime Environments”項目：

3.點選右邊界面中“Add”按鈕，在彈出的界面中找到“Apache Tomcat 8.5”項目并選中：

4.點選下一步，并在 Name 處輸入：Apache Tomcat v8.5。然後将目标目錄標明為剛剛安裝的 Tomcat 目錄

5.最後點選“Finish”按鈕完成伺服器的配置

配置預設的格式：

1.選擇菜單項“Window”→“Preferences”，找到下方的“Web”，将其中紅色框标記的選項裡的【Encoding（編碼格式）】均改為 UTF-8，是為防止使用中文亂碼的問題。

配置格式

2.點選“Apply and Close”完成配置。

④ 建立一個動态網頁項目測試

1.選中 Eclipse 菜單項“New”→“Dynamic Web Project”，建立一個動态網頁項目

2.在建立項目界面中 project name 處輸入工程名稱 second_webapp（注意 second 和 webapp 中間為下劃線）。并記住此名字。在 Runtime 中選擇剛剛配置的 Tomat。

3.點選“Next”按鈕，并對配置不做修改，再次點選“Next”按鈕，在下一個界面中，選中“Generate web.xml”選項。最後點選“Finish”按鈕建立工程。

4.在 second_webapp 上點選右鍵，并選中“Properties”菜單項，若看到工程預設編碼為 GBK，則在對話框中将工程的編碼方式改為 UTF-8，目的是避免以後中文出現亂碼：

5.展開 second_webapp 工程，并在“WebContent”項目上點選滑鼠右鍵，并選中菜單項目“New”→“HTML

File”，然後輸入網頁的名字 index.html，并點選“Finish”按鈕：