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

---

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

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

術(shù)語名縮寫解釋

Java Development Kit	JDK	編寫Java程序的從程序員使用的軟件
Java Runtime Environment	JRE	運行Java程序的用戶使用的軟件
Standard Edition	SE	用于桌面或簡單的服務(wù)器應(yīng)用的Java平臺
Enterprise Edition	EE	用于復(fù)雜的服務(wù)器應(yīng)用的Java平臺
Micro Edition	ME	用于手機和其他小型設(shè)備的Java平臺
Java 2	J2	一個過時的術(shù)語，用于描述1998年~2006年之間的Java版本
Software Development Kit	SDK	一個過時的術(shù)語，用于描述1998年~2006年之間的JDK

再來引用一張圖片來說明 Java SE 和 Jave EE 的區(qū)別：

JDK 的下載

JDK的官方下載地址在這：http://www.oracle.com/technetwork/java/javase/downloads/index.html
最新的JDK已經(jīng)升級到了9.0，而且據(jù)說10.0都快出來了，可能對于一些新學(xué) Java 的同學(xué)來說，8的特性還沒熟悉，9不知道是啥，10.0 眼看著都要出來了...沒關(guān)系，我也是差不多這樣的感受...

JDK 的安裝

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

JDK 環(huán)境變量的配置

Java環(huán)境變量涉及到三個名詞：JAVA_HOME、path、classpath。

JAVA_HOME代表JDK安裝主目錄，path代表JDK下可執(zhí)行文件目錄，classpath代表運行java程序時需要查找class文件的目錄。

依據(jù)上面的安裝步驟：

JAVA_HOME應(yīng)該設(shè)置為：D:\DevelopTools\JAVA\JDK

path應(yīng)該設(shè)置為：%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;（注意其中的分號）

classpath應(yīng)該設(shè)置為：.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;（注意最前面的點代表當前路徑，JDK1.5之后這項不用設(shè)置了）

設(shè)置方式如下：

到此就已經(jīng)成功配置好了 JDK 所需要的環(huán)境變量，我們下面來驗證一下。

驗證 JDK 是否安裝成功

打開命令提示符，WINDOWS 下的快捷鍵為【W(wǎng)in + R】，然后輸入 cmd ，輸入【java -version】查看是否輸出正確地版本信息，如果成功，則 JRE 配置成功。（我直接貼的老圖啦，所以....）

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

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

---

——【2.安裝和配置 Tomcat 服務(wù)器】——

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

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

① 解壓提供的 Tomcat 到 D 盤

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

② 配置 CATALINA_HOME 環(huán)境變量到上面記下的路徑：

③ 啟動 Tomcat 服務(wù)器

找到 D:\apache-tomcat-8.5.5 路徑下的 bin 目錄中的 startup.bat 文件，雙擊運行，如果輸出啟動信息，并未輸出任何異常，則 Tomcat 安裝正確（注意，彈出的命令提示符窗口不能關(guān)閉，否則服務(wù)器將停止運行！）

④ 打開瀏覽器驗證 Tomcat

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

關(guān)閉 Tomcat 服務(wù)器

在 Tomcat 開啟的命令提示符界面按下【Ctrl + C】鍵，將關(guān)閉 Tomcat 服務(wù)器。再次嘗試訪問 Tomcat 配置頁面，若出現(xiàn)網(wǎng)頁不能訪問提示，則說明 Tomcat 關(guān)閉成功：

在 Tomcat 中新建 Web 工程

