當前位置:科普知識站>IT科技>

在|Eclipse下搭建web開發環境

IT科技 閱讀(1.71W)
使用Eclipse進行Web系統開發是一種非常流行的方式。本文將講述如何從零開始搭建Eclipse的Web開發環境。

材料/工具

電腦1臺eclipse軟體

方法

右擊新建 -->選擇 動態Web專案 。

在 Eclipse下搭建web開發環境

填寫 專案名 專案位置 ; 選擇 Dynamic web module version 和 tomcat version ; 點選完成 即可建立 專案。

在 Eclipse下搭建web開發環境 第2張

檢視專案的 路徑(此處是路徑是什麼路徑?猜一下.);專案位置, (此處位置是什麼位置? 猜一下) ; 專案編碼 : utf-8。

在 Eclipse下搭建web開發環境 第3張

檢視專案構面:(發現紅色方框內的版本了沒? 猜一下 他們跟什麼有關係? ) 。

在 Eclipse下搭建web開發環境 第4張

專案部署:Web Deployment Assembly ( web部署整合 )這個主要是 配置 web的部署目錄的 ;(這個部署目錄 會影響 什麼 ?猜一下!)。

在 Eclipse下搭建web開發環境 第5張

Java編譯器:這個如果跟你 設定的JDK版本不一致的話,會導致你的專案編譯不通過。

在 Eclipse下搭建web開發環境 第6張

Java 構建路徑 : (猜一下 構建路徑是啥意思? 再猜一下 它會影響啥?如果猜不出來,點選下圖箭頭指示的 新增資料夾, 點開之後 開啟目錄結構 ,相信你就會明白了 )。

在 Eclipse下搭建web開發環境 第7張

在WebContent 目錄下面 新建一個 頁面 index.jsp。

在 Eclipse下搭建web開發環境 第8張

瀏覽器位址列 輸入地址:localhost:8080/web02/ (注意: 此處的地址 只到了專案地址,沒有寫頁面地址,也能訪問,猜一下 為什麼? 如果在新增一個 welcome.jsp 頁面, 還能直接輸入 專案地址 還可以直接訪問index.jsp了麼? 可以自己嘗試一下. 然後再猜一下為什麼?)頁面上 已經顯示 出 Hello World ! 恭喜 成功 建立一個簡單的web 頁面 。

在 Eclipse下搭建web開發環境 第9張