標籤：wamp 選中 let 開始 目錄 tomcat配置 pre classes 關係
在做java web 開發時，首先就要安裝tomcat。tomcat是什麼呢？它就是一個web伺服器，也叫web容器，我們把寫好的代碼（jsp, html）放到它裡面，然後啟動它，就可以從外部進行訪問（瀏覽器地址欄中輸入localhost進行訪問）。你可能還記得wamp，剛開始做前端開發時，沒有伺服器怎麼辦，我們就會下載wamp進行安裝，然後把我們寫的html代碼放到它的www目錄下，用案頭表徵圖啟動它，瀏覽器地址欄中輸入localhost，就可以訪問我們所寫的html代碼。tomcat的原理和wamp 的原理是一樣的，放入內容，啟動服務，就可以用瀏覽器進行訪問。我們可以寫一個簡單的代碼試一下，當然我們先安裝tomcat.
安裝tomcat，非常簡單，到tomcat的官網 http://tomcat.apache.org/ 下載zip壓縮包就可以了，版本的話，你可以隨便選，我這裡選的是 Tomcat 8.5.23. 下載完成後，把它解壓到常用軟體的置放位置就可以了，我把它放到了D盤。注意，tomcat 的啟動依賴jvm，所以一定要先配置好java開發環境。
上面說了，它就是一個web伺服器，那我們怎麼啟動它呢？在apache-tomcat-8.523檔案夾中（以下簡稱tomcat檔案夾）裡面有一個bin目錄，bin目錄下有一個startup.bat
雙擊它，可以看到一個黑色的tomcat命令視窗，底部有一個游標在閃爍，表示啟動成功。這時在瀏覽器地址欄中，輸入localhost:8080, 可以看到以下畫面，也表示伺服器啟動成功。
上面還說了，我們可以把自己寫的代碼放到tomcat裡面，然後進行訪問。在wamp裡，我們把html檔案放到www目錄下，而在tomcat中，我們是把檔案放到webapps目錄中, tomcat 檔案夾中有一個webapps目錄。
在webapps目錄中，建立一個myHome檔案夾，然後在myHome檔案夾中，建立一個index.jsp檔案，內容如下：
<!doctype html><html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="theme-color" content="#000000"> <title>React App</title> </head> <body> <div id="root"> Hello world </div> </body></html>
除了index.jsp檔案外，還要建立一個WEB-INF檔案夾，它是java web應用的安全目錄，就是瀏覽器無法訪問其中的內容，只有伺服器才能訪問其中的內容。這裡不明白也沒有關係。在webapps檔案夾中有一個examples檔案夾，
開啟它，可以看到一個WEB-INF 檔案夾，把它複製到myHome檔案夾中就可以了。這裡用startup.bat 開啟伺服器，在瀏覽器地址欄中輸入 http://localhost:8080/myHome/index.jsp，就可以看到 Hello world
這個小執行個體也說明了tomcat就是java開發下的一個web伺服器。
這裡要說一下WEB-INF 檔案夾中的三個主要的檔案，以後會用到
1，web.xml， 整個項目的布署檔案。
2，classes： 我們整個項目編譯好的.class檔案
3，lib： 我們整個項目用到的外部檔案，如jar 包。
現在我們用Eclipse 來進行開發，由於Eclipse並沒有內建Tomcat伺服器，我們要先把Tomcat配置到Eclipse中。Eclipse上菜單的Window--->Preferences， 在左邊選項中選擇Server(或輸入server)--->Runtime Environments， 在右側有一個Add，點擊,彈出如下對話方塊，
這裡，我們選Tomcat v8.5, 然後勾選下面的Create a new local server, 點擊next,
在 Tomcat installation directory 中，選擇我們Tomcat的安裝目錄，在JRE中，選擇我們安裝的jdk, 點擊finish, 再點擊apply and close， 配置完成。這時在Eclipse 左側面板中出現Server 目錄。這時我們在server面板中配置一下伺服器，以便快速啟動伺服器。
Server 面板下有提示，我們直接點擊中的底線，彈出對話方塊，
選Tomcat v8.5 server， 然後點擊finish， 就可以，這時server面板上出現了伺服器。當我們選中伺服器後，再點右上方的綠色開始按鈕，就可以啟動伺服器。
現在我們用Eclipse 來把上面的myHome項目實現一下。 File--->New--->Other--->輸入WEb--->選擇Dynamic Web Project 如:
點擊next, 輸入Project name: myHome，點擊finish 即可。這時Eclipse 左側面板中多了我們建立的項目。
這時我們看到有一個WebContent 檔案夾，它下面有一個WEB-INF，這時我們想到在webapps裡面的內容,當時我們在在webapps裡myHome建了index.jsp, WEB-INF。也就是說在WebContent目錄下，我們可以建立index.jsp檔案。我們把webapps裡myHome的內容直接複製到WebContent下
java web 開發入門 --- tomcat/servlet/jsp
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
