快捷導(dǎo)航

用Eclipse 創(chuàng)建一個(gè)簡(jiǎn)單的web項(xiàng)目(圖文教程)

更新時(shí)間：2017年06月05日 08:40:05 投稿：jingxian

下面小編就為大家?guī)?lái)一篇用Eclipse 創(chuàng)建一個(gè)簡(jiǎn)單的web項(xiàng)目(圖文教程)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

Eclipse neon 漢化版 ;

1、右擊新建 --> 選擇動(dòng)態(tài)Web項(xiàng)目

2、 填寫項(xiàng)目名項(xiàng)目位置 ; 選擇 Dynamic web module version 和 tomcat version ; 點(diǎn)擊完成即可創(chuàng)建項(xiàng)目;

2、1：項(xiàng)目名稱：

2、2：項(xiàng)目位置：

2、3： Dynamic Web Module Version 和 Tomacat Version 之間有版本上的匹配關(guān)系: 匹配關(guān)系如下圖

3、 創(chuàng)建成功后的項(xiàng)目結(jié)構(gòu)：

4、 在創(chuàng)建好項(xiàng)目結(jié)構(gòu)之后先查看一下項(xiàng)目的屬性:

4、1： 查看項(xiàng)目的路徑(此處是路徑是什么路徑? 猜一下.); 項(xiàng)目位置, (此處位置是什么位置? 猜一下) ; 項(xiàng)目編碼 : utf-8 ;

4、2： 查看項(xiàng)目構(gòu)面: (發(fā)現(xiàn)紅色方框內(nèi)的版本了沒(méi)? 猜一下他們跟什么有關(guān)系? )

4、3 項(xiàng)目部署: Web Deployment Assembly ( web部署集成 ) 這個(gè)主要是配置 web的部署目錄的 ; (這個(gè)部署目錄會(huì)影響什么 ? 猜一下!)

4、4 Java編譯器: 這個(gè)如果跟你設(shè)定的JDK版本不一致的話,會(huì)導(dǎo)致你的項(xiàng)目編譯不通過(guò).

4、5 Java 構(gòu)建路徑 : (猜一下構(gòu)建路徑是啥意思? 再猜一下它會(huì)影響啥? 如果猜不出來(lái),點(diǎn)擊下圖箭頭指示的添加文件夾, 點(diǎn)開之后打開目錄結(jié)構(gòu) ,相信你就會(huì)明白了 );

這就是第4步需要去了解上面那幾個(gè)屬性是什么意思.這樣才能更好理解整個(gè)項(xiàng)目結(jié)構(gòu),而且如果啟動(dòng)后出現(xiàn) 404 等等路徑問(wèn)題 , 你的答案或許就在上面的某一個(gè)配置中;

5 、在 WebContent 目錄下面新建一個(gè) 頁(yè)面 index.jsp (也就是說(shuō):與 web-Info 是同一個(gè)目錄級(jí)別的) (注意:位置必須是在WebContent 目錄下猜一下為什么?)

index.jsp 這個(gè)名字可以隨便起;

在index.jsp 里面輸入 helloWorld !

此時(shí)的目錄結(jié)構(gòu):

6、 部署運(yùn)行 web項(xiàng)目:

6、1 選擇服務(wù)器我的是 tomcat 9

7、 點(diǎn)擊完成即可運(yùn)行:

此時(shí) 控制臺(tái)信息: 說(shuō)明 tomcat 已經(jīng)啟動(dòng)完成了.

8、瀏覽器地址欄輸入地址: localhost:8080/web02/ (注意: 此處的地址只到了項(xiàng)目地址,沒(méi)有寫頁(yè)面地址,也能訪問(wèn),猜一下為什么? 如果在添加一個(gè) welcome.jsp 頁(yè)面, 還能直接輸入項(xiàng)目地址還可以直接訪問(wèn)index.jsp了么? 可以自己嘗試一下. 然后再猜一下為什么?)

頁(yè)面上已經(jīng)顯示出 Hello World !

恭喜成功創(chuàng)建一個(gè)簡(jiǎn)單的web 頁(yè)面 .