Eclipse開發(fā)Web項目

《Eclipse開發(fā)Web項目》由會員分享，可在線閱讀，更多相關(guān)《Eclipse開發(fā)Web項目（10頁珍藏版）》請在裝配圖網(wǎng)上搜索。

1、編程愛好者 programmerwe nlon g@ Eclipse開發(fā) Web項目 1. 開發(fā)環(huán)境的搭建 -i - 1.1. 開發(fā)工具 -i - 1.2. 搭建開發(fā)環(huán)境 -1 - 2. 開發(fā)Web項目 -1 - 2.1. 新建Web項目 -1 - 2.2. 開發(fā) Servlet - 3 - 2.3. 發(fā)布Web項目 -5 - 2.4. 開發(fā) JSP. - 7 - 1. 開發(fā)環(huán)境的搭建 1.1. 開發(fā)工具 JDK: jdk1.6.0_17 Web Server: apache-tomcat-6.0.26 IDE : eclipse-jee-helios-SR1

2、 1.2. 搭建開發(fā)環(huán)境 由于選擇IDE作為開發(fā)的工具，IDE可以手動配置需要的插件工具，所以搭建開發(fā)環(huán)境變 得簡單而又快捷。 (1) 安裝JDK 提示：安裝完JDK之后需要配置環(huán)境變量。 (2) 安裝 tomcat 提示：如果是解壓縮版直接解壓就 ok，如果是安裝版需要根據(jù)安裝提示完成安裝。 因為 是使用IDE做開發(fā)，所以就不需要配置 tomcat的環(huán)境變量了，不過還是建議不要太依賴于 IDE 了。 ⑶解壓縮Eclipse 提示：如果沒有安裝 JDK就無法完成Eclipse的安裝。 好了，到這里開發(fā)環(huán)境就準(zhǔn)備好了，接下來用一個 demo來演示一下如何在 Eclipse中開

3、發(fā) Web項目。 2. 開發(fā)Web項目 2.1.新建Web項目 Eclips >File >New >Dyn amic Web Project O Dynaaic feh Proj-ect Byname Web Project Cteate & standalone Web preject *i~ acLd il tfi new Sr exis-tiing Enterprise- Apflicatiwl. Frej^et n電電 寸f Frojict lccialia-n ITe# d-f &ul t lc&.tion. Kant： C：t sttarted qu

4、i ddy by s^lectiog on o I kt pre-d.tfan.td. prajtct 亡qxlEi 珂"整 tuonm EAR neb whip □idd project hti EAR EAR ft-Cl Tl斷史 aBTiaEftK * | phw Marking sets _)kdd projset^ sck HK.t》 Earti sh 選擇 Target run time 下的 New Run time 配置 Web Server O S-er^ez KuntiBe Envirouent 回區(qū) New Server iRnntimc En

5、vliroiiflienli Dftfinj* & tvvjs .4rvAtr 0口*111。崔吐 H』d.L t 】dublI, e亡電r 孔Mdutier, 5alct lhA type sf runt lma onviEJUiPirt. tyre filter tekt | Apache T *L() A Xpa-cbte T xcid. 1 1 Apache 1 Dmc-bi ?5.0 Apache Ic

6、 陽占 mjpethli 陽 Ortclt ache Toncat v6. 0 s-iipport^ J2EE ] 2f ] 3,. 1.4』ulJ Jaw* EE 5 uid 6 斤“ ricdTiles. □ Rw"紜 locd itrver Ifau t》 ■ ■ " Next>  通過Browse選擇tomcat的安裝目錄 提示：注意tomcat的JRE版本要和Project的JRE版本一致 Fini sh> 之后，一路 Next直到Finish就oK 了 新建的Web項目結(jié)構(gòu)如下 Explorer demo 出 JWt-WS Web Serv