步驟如下：（下載文件-密碼klhk）
① 找到 Tomcat 目錄下的 webapps 目錄。
② 在 webapps 目錄下新建一個目錄： first_webapp。（注意 first 和 webapp 中間為下劃線）
③ 在 first_webapp 中建立一個目錄： WEB-INF。（注意大小寫，WEB 和 INF 之間為橫線）
④ 將上面的下載文件下載下來以后，將提供的 web.xml 文件復(fù)制到 WEB-INF 目錄中。
⑤ 將提供的 index.html 文件復(fù)制到 first_webapp 目錄下。
⑥ 啟動 Tomcat。
⑦ 在瀏覽器中輸入網(wǎng)址：http://localhose:8080/first_webapp ，查看是否能夠正確訪問，如果可以正確顯示頁面，則表示 Tomcat 中創(chuàng)建新項目成功。

---

——【3.安裝配置 MySql 服務(wù)器】——

不管怎樣，服務(wù)器端總是要有數(shù)據(jù)庫的，這里就給出兩個綠色版本的工具，來建立一個 Web 開發(fā)所需要的 MySql 服務(wù)器：
鏈接：https://pan.baidu.com/s/1i-H4SUMcn2y5_arluK923A 密碼：1n04

• xampp?是一套 Web 開發(fā)套件，里面包含了 mysql、apache、tomcat 等常用組件。這里我們主要利用其中的 mysql 組件來完成數(shù)據(jù)庫的開發(fā)。
• heidiSQL?是一款綠色版的 SQL 管理軟件，能實現(xiàn)數(shù)據(jù)庫的一些常用功能。

步驟如下：
① 將提供的 xampp 工具解壓到 D 盤根目錄下。（注意 xampp 一定要解壓到根目錄下才有效。所謂根目錄是指
D:\xampp\目錄下不能再嵌套 xampp 目錄，而是直接在 D:\xampp\目錄下能夠找到 mysql 目錄。切記！！）
② 雙擊 xampp 目錄下的 xampp-control.exe 文件運行，并顯示如下界面：

③ 為了避免和本機上已經(jīng)安裝的 MySql 服務(wù)器沖突，我們需要更改 xampp 的服務(wù)名稱：單機界面上的 Config 按
鈕，顯示如下界面：

④ 點擊“Service and Port Settings”按鈕，將出現(xiàn)如下界面：

⑤ 點擊 MySQL 標簽頁，配置 MySql，將 MySql 的 Service Name 從 mysql 更改為 mysql-xampp，然后保存：

⑥ 關(guān)閉 xampp。（ 注意 如果閉 關(guān)閉 xampp 后，xampp 。 任然在后臺運行，必須從右下角系統(tǒng)托盤處完全關(guān)閉。）然后重新打開 xampp-control.exe 文件：

⑦ 點擊 MySql 對應(yīng)的 Start 按鈕。如果 MySql 服務(wù)啟動成功，則顯示如下：

其中，MySql 字符的背景色變?yōu)榫G色表示啟動成功，PID 表示 MySql 在操作系統(tǒng)中的進程號，Port 表示 MySql 進程所監(jiān)聽的端口號。

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

⑨ 點擊 New 按鈕，新建 MySql 連接：

⑩ 在 hostname/IP 處填寫：127.0.0.1 或者 localhost。在 User 處填寫：root（這是 MySql 的登錄用戶名）。在 Password 處填寫：root（這是 MySql 的登錄密碼。?注意：如果是自己下載的 xampp 工具，則密碼為空。使用的我提供的 xampp 工具，則 MySql 登錄密碼被我改成 root?）在 Port 處填寫：3306（這是 MySql 默認的監(jiān)聽端口），隨后點擊【Open】按鈕，將顯示如下界面：

左邊列出了目前 MySql 中的所有數(shù)據(jù)庫，右邊是當前數(shù)據(jù)庫的內(nèi)容。（請勿更改和刪除默認數(shù)據(jù)庫的內(nèi)容）

在 Tomcat 中連接數(shù)據(jù)庫

將提供的 MySql 的 JDBC 驅(qū)動文件 mysql-connector-java-xxxx-bin.jar 文件復(fù)制到 Tomcat 目錄下的 lib 目錄中

至此，就成功搭建好了 MySql 服務(wù)器。

---

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

