JavaWeb開發—開始使用MyEclipse

知識 06-09

Java Web開發——網頁篇[1]——開始使用MyEclipse

前一章節演示了如何在自己的機器上搭建一個網頁，然後可以讓其他的計算機訪問，其中有很多有規則的步驟，比如建立網頁、複製到Tomcat目錄下等，計算機程序設計的基本意義就是避免重複的勞動，所以MyEclipse這樣的集成開發環境出現了，他們可以讓開發者只需關心寫自己的代碼，其他的事情就交給他們吧。

在開始本章節前，建議大家尊重正版，堅決不要使用百度搜索如何激活MyEclipse，堅持湊合著用，老是彈出的提示大家手工激活的那個窗口，是非會員用戶不得不忍受的廣告...

好的，還是那個最簡單的網頁：

哥的個人主頁我很帥

Setup1，首先打開MyEclipse2014，點擊【File】-【Switch Workspace】，這樣，我們使用MyEclipse創建的項目都在【D:JavaCode】目錄下，比較方便管理，如圖：

Setup2，點擊【File】-【New】-【Web Project】，準備創建一個新的Web Project，洋氣點說是創新一個網路項目，說白了就是建個網站。如下圖，在【Project name】一欄輸入咱的網站名：WebSiteFirst，然後點擊【 Finish】按鈕完成創建。

Setup3，在左側項目【Package Explorer】窗口展開項目目錄，如下圖。需要說明下，項目名（網站名）WebSiteFirst是剛剛設置的沒有疑問，Src是放Java程序的，最後WebRoot表示Web根木錄，是用來放網頁的，現在可以看到一個index.jsp，.jsp文件表示動態網頁，暫時咱不去了解。

所以目前我們建立html文件，直接在WebRoot目錄下建立就行，可以在WebRoot上點右鍵-【New】-【HTML】的方式新建html網頁。

Setup4，第四步比教特殊，該步驟只需要執行一次即可，以後再建項目的時候就不用了。這一個神秘的步驟的作用是讓MyEclipse開發環境認識Tomcat！前面我們裝了個免安裝版本的Tomcat，所謂免安裝版本，就是一堆文件嘛，操作系統都不知道這玩意有還是沒有，更不用說級別遠低於操作系統的MyEclipse老弟了。所以第一次使用MyEclipse建Web項目，需要讓MyEclipse和Tomcat認識認識，既然認識了，那以後不用重新認識了哈。

其實這一步的真正意義是讓MyEclipse知道Tomcat的版本和位置，以便MyEclipse在幫我們自動啟動Tomcat和自動將我們的網站部署到Tomcat時，知道怎麼辦。

具體操作方法很簡單，點擊MyEclpse菜單欄的【Windows】-【Preferences】,在Preferences界面下依次選擇左側【MyEclipse】-【Servers】-【Tomcat】-【Tomcat7.x】，打開如下界面，注意選【Enable】，選擇tomcat安裝根目錄，然後務必點擊【Apply】。如下圖：

Setup5，編輯網站內容，因為目前我們只懂html，不懂jsp，所以右擊【WebRoot】，建立一個index.html文件。然後雙擊打開index.html文件，將

貓哥的個人主頁貓哥很帥

複製進去，覆蓋原有內容，如下圖，在右側的編輯區上方，可以看到頁面的預覽。

Setup6，將網站部署於Tomcat伺服器並啟動伺服器。

需要注意工具欄這三個按鈕：，第一個用於部署網站，第二個用於啟動伺服器，第三個打開MyEclipse內置瀏覽器預覽網站。一般貓哥不推薦使用第三個按鈕，咱直接用IE看網站。

好了，首先咱先部署網站，不部署網站，啟動伺服器也沒用，你伺服器上都沒部署網站呢，有啥用？（人家設計的這三個按鈕真是絕了，從左到右，部署、運行、瀏覽，一波流順暢）。點擊第一個按鈕，打開【Project Deployments】(項目部署)窗口，點此左側【Add】按鈕，在【Sever】下拉框選擇【Tomcat 7.x】，這個Tomcat 7.x就是第四步配置的，咱自己下載的Tomcat7伺服器，選定後點擊【finish】按鈕完成添加。如圖，Tomcat 7.x左邊綠色對號表示部署完成，右邊【Remove】表示從伺服器移除選定項目，而【Redeploy】表示重新部署，如果網站項目代碼改變了，最好是點下Redeploy重新部署，否則可能會有編寫代碼和Tomcat運行效果不一致的現象發生。