為了賬號安全,請及時綁定郵箱和手機立即綁定

貓哥帶你去戰斗——Java Web開發——網頁篇[1]——開始使用MyEclipse

2016.12.19 09:09 5001瀏覽

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

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

好的,還是那個最簡單的網頁:

<html>    
<head>    
<title>貓哥的個人主頁</title>    
</head>    
<body>    
貓哥很帥    
</body>    
</html>  

Setup1,首先打開MyEclipse2014,點擊【File】-【Switch Workspace】,這樣,我們使用MyEclipse創建的項目都在【D:\Java\Code】目錄下,比較方便管理,如圖:
圖片描述
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,在地址欄輸入【http://localhost:8080/WebSiteFirst/index.html】,如圖

圖片描述
預覽成功!感覺自己很牛X。

此時去看看Tomcat目錄下Webapps目錄如圖:
圖片描述

看來Webapps目錄下每個文件夾表示一個網站項目,然后ROOT是默認的,不用輸入文件夾名(網站名),其他的網站都得輸入網站名+網頁名。

嗯嗯,很簡單,而且就應該是這樣的。

OVER。

從下一章開始,就不會截這么多圖了,因為操作都是一樣的,主要是做說明和貼代碼...

點擊查看更多內容

本文原創發布于慕課網 ,轉載請注明出處,謝謝合作

10人點贊

若覺得本文不錯,就分享一下吧!

評論

相關文章推薦

正在加載中
意見反饋 幫助中心 APP下載
官方微信

舉報

0/150
提交
取消
lpl竞猜