① 下載 Eclipse - Jee

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

下好以后直接解壓到相應(yīng)位置，并找到?eclipse.exe，右鍵 --> 發(fā)送到 --> 桌面快捷方式就行了。

② 首次打開設(shè)置工作空間

由于我們已經(jīng)配置好了 JDK 的相關(guān)信息，所以這里的 Eclipse 可以直接打開：

工作空間大家設(shè)置成自己喜歡。熟悉的路徑即可，以后建立的工程文件都在設(shè)置的工作空間里面。

③ 進行簡單配置

• 配置 Tomcat 服務(wù)器：
  1.進入 Eclipse 后首先將 Tomcat 服務(wù)器位置通知 Eclipse。選擇菜單項“Window”→“Preferences”
  2.打開“Preferences”對話框，在左邊找到“Server”選項，并展開，選中其中“Runtime Environments”項目：

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

4.點擊下一步，并在 Name 處輸入：Apache Tomcat v8.5。然后將目標目錄選定為剛剛安裝的 Tomcat 目錄

5.最后點擊“Finish”按鈕完成服務(wù)器的配置

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

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

④ 創(chuàng)建一個動態(tài)網(wǎng)頁項目測試

• 1.選中 Eclipse 菜單項“New”→“Dynamic Web Project”，新建一個動態(tài)網(wǎng)頁項目
• 2.在新建項目界面中 project name 處輸入工程名稱 second_webapp（注意 second 和 webapp 中間為下劃線）。并記住此名字。在 Runtime 中選擇剛剛配置的 Tomat。

• 3.點擊“Next”按鈕，并對配置不做修改，再次點擊“Next”按鈕，在下一個界面中，選中“Generate web.xml”選項。最后點擊“Finish”按鈕創(chuàng)建工程。

• 4.在 second_webapp 上點擊右鍵，并選中“Properties”菜單項，若看到工程默認編碼為 GBK，則在對話框中將工程的編碼方式改為 UTF-8，目的是避免以后中文出現(xiàn)亂碼：

• 5.展開 second_webapp 工程，并在“WebContent”項目上點擊鼠標右鍵，并選中菜單項目“New”→“HTML
  File”，然后輸入網(wǎng)頁的名字 index.html，并點擊“Finish”按鈕：

• 6.此時將顯示 HTML 文件內(nèi)容（默認為 HTML 5 格式），編輯 index.html 文件，成如下內(nèi)容：

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>我的第二個網(wǎng)頁</title> </head> <body> Java EE 環(huán)境部署成功！ </body> </html>

• 7.編輯完成后，點擊 Eclipse 菜單：“Run”→“Run As”→“Run on Server”（注意：此時在 Eclipse 外面不能啟動Tomcat 服務(wù)器，即 Tomcat 的命令提示窗口不能已經(jīng)打開），在彈出的對話框中選擇，剛剛配置的 Tomcat 環(huán)境，邊點擊“Finish”按鈕啟動 Tomcat 服務(wù)器：

• 8.等待服務(wù)器啟動完成。然后在瀏覽器中輸入網(wǎng)址：http://localhost:8080/second_webapp/index.html，查看網(wǎng)頁。如果能正確顯示頁面，則 Eclipse 新建項目成功。

---

至此，Java Web 的開發(fā)環(huán)境就已經(jīng)全部搭建好了，關(guān)于為什么選擇 Eclipse 而不選擇 IDEA ，是因為這學(xué)期開的 Java Web 課程中使用的也是 Eclipse ，為了避免麻煩，所以還是用 Eclipse 吧。

參考資料：

1.迷路的國王博客
2.本學(xué)校的實驗說明

---

歡迎轉(zhuǎn)載，轉(zhuǎn)載請注明出處！
簡書ID：@我沒有三顆心臟
github：wmyskxz

總結(jié)

以上是生活随笔為你收集整理的初学Java Web（2）——搭建Java Web开发环境的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。