雖然說(shuō) html 和 css 等前端技術(shù)爷速，是對(duì)于 Web 來(lái)說(shuō)不可或缺的技術(shù)膏孟，但是畢竟更為簡(jiǎn)單一些再层，所以就不詳細(xì)介紹了伦泥，沒(méi)有基礎(chǔ)的同學(xué)可以去菜鳥(niǎo)教程或者W3school進(jìn)行自主學(xué)習(xí)库糠，最好的方式還是做一做簡(jiǎn)單的項(xiàng)目钮追，相信你很快就可以上手啦怒炸。(有空把我仿的天貓給大家拿出來(lái)..)
——【1. JDK 的安裝】——
在搭建環(huán)境之前呢隅俘，還是給搬一下一些名詞的介紹和解釋?zhuān)?/p>
| 術(shù)語(yǔ)名 | 縮寫(xiě) | 解釋 |
|---|---|---|
| Java Development Kit | JDK | 編寫(xiě)Java程序的從程序員使用的軟件 |
| Java Runtime Environment | JRE | 運(yùn)行Java程序的用戶(hù)使用的軟件 |
| Standard Edition | SE | 用于桌面或簡(jiǎn)單的服務(wù)器應(yīng)用的Java平臺(tái) |
| Enterprise Edition | EE | 用于復(fù)雜的服務(wù)器應(yīng)用的Java平臺(tái) |
| Micro Edition | ME | 用于手機(jī)和其他小型設(shè)備的Java平臺(tái) |
| Java 2 | J2 | 一個(gè)過(guò)時(shí)的術(shù)語(yǔ)沈自，用于描述1998年~2006年之間的Java版本 |
| Software Development Kit | SDK | 一個(gè)過(guò)時(shí)的術(shù)語(yǔ)酌儒，用于描述1998年~2006年之間的JDK |
再來(lái)引用一張圖片來(lái)說(shuō)明 Java SE 和 Jave EE 的區(qū)別：
JDK 的下載
JDK的官方下載地址在這：http://www.oracle.com/technetwork/java/javase/downloads/index.html
最新的JDK已經(jīng)升級(jí)到了9.0，而且據(jù)說(shuō)10.0都快出來(lái)了枯途，可能對(duì)于一些新學(xué) Java 的同學(xué)來(lái)說(shuō)忌怎，8的特性還沒(méi)熟悉籍滴，9不知道是啥，10.0 眼看著都要出來(lái)了...沒(méi)關(guān)系榴啸，我也是差不多這樣的感受...
JDK 的安裝
上圖就是一個(gè)JDK的下載過(guò)程孽惰，安裝很簡(jiǎn)單，我就直接粘網(wǎng)上的圖了（重要的是記住JDK安裝的路徑用于配置環(huán)境變量）：
JDK 環(huán)境變量的配置
Java環(huán)境變量涉及到三個(gè)名詞：JAVA_HOME鸥印、path勋功、classpath。
JAVA_HOME代表JDK安裝主目錄库说，path代表JDK下可執(zhí)行文件目錄狂鞋，classpath代表運(yùn)行java程序時(shí)需要查找class文件的目錄。
依據(jù)上面的安裝步驟：
JAVA_HOME應(yīng)該設(shè)置為：D:\DevelopTools\JAVA\JDK
path應(yīng)該設(shè)置為：%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;（注意其中的分號(hào)）
classpath應(yīng)該設(shè)置為：.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;（注意最前面的點(diǎn)代表當(dāng)前路徑潜的，JDK1.5之后這項(xiàng)不用設(shè)置了）
設(shè)置方式如下：
第一步
第二步
第三步
到此就已經(jīng)成功配置好了 JDK 所需要的環(huán)境變量要销，我們下面來(lái)驗(yàn)證一下。
驗(yàn)證 JDK 是否安裝成功
打開(kāi)命令提示符夏块，WINDOWS 下的快捷鍵為【W(wǎng)in + R】疏咐，然后輸入 cmd ，輸入【java -version】查看是否輸出正確地版本信息脐供，如果成功浑塞，則 JRE 配置成功。（我直接貼的老圖啦政己，所以....）
輸入【javac】看是否輸出編譯信息酌壕，若有，則 JDK 配置成功：
至此歇由，JDK 就徹底安裝成功了卵牍。
——【2.安裝和配置 Tomcat 服務(wù)器】——
正如上一篇說(shuō)到的，Tomcat 是使用 Java 語(yǔ)言編寫(xiě)的一個(gè)服務(wù)器（程序）沦泌，所以要運(yùn)行 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 盤(pán)
并記錄下其路徑，如 D:\apache-tomcat-8.5.5.
② 配置 CATALINA_HOME 環(huán)境變量到上面記下的路徑：
③ 啟動(dòng) Tomcat 服務(wù)器
找到 D:\apache-tomcat-8.5.5 路徑下的 bin 目錄中的 startup.bat 文件回挽，雙擊運(yùn)行没咙，如果輸出啟動(dòng)信息，并未輸出任何異常千劈，則 Tomcat 安裝正確（注意祭刚，彈出的命令提示符窗口不能關(guān)閉，否則服務(wù)器將停止運(yùn)行！）
④ 打開(kāi)瀏覽器驗(yàn)證 Tomcat
打開(kāi)瀏覽器涡驮，在地址欄輸入地址：http://localhost:8080/ 或者 http://127.0.0.1:8080/ 宜鸯，如果能夠打開(kāi) Tomcat 配置頁(yè)面，則說(shuō)明 Tomcat 配置成功：
關(guān)閉 Tomcat 服務(wù)器
在 Tomcat 開(kāi)啟的命令提示符界面按下【Ctrl + C】鍵遮怜，將關(guān)閉 Tomcat 服務(wù)器。再次嘗試訪(fǎng)問(wèn) Tomcat 配置頁(yè)面鸿市，若出現(xiàn)網(wǎng)頁(yè)不能訪(fǎng)問(wèn)提示锯梁，則說(shuō)明 Tomcat 關(guān)閉成功：
在 Tomcat 中新建 Web 工程
步驟如下：（下載文件-密碼klhk）
① 找到 Tomcat 目錄下的 webapps 目錄。
② 在 webapps 目錄下新建一個(gè)目錄： first_webapp焰情。（注意 first 和 webapp 中間為下劃線(xiàn)）
③ 在 first_webapp 中建立一個(gè)目錄： WEB-INF陌凳。（注意大小寫(xiě)，WEB 和 INF 之間為橫線(xiàn)）
④ 將上面的下載文件下載下來(lái)以后内舟，將提供的 web.xml 文件復(fù)制到 WEB-INF 目錄中合敦。
⑤ 將提供的 index.html 文件復(fù)制到 first_webapp 目錄下。
⑥ 啟動(dòng) Tomcat验游。
⑦ 在瀏覽器中輸入網(wǎng)址：http://localhose:8080/first_webapp 充岛，查看是否能夠正確訪(fǎng)問(wèn)，如果可以正確顯示頁(yè)面耕蝉，則表示 Tomcat 中創(chuàng)建新項(xiàng)目成功崔梗。
——【3.安裝配置 MySql 服務(wù)器】——
不管怎樣，服務(wù)器端總是要有數(shù)據(jù)庫(kù)的垒在，這里就給出兩個(gè)綠色版本的工具蒜魄，來(lái)建立一個(gè) Web 開(kāi)發(fā)所需要的 MySql 服務(wù)器：
鏈接：https://pan.baidu.com/s/1i-H4SUMcn2y5_arluK923A 密碼：1n04
- xampp 是一套 Web 開(kāi)發(fā)套件，里面包含了 mysql场躯、apache谈为、tomcat 等常用組件。這里我們主要利用其中的 mysql 組件來(lái)完成數(shù)據(jù)庫(kù)的開(kāi)發(fā)踢关。
- heidiSQL 是一款綠色版的 SQL 管理軟件伞鲫，能實(shí)現(xiàn)數(shù)據(jù)庫(kù)的一些常用功能。
步驟如下：
① 將提供的 xampp 工具解壓到 D 盤(pán)根目錄下签舞。（注意 xampp 一定要解壓到根目錄下才有效榔昔。所謂根目錄是指
D:\xampp\目錄下不能再嵌套 xampp 目錄，而是直接在 D:\xampp\目錄下能夠找到 mysql 目錄瘪菌。切記Ｈ龌帷！）
② 雙擊 xampp 目錄下的 xampp-control.exe 文件運(yùn)行师妙，并顯示如下界面：
③ 為了避免和本機(jī)上已經(jīng)安裝的 MySql 服務(wù)器沖突诵肛，我們需要更改 xampp 的服務(wù)名稱(chēng)：?jiǎn)螜C(jī)界面上的 Config 按
鈕，顯示如下界面：
④ 點(diǎn)擊“Service and Port Settings”按鈕，將出現(xiàn)如下界面：
⑤ 點(diǎn)擊 MySQL 標(biāo)簽頁(yè)怔檩，配置 MySql褪秀，將 MySql 的 Service Name 從 mysql 更改為 mysql-xampp，然后保存：
⑥ 關(guān)閉 xampp薛训。（ 注意 如果閉 關(guān)閉 xampp 后媒吗，xampp 。 任然在后臺(tái)運(yùn)行乙埃，必須從右下角系統(tǒng)托盤(pán)處完全關(guān)閉闸英。）然后重新打開(kāi) xampp-control.exe 文件：
⑦ 點(diǎn)擊 MySql 對(duì)應(yīng)的 Start 按鈕。如果 MySql 服務(wù)啟動(dòng)成功介袜，則顯示如下：
其中甫何，MySql 字符的背景色變?yōu)榫G色表示啟動(dòng)成功，PID 表示 MySql 在操作系統(tǒng)中的進(jìn)程號(hào)遇伞，Port 表示 MySql 進(jìn)程所監(jiān)聽(tīng)的端口號(hào)辙喂。
⑧ 打開(kāi)提供的 heidiSQL 工具（綠色軟件），將顯示如下界面：
⑨ 點(diǎn)擊 New 按鈕鸠珠，新建 MySql 連接：
⑩ 在 hostname/IP 處填寫(xiě)：127.0.0.1 或者 localhost巍耗。在 User 處填寫(xiě)：root（這是 MySql 的登錄用戶(hù)名）。在 Password 處填寫(xiě)：root（這是 MySql 的登錄密碼渐排。 注意：如果是自己下載的 xampp 工具芍锦，則密碼為空。使用的我提供的 xampp 工具飞盆，則 MySql 登錄密碼被我改成 root ）在 Port 處填寫(xiě)：3306（這是 MySql 默認(rèn)的監(jiān)聽(tīng)端口）娄琉，隨后點(diǎn)擊【Open】按鈕，將顯示如下界面：
左邊列出了目前 MySql 中的所有數(shù)據(jù)庫(kù)吓歇，右邊是當(dāng)前數(shù)據(jù)庫(kù)的內(nèi)容孽水。（請(qǐng)勿更改和刪除默認(rèn)數(shù)據(jù)庫(kù)的內(nèi)容）
在 Tomcat 中連接數(shù)據(jù)庫(kù)
將提供的 MySql 的 JDBC 驅(qū)動(dòng)文件 mysql-connector-java-xxxx-bin.jar 文件復(fù)制到 Tomcat 目錄下的 lib 目錄中
至此，就成功搭建好了 MySql 服務(wù)器城看。
——【4.安裝 Eclipse-JEE】——
① 下載 Eclipse - Jee
進(jìn)入官網(wǎng) http://www.eclipse.org/downloads/eclipse-packages 選擇Eclipse IDE for Java EE Developers女气，根據(jù)自己電腦情況選擇32位或者64位：
下好以后直接解壓到相應(yīng)位置，并找到 eclipse.exe测柠，右鍵 --> 發(fā)送到 --> 桌面快捷方式就行了炼鞠。
② 首次打開(kāi)設(shè)置工作空間
由于我們已經(jīng)配置好了 JDK 的相關(guān)信息，所以這里的 Eclipse 可以直接打開(kāi)：
工作空間大家設(shè)置成自己喜歡轰胁。熟悉的路徑即可谒主，以后建立的工程文件都在設(shè)置的工作空間里面。
③ 進(jìn)行簡(jiǎn)單配置
-
配置 Tomcat 服務(wù)器：
1.進(jìn)入 Eclipse 后首先將 Tomcat 服務(wù)器位置通知 Eclipse赃阀。選擇菜單項(xiàng)“Window”→“Preferences”
2.打開(kāi)“Preferences”對(duì)話(huà)框霎肯，在左邊找到“Server”選項(xiàng)，并展開(kāi)，選中其中“Runtime Environments”項(xiàng)目：
3.點(diǎn)擊右邊界面中“Add”按鈕观游，在彈出的界面中找到“Apache Tomcat 8.5”項(xiàng)目并選中：
4.點(diǎn)擊下一步搂捧，并在 Name 處輸入：Apache Tomcat v8.5。然后將目標(biāo)目錄選定為剛剛安裝的 Tomcat 目錄
5.最后點(diǎn)擊“Finish”按鈕完成服務(wù)器的配置
-
配置默認(rèn)的格式：
1.選擇菜單項(xiàng)“Window”→“Preferences”懂缕，找到下方的“Web”允跑，將其中紅色框標(biāo)記的選項(xiàng)里的【Encoding（編碼格式）】均改為 UTF-8，是為防止使用中文亂碼的問(wèn)題搪柑。
2.點(diǎn)擊“Apply and Close”完成配置聋丝。
④ 創(chuàng)建一個(gè)動(dòng)態(tài)網(wǎng)頁(yè)項(xiàng)目測(cè)試
- 1.選中 Eclipse 菜單項(xiàng)“New”→“Dynamic Web Project”，新建一個(gè)動(dòng)態(tài)網(wǎng)頁(yè)項(xiàng)目
- 2.在新建項(xiàng)目界面中 project name 處輸入工程名稱(chēng) second_webapp（注意 second 和 webapp 中間為下劃線(xiàn)）拌屏。并記住此名字。在 Runtime 中選擇剛剛配置的 Tomat术荤。
- 3.點(diǎn)擊“Next”按鈕倚喂，并對(duì)配置不做修改，再次點(diǎn)擊“Next”按鈕瓣戚，在下一個(gè)界面中端圈，選中“Generate web.xml”選項(xiàng)。最后點(diǎn)擊“Finish”按鈕創(chuàng)建工程子库。
- 4.在 second_webapp 上點(diǎn)擊右鍵舱权，并選中“Properties”菜單項(xiàng)，若看到工程默認(rèn)編碼為 GBK仑嗅，則在對(duì)話(huà)框中將工程的編碼方式改為 UTF-8宴倍，目的是避免以后中文出現(xiàn)亂碼：
- 5.展開(kāi) second_webapp 工程，并在“WebContent”項(xiàng)目上點(diǎn)擊鼠標(biāo)右鍵仓技，并選中菜單項(xiàng)目“New”→“HTML
File”鸵贬，然后輸入網(wǎng)頁(yè)的名字 index.html，并點(diǎn)擊“Finish”按鈕：
- 6.此時(shí)將顯示 HTML 文件內(nèi)容（默認(rèn)為 HTML 5 格式）脖捻，編輯 index.html 文件阔逼，成如下內(nèi)容：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我的第二個(gè)網(wǎng)頁(yè)</title>
</head>
<body>
Java EE 環(huán)境部署成功！
</body>
</html>
- 7.編輯完成后地沮，點(diǎn)擊 Eclipse 菜單：“Run”→“Run As”→“Run on Server”（注意：此時(shí)在 Eclipse 外面不能啟動(dòng)Tomcat 服務(wù)器嗜浮，即 Tomcat 的命令提示窗口不能已經(jīng)打開(kāi)），在彈出的對(duì)話(huà)框中選擇摩疑，剛剛配置的 Tomcat 環(huán)境危融，邊點(diǎn)擊“Finish”按鈕啟動(dòng) Tomcat 服務(wù)器：
- 8.等待服務(wù)器啟動(dòng)完成。然后在瀏覽器中輸入網(wǎng)址：http://localhost:8080/second_webapp/index.html雷袋，查看網(wǎng)頁(yè)专挪。如果能正確顯示頁(yè)面，則 Eclipse 新建項(xiàng)目成功。
至此寨腔，Java Web 的開(kāi)發(fā)環(huán)境就已經(jīng)全部搭建好了速侈，關(guān)于為什么選擇 Eclipse 而不選擇 IDEA ，是因?yàn)檫@學(xué)期開(kāi)的 Java Web 課程中使用的也是 Eclipse 迫卢，為了避免麻煩倚搬，所以還是用 Eclipse 吧。
參考資料：
1.迷路的國(guó)王博客
2.本學(xué)校的實(shí)驗(yàn)說(shuō)明
歡迎轉(zhuǎn)載乾蛤，轉(zhuǎn)載請(qǐng)注明出處每界！
簡(jiǎn)書(shū)ID：@我沒(méi)有三顆心臟
github：wmyskxz
歡迎關(guān)注公眾微信號(hào)：wmyskxz
分享自己的學(xué)習(xí) & 學(xué)習(xí)資料 & 生活
想要交流的朋友也可以加qq群：3382693
