天天看點

EclipseEE的Web開發環境配置(使用Tomcat作為Web伺服器)

進行JavaWeb開發,我們總共需要5個步驟:JDK的安裝與配置;Tomcat的安裝;EclipseEE的安裝與配置;建立工程;編寫代碼并運作。安裝的三個軟體在版本和适用構架上要一緻。當JDK是32位時,Tomcat和EclipseEE也都必須是32位的軟體。在版本的選擇上JDK8版本可以使用Tomcat8.5的版本。下面的安裝以JDK8和Tomcat8.5為例子,但實際無論哪種版本在安裝和配置上都極為類似,是以不必太糾結。

歡迎探讨,如有錯誤敬請指正

如需轉載,請注明出處  http://www.cnblogs.com/nullzx/

1. JDK的安裝

1)輕按兩下JDK的安裝程式,選擇安裝目錄(我們的例子中選擇C:\Program Files\Java\jre1.8.0_162作為安裝目錄),然後一路next下去。

2)建立JAVA_HOME系統環境變量。

EclipseEE的Web開發環境配置(使用Tomcat作為Web伺服器)
EclipseEE的Web開發環境配置(使用Tomcat作為Web伺服器)
變量名(大寫、下劃線) JAVA_HOME
變量值 C:\Program Files\Java\jdk1.8.0_73

請根據自己的JDK的安裝目錄選擇JAVA_HOME的環境變量值。

3)修改Path環境變量

在系統環境變量中找到Path環境變量,并在其末尾追加

;%JAVA_HOME%\bin

注意追加前需要添加一個分号,因為windows7下環境變量和環境變量之間通過分号分開。

4)測試JDK的安裝

在指令提示符中運作 java 指令,看到以下内容說明JDK安裝成功了

EclipseEE的Web開發環境配置(使用Tomcat作為Web伺服器)

2. Tomcat的安裝

解壓Tomcat安裝包即可(這裡我們将Tomcat的安裝包解壓到D:\Program Files\apache-tomcat-8.5.40目錄下)。Tomcat的運作需要JDK的支援,它自身而言相當于一個綠色軟體。這裡我們先不要運作Tomcat,防止同學忘記關掉Tomcat而導緻在Eclipse在運作工程時端口被占用。

3. Eclipse EE 安裝與配置

Eclipse EE(注意不是SE)的安裝和Tomcat一樣,直接解壓即可,它的運作需要JDK的支援,它自身也是一個綠色軟體。但Eclipse EE配置過程相當麻煩,現在我們就來一步步的進行Eclipse EE的配置。

EclipseEE的Web開發環境配置(使用Tomcat作為Web伺服器)
EclipseEE的Web開發環境配置(使用Tomcat作為Web伺服器)
EclipseEE的Web開發環境配置(使用Tomcat作為Web伺服器)
EclipseEE的Web開發環境配置(使用Tomcat作為Web伺服器)
EclipseEE的Web開發環境配置(使用Tomcat作為Web伺服器)

如果上面這個頁面的内容不可修改,我們可以按照下圖的方式先啟動伺服器,再輕按兩下修改,然後再關閉伺服器。

EclipseEE的Web開發環境配置(使用Tomcat作為Web伺服器)

4. 建立工程

EclipseEE的Web開發環境配置(使用Tomcat作為Web伺服器)
EclipseEE的Web開發環境配置(使用Tomcat作為Web伺服器)
EclipseEE的Web開發環境配置(使用Tomcat作為Web伺服器)
EclipseEE的Web開發環境配置(使用Tomcat作為Web伺服器)

如果工程中沒有添加Tomcat提供的庫,我們就需要手動添加Tomcat的庫,否則沒有必要進行後面的操作。

EclipseEE的Web開發環境配置(使用Tomcat作為Web伺服器)
EclipseEE的Web開發環境配置(使用Tomcat作為Web伺服器)
EclipseEE的Web開發環境配置(使用Tomcat作為Web伺服器)
EclipseEE的Web開發環境配置(使用Tomcat作為Web伺服器)

5. 編寫程式

5.1靜态網頁

EclipseEE的Web開發環境配置(使用Tomcat作為Web伺服器)
EclipseEE的Web開發環境配置(使用Tomcat作為Web伺服器)
EclipseEE的Web開發環境配置(使用Tomcat作為Web伺服器)
EclipseEE的Web開發環境配置(使用Tomcat作為Web伺服器)

5.2動态網頁

EclipseEE的Web開發環境配置(使用Tomcat作為Web伺服器)
EclipseEE的Web開發環境配置(使用Tomcat作為Web伺服器)
EclipseEE的Web開發環境配置(使用Tomcat作為Web伺服器)
EclipseEE的Web開發環境配置(使用Tomcat作為Web伺服器)

6. 運作工程

EclipseEE的Web開發環境配置(使用Tomcat作為Web伺服器)

通過浏覽器 http://localhost:8080/HelloWorld/a.html 可以通路我們建立的靜态網頁,注意檔案名的字尾html不要忘記。通過浏覽器 http://localhost:8080/HelloWorld/b 可以通路我們建立的動态網頁。