1. 程式人生 > >一個javaweb新手,eclipse如何配置tomcat,讓純前端頁面在瀏覽器跑起來

一個javaweb新手,eclipse如何配置tomcat,讓純前端頁面在瀏覽器跑起來

ZZ本是一個前端,大學時期是軟體工程專業,但是上課沒有好好聽課,後來就變成了一個前端。。。現在想學起javaweb,對於java的東西真的是一點都不會了,於是求助書本與學長,成功讓我寫好的前端頁面在自己搭的環境下跑起來了,感謝學長*v*~~~

接下來是步驟:

需要軟體那些鬼:eclipse,tomcat8.0(本來有個8.5,不能用,然後學長告訴我,是eclipse版本問題TvT,所以乖乖的去下8.0了),JDK,jre

找個地兒(反正習慣,不喜歡在C盤裝東西),然後一股腦裝進去。。。

還有eclipse,但是沒有裝在一起,大家可以自己找地方裝。。。

然後,開啟eclipse,點選選單的window,preferences,然後看圖選吧。。

然後就ok了!

回去原來的eclipse,看看下邊的檢視,我的是已經配置好的,但是剛配置好會有藍色的提示英文,提示文字“什麼什麼Click什麼什麼”的,放心大膽的點,就是了。

接下來建立一個web的專案~

點選它旁邊的小三角形,然後Dynamic Web Project,在Project Name中輸入專案名稱,比如myProject。在Dynamic web module version 下拉列表中選擇3.0,我的是預設選好的,那麼就不用改變了,其餘的可以忽略,點選下一步吧。

然後出現一個有src的視窗,直接下一步,

開啟Configure web module settings在Content directory文字改成WebContent,好吧,我的也是預設的。然後就finish!

那麼專案就建好了,長這樣:把我們已經寫好的前端專案複製貼上過來WebContent這邊,

可以看看我剛剛建立的這個first*v*~

然後,設定一下預設瀏覽器:window -> preferences -> 看圖:

點選New的時候會出現一些傻瓜式操作,按照彈窗所需要把瀏覽器路徑找到就行了!

然後,我用我已經新增前端頁面的first專案演示,

在first上右鍵,找到Run as ,然後Run on Server,瀏覽器就會開啟,但是隻有:localhost:8080/first/,並出現錯誤提示,最後我們要在瀏覽器打上前端的那個資料夾名字,注意不要加上WebContent。

我之前寫好的前端專案就在我新學的剛搭建的環境打開了 

新手上路,哪裡不對請指教。。。