548
Java Web開發——網頁篇[1]——開始使用MyEclipse
前一章節演示了如何在自己的機器上搭建一個網頁，然後可以讓其他的計算機訪問，其中有很多有規則的步驟，比如建立網頁、複製到Tomcat目錄下等，計算機程序設計的基本意義就是避免重複的勞動，所以MyEclipse這樣的集成開發環境出現了，他們可以讓開發者隻需關心寫自己的代碼，其他的事情就交給他們吧。
在開始本章節前，建議大家尊重正版，堅決不要使用百度搜索如何激活MyEclipse，堅持湊合著用，老是彈出的提示大家手工激活的那個窗口，是非會員用戶不得不忍受的廣告...
好的，還是那個最簡單的網頁：
<html>
<head>
<title>哥的個人主頁</title>
</head>
<body>
我很帥
</body>
</html>
Setup1，首先打開MyEclipse2014，點擊【File】-【Switch Workspace】，這樣，我們使用MyEclipse創建的項目都在【D:\Java\Code】目錄下，比較方便管理，如圖：
如果想學習java可以來這個群，首先是二二零，中間是一四二，最後是九零六，裏麵有大量的學習資料可以下載、
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文件，將
<html>
<head>
<title>貓哥的個人主頁</title>
</head>
<body>
貓哥很帥
</body>
</html>
複製進去，覆蓋原有內容，如下圖，在右側的編輯區上方，可以看到頁麵的預覽。
Setup6，將網站部署於Tomcat服務器並啟動服務器。
需要注意工具欄這三個按鈕：
，第一個用於部署網站，第二個用於啟動服務器，第三個打開MyEclipse內置瀏覽器預覽網站。一般貓哥不推薦使用第三個按鈕，咱直接用IE看網站。
好了，首先咱先部署網站，不部署網站，啟動服務器也沒用，你服務器上都沒部署網站呢，有啥用？（人家設計的這三個按鈕真是絕了，從左到右，部署、運行、瀏覽，一波流順暢）。點擊第一個按鈕，打開【Project Deployments】(項目部署)窗口，點此左側【Add】按鈕，在【Sever】下拉框選擇【Tomcat 7.x】，這個Tomcat 7.x就是第四步配置的，咱自己下載的Tomcat7服務器，選定後點擊【finish】按鈕完成添加。如圖，Tomcat 7.x左邊綠色對號表示部署完成，右邊【Remove】表示從服務器移除選定項目，而【Redeploy】表示重新部署，如果網站項目代碼改變了，最好是點下Redeploy重新部署，否則可能會有編寫代碼和Tomcat運行效果不一致的現象發生。
Setup7，現在，點擊中第二個按鈕的下拉三角形，在彈出的下拉框選擇Tomcat7.x，然後選擇Start啟動。此時【Console】輸出窗口會出現亂七八糟很多文字，我們隻關心最後一行：“信息: Server startup in 2971 ms”——服務器在2971毫秒啟動了。
Setup8，預覽，打開IE，在地址欄輸入【h-t-t-p: / / l o c a l h o s t :8 0 8 0/ We b Si t eF i r st /i ndex.html】，如圖：
預覽成功！感覺自己很牛X。
此時去看看Tomcat目錄下Webapps目錄如圖：
看來Webapps目錄下每個文件夾表示一個網站項目，然後ROOT是默認的，不用輸入文件夾名（網站名），其他的網站都得輸入網站名+網頁名。
嗯嗯，很簡單，而且就應該是這樣的。
OVER。
從下一章開始，就不會截這麼多圖了，因為操作都是一樣的，主要是做說明和貼代碼...
最後更新：2017-04-08 12:27:56