基於Eclipse 的JSP/Servlet的開發環境的搭建(圖文)

本文將會詳細地展示如何搭建JSP的開發環境。本次教程使用的是最新版的Eclipse 2018-09編輯器和最新版的Apache Tomcat v9.0,步驟詳細,內容詳盡,適合零基礎學者作爲學習參考

基於Eclipse 的JSP的開發環境的搭建

說明:順利地開發、測試和運行JSP程序少不了規範而安全的開發環境,本文將會詳細地展示如何搭建JSP的開發環境。 內容詳盡,適合零基礎學者作爲學習參考

一、JSP介紹:

1.JSP全稱Java Server Pages,是一種動態網頁開發技術。它使用JSP標籤(通常以<%開頭以%>結束)在HTML網頁中插入Java代碼。

2.JSP是一種Java servlet,主要用於實現Java web應用程序的用戶界面部分。網頁開發者們通過結合HTML代碼、XHTML代碼、XML元素以及嵌入JSP操作和命令來編寫JSP。

3.JSP通過網頁表單獲取用戶輸入數據、訪問數據庫及其他數據源,然後動態地創建網頁。

4.JSP可以直接在HTML網頁中動態嵌入元素

5.網頁的動態部分用Java編寫,而不是VB或其他MS專用語言,更加強大與易用。

6.與服務器交互,能提供複雜的服務,比如訪問數據庫和圖像處理等。

二、搭建本地web服務器。

1.下載一個支持JSP開發的Web服務器軟件,本次教程選用的是: Apache Tomcat(官方地址: http://tomcat.apache.org/ )

(1)進入Apache Tomcat官網,本教程選用Tomcat 9,如圖所示,點擊Download下的“Tomcat 9”。

(2)找到Binary Distributions 下的core,選擇符合計算機系統字長的版本,我選用的是64bit的:

(3)下載完成後,將其解壓到自己想要存放Tomcat 的磁盤下自定義的文件夾下( 文件夾名不能有空格,最好沒有中文字符 ),我將其直接解壓到D盤,存放的路徑是:D:\apache-tomcat-9.0.13:

(4)解壓完成後,進入該文件夾,可以看見有以下幾個文件夾:

現在對以上幾個文件夾做簡要的闡述:

  • bin:存放的是二進制執行文件。其中最常用的文件是startup.bat文件。
  • conf:配置目錄文件夾。最核心的文件是server.xml文件 ,該文件可進行更改端口號等操作。默認端口號是8080(該端口不能被其他進程佔用)。
  • lib:庫文件。tomcat運行時需要的jar包所在的目錄
  • logs:日誌文件夾。
  • temp:緩存文件夾,用來存放臨時產生的文件。
  • webapps:web的應用程序。放置到此目錄下的web應用,瀏覽器便可以直接訪問。
  • work:用來存放JSP程序編譯以後的.class文件。

(5)設置Java的環境變量,若已經設置請忽略此步驟,若未設置請參考我的另外一篇博客(java環境變量的設置)(鏈接地址:+++++++++++++++++++++)、

(6)現在打開存放Tomcat的文件夾,找到bin文件夾下的startup.bat文件,雙擊打開該文件。

(7)雙擊後彈出如圖窗口,說明本地Web服務器已經搭建成功,並且本地web服務器正處於待命狀態,若想關閉本地web服務器,直接按“Ctrl+C”即可關閉。

三、Eclipse和Tomcat的關聯操作

(1)打開Eclipse(若未下載安裝, 點擊此處下載 ),在菜單欄找到並點擊Window,在下拉菜單中找到Preference。彈出Preference窗口,在窗口最左列找到Server,然後點擊Server,在下拉菜單中選擇Runtime Environment,再點擊右上端的add...按鈕。

注意:若你的Eclipse裏的Preferences裏沒有Server,點擊這裏幫你解決。

(2)在彈出的New Server Runtime Environment 窗口中,選擇我們下載並已經安裝了的Tomcat對應的版本,我使用的是Apache Tomcat v9.0,然後點擊Next>

(3)然後覈對對應的Tomcat的版本及安裝路徑是否正確,若不正確,自行根據自己Tomcat的版本和安裝路徑修改。 重點:安裝JRE :點擊Installed JREs按鈕:如圖:

(4)點擊進入後來到Preferences窗口的Installed JREs 目錄: 注意紅色標記框(說明必須引入JRE才行),點擊add...按鈕進行JRE的引入。

(5)如下圖,單擊標準虛擬機“Stardard VM”,然後點擊下一步Next>

(6)然後根據已經安裝了的JRE,如下圖所示完成JRE的引入:

(7)點擊Finish按鈕後,會回到Preferences的Installed JREs 窗口,發現已經成功地引入了JRE,勾選剛引入的JRE:

(8)依次點擊Apply and Close按鈕(應用該設置並關閉該窗口),保存並關閉我們剛纔所有的設置。截止到現在,已經完成Eclipse與Tomcat的關聯。現在進行下一步。

四、建立一個簡單的JSP程序,測試整個開發運行環境是否能正常運轉 。

(1)打開Eclipse,點擊file---->new----->Dynamic Web Project,彈出下圖窗口,根據自身情況設置好對應的參數(一般Eclipse會默認填上),並依次如圖操作:

(2)項目建立完成後,展開FristTomcatTest項目,選中WebContent目錄,右鍵--->New----->Jsp File  :

在彈出的如下窗口中,設置文件名(隨意自定)爲:Test.jsp:

(3)點擊Finish後發現在WebContent目錄下有一個Test,jsp文件,雙擊該文件,右側顯示該文件中的一些默認代碼:

(4)我們現在修改裏面的代碼如下(綠色框中標識的代碼即爲修改或添加的代碼):

(5)鍵入“Ctrl+s”鍵保存上面對文件的修改。 現在,在Eclipse的菜單欄點擊Window--->Web Browser----->Default system web brower。

(6) 確保Tomcat未在後臺運行 ( 若Tomcat已經在後臺開啓,Eclipse就無法啓動Tomcat並使用本地Web服務器,也就會出現Tomcat的啓動錯誤提示窗口,從而無法完成後續操作,所以要保證後臺Tomcat未運行,Eclipse纔可以正常運行JSP程序 ),然後選中FirstTomcatProject,右擊---->Run As----->Run on Server。將會彈出Run on Server的信息確認窗口:

點擊Finish按鈕後,會跳轉到系統默認瀏覽器:

竟然出現了最常見的404錯誤,也就是未找到文件,其實仔細查看地址欄就明白爲什麼了(我們要運行的是JSP文件,但地址欄未精確到相應的jsp文件)彆着急,這裏有兩種解決辦法,

  • 手動補齊瀏覽器地址欄的內容:http://localhost:8080/FristTomcatProject/Test.jsp。
  • 手動編輯工程配置文件web.xml:打開FristTomcatProject工程下的WebContent----->WEB-INF------>web.xml,雙擊web.xml文件,在右側對其內容進行編輯(添加一行):

“Ctrl+s”保存web.xml文件,再次進行FristTomcatProject右鍵------>Run As----->Run on Server操作。本次瀏覽器彈出的內容如下:

顯示的內容是我們在Test,jsp 中編輯的內容,表示本次關於本地web服務器的搭建,JSP的開發環境的設置以及Eclipse與Tomcatde 關聯已經成功。

聲明:截止到發佈時刻,本次教程使用的是最新版的Eclipse 2018-09編輯器和最新版的Apache Tomcat v9.0

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持神馬文庫。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章