1. 程式人生 > >[轉載]java web環境搭建

[轉載]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

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 伺服器】——

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

下好以後直接解壓到相應位置,並找到 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”按鈕:

6.此時將顯示 HTML 檔案內容(預設為 HTML 5 格式),編輯 index.html 檔案,成如下內容:




我的第二個網頁


Java EE 環境部署成功!


7.編輯完成後,點選 Eclipse 選單:“Run”→“Run As”→“Run on Server”(注意:此時在 Eclipse 外面不能啟動Tomcat 伺服器,即 Tomcat 的命令提示視窗不能已經開啟),在彈出的對話方塊中選擇,剛剛配置的 Tomcat 環境,邊點選“Finish”按鈕啟動 Tomcat 伺服器: