《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)境就準備好了,接下來用一個 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方法,這樣可以自動生成代碼方便一點
當然也可以全手動的編寫 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" >
lnsert title here title >
head >
vbody >
Hello JSP hl >
-7 -
body >
html >
編程愛好者 programmerwe nlon g@
編程愛好者 programmerwe nlon g@
重新部署demo項目就可以看到效果了
JavaEE的水很深,要想成為一個 JavaEE工程師,還要繼續(xù)努力
Come on!