7、ices D&ploynsnt Descriptor : Java Re4urc: s.rc * 邑Libr&ries + 三 TavaScript Resources D bu"d VebC ontent -D META-INF MANIFEST.MF 白 & WB-INF 」lib X web. xml 2.2. 開發(fā) Servlet 在Project Explorer視圖的src上右鍵可以選擇 New >Servlet Next〉 選擇重寫service方法，這樣可以自動生成代碼方便一點(diǎn) 當(dāng)然也可以全手動的編寫 Servlet，不過不要忘記在

8、 web.xml中配置Servlet，呵呵A_A 然后Finish就完成了 Servlet的創(chuàng)建 Hello.java的源代碼如下 package org.we nlong; import java.i o.I OExcepti on; import javax.servlet.ServletExceptio n; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResp on se;

9、 public class Hello exte nds HttpServlet { protected void service(HttpServletRequest request, HttpServletResp onse resp on se) throws ServletExcepti on, I OExcepti on { System.out.pri ntl n( "Hello Servlet"); } } demo的代碼就是這樣簡單，呵呵 A_A 2.3. 發(fā)布Web項目 Web Server中發(fā)布 Web項目 Web項目創(chuàng)建好了，接下來的工作就是在 Win

10、dow >Show Views >Servers 在Servers視圖的空白區(qū)域右鍵 New >Server -5 - 編程愛好者 programmerwe nlon g@ 編程愛好者 programmerwe nlon g@ 編程愛好者 programmerwe nlon g@ Define a i^ew Server Chocse th皂 type if server lo create 編程愛好者 programmerwe nlon g@ Select th皂 server type： filter list

11、 y4 0 Server Teiieat v4. 1 Server 編程愛好者 programmerwe nlon g@ Server Ton亡直t Server Tquus.t 詢 0 Samr T a + wT 仃 U dWT2d rublishes ai^d runs JZEE locel To?cat server. and Java EE Veb projecis and server ccrifaguraticns t a Servers hos：t naj>e Survftr mm : Server runtime envirom

12、riant. Q— u ldcalhost Tiirictt vG. 0 Srvr git IqtQhqit Apacbe Toicat v6. 0 V AJA”. ConfiETfljr電 lrimtimE 電:nb^jronjTiEntSu -. [ gsH〉 ] [ Eini百h」[ 匚蛆亡亡1 Mix Add and Remove Modify ihe :r皂sources that are configured on the server Iov* rtsqmrcto tKi t?o ^v^ilable cd|li E^r ths op iKa if

13、erv9? < Sack Btxl > g>ni ah ] | CaMel 編程愛好者 programmerwe nlon g@ 編程愛好者 programmerwe nlon g@ Finish 之后就可以在 Servers下啟動tomcat 了 啟動tomcat之后會在Con sole下打印出很多tomcat的啟動信息 如果沒有異常出現(xiàn)，表示 demo發(fā)布成功 即使出現(xiàn)警告信息也沒有關(guān)系 編程愛好者 programmerwe nlon g@ 在瀏覽器中訪問 http://localhost:8080/demo/Hello 如果沒有出

14、現(xiàn)異常信息，并且在 Con sole中輸出 Hello Servlet 表示Servlet測試成功 A_A 只是做了一個特別簡單的 demo，說明問題就oK 24開發(fā)JSP 在WebContent目錄下新建JSP File 回區(qū) 編程愛好者 programmerwe nlon g@ ]SP Create：扛 ntw JSF file. demo/1 ebC out ent 編程愛好者 programmerwe nlon g@ 編程愛好者 programmerwe nlon g@ fi- b s rv 軸已曰曰eser

15、 編程愛好者 programmerwe nlon g@ 編程愛好者 programmerwe nlon g@ Filfr ma世t： jsp Advanced Hext > | nish | [ Cancel Next＞之后就直接Finish index.jsp的源代碼如下 <%@page language ="java" contentType ="text/html; charset=ISO-8859-1" pageE ncodi ng ="ISO-8859-1" %>

16、E html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" >