MyEclipse是一款非常好用的IDE開(kāi)發(fā)軟件，集成了很多開(kāi)發(fā)環(huán)境，安裝一款軟件就可以進(jìn)行多種開(kāi)發(fā)。這里就教大家如何用集成了MyEclpse Tomcat的MyEclipse編寫(xiě)和調(diào)試JSP網(wǎng)頁(yè)。這里的教程適合剛剛?cè)腴T(mén)的菜鳥(niǎo)使用，高手可以無(wú)視。
工具/原料
-
安裝有集成了MyEclpse Tomcat的MyEclipse的電腦一臺(tái)
一：JSP頁(yè)面編寫(xiě)
-
首先用鼠標(biāo)左鍵雙擊桌面的“MyEclipse”圖標(biāo)。
-
出現(xiàn)下圖所示的加載插件界面，這斷時(shí)間有點(diǎn)長(zhǎng)，大家要耐心等待。
-
加載完畢后會(huì)出現(xiàn)下圖所示的界面，點(diǎn)擊左上角的關(guān)閉按鈕。
-
這個(gè)時(shí)候“MyEclipse”的初始化開(kāi)發(fā)界面就完整的呈現(xiàn)在面前了。
-
點(diǎn)擊左上角的“File”然后選擇“New”再選擇“Web Service Project”。
-
這個(gè)時(shí)候會(huì)出現(xiàn)填寫(xiě)項(xiàng)目名稱(chēng)的界面，根據(jù)自己的項(xiàng)目填寫(xiě)好項(xiàng)目名稱(chēng)。填寫(xiě)后會(huì)自動(dòng)激活“Finish”按鈕。
-
點(diǎn)擊“Finish”按鈕，這個(gè)時(shí)候界面自動(dòng)跳轉(zhuǎn)到開(kāi)發(fā)界面，從左上角可以看到我們剛剛新建好的項(xiàng)目。
-
然后點(diǎn)擊項(xiàng)目名稱(chēng)前面的“+”號(hào)，會(huì)出現(xiàn)一系列的文件夾，點(diǎn)擊“WebRoot”前面的“+”號(hào)，會(huì)出現(xiàn)“index.jsp”。
-
鼠標(biāo)左鍵雙擊“index.jsp”，就出現(xiàn)了默認(rèn)的代碼頁(yè)面。記得點(diǎn)擊如圖所示的地方，最大化代碼窗以便于編寫(xiě)代碼。
-
然后去除代碼窗中默認(rèn)代碼中我們不需要的部分。變成如下圖所示的界面。
-
因?yàn)槲覀兪亲鲋形捻?yè)面的開(kāi)發(fā)，所以此時(shí)要修改代碼窗最頂部的“PageEncoding”內(nèi)容。把“ISO-8859-1”修改成“gbk2312”，這樣才能正常保存頁(yè)面。
-
這個(gè)時(shí)候我們就可以編寫(xiě)自己需要的內(nèi)容了，內(nèi)容要填寫(xiě)在<body></body>之間。這樣才能在網(wǎng)頁(yè)中顯示。特別注意，記得保存填寫(xiě)的代碼，假如修改代碼后沒(méi)有保存，左上角會(huì)出現(xiàn)一個(gè)“*”提醒你要保存。到這里代碼的編寫(xiě)就完成了。
?
二:JSP頁(yè)面調(diào)試
-
第一部分已經(jīng)把代碼編寫(xiě)完成了，現(xiàn)在就要開(kāi)始調(diào)戲編寫(xiě)好的代碼了。首先點(diǎn)擊MyEclipse頂部中間的如下圖所示的加載頁(yè)面到服務(wù)器的按鈕。
-
會(huì)出現(xiàn)下圖所示的加載網(wǎng)頁(yè)的界面。“Project”中選擇我們剛剛編寫(xiě)好的頁(yè)面，點(diǎn)擊“Add”按鈕，會(huì)出現(xiàn)提示框，點(diǎn)擊“ Yes”。
-
之后底部會(huì)出現(xiàn)讓我們選擇服務(wù)器的界面，這里選擇“MyEclpse Tomcat”,然后點(diǎn)擊“Finish”按鈕。
-
這個(gè)時(shí)候我們發(fā)現(xiàn)，頂部出現(xiàn)了加載成功的提示，而中間的欄中也多了我們的項(xiàng)目。
-
這個(gè)時(shí)候頁(yè)面已經(jīng)加載到了服務(wù)器了。我們開(kāi)始啟動(dòng)服務(wù)器，點(diǎn)擊界面頂部中間的服務(wù)器圖標(biāo)，選擇“MyEclpse Tomcat”，再點(diǎn)擊“Start”按鈕，服務(wù)器就啟動(dòng)了。
-
現(xiàn)在打開(kāi)之前關(guān)聯(lián)的瀏覽器，在瀏覽器的地址欄中輸入“http://localhost:8080/Lab1_091_45”。這里的“Lab1_091_45”就是我們之前建立的項(xiàng)目名，替換成自己的項(xiàng)目名就好了。
-
按鍵盤(pán)上的“Enter”按鈕，瀏覽器頁(yè)面自動(dòng)刷新成我們剛剛編寫(xiě)的網(wǎng)頁(yè)了。趕緊去嘗試一下吧，寫(xiě)一個(gè)JSP動(dòng)態(tài)網(wǎng)頁(yè)其實(shí)就這么簡(jiǎn)單。
?
注意事項(xiàng)
-
代碼編寫(xiě)要細(xì)心，假如代碼出錯(cuò)，根據(jù)錯(cuò)誤提示修改成正確的代碼再進(jìn)行調(diào)試。
更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索：z360901061
微信掃一掃加我為好友
QQ號(hào)聯(lián)系： 360901061
您的支持是博主寫(xiě)作最大的動(dòng)力，如果您喜歡我的文章，感覺(jué)我的文章對(duì)您有幫助，請(qǐng)用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點(diǎn)擊下面給點(diǎn)支持吧，站長(zhǎng)非常感激您！手機(jī)微信長(zhǎng)按不能支付解決辦法：請(qǐng)將微信支付二維碼保存到相冊(cè)，切換到微信，然后點(diǎn)擊微信右上角掃一掃功能，選擇支付二維碼完成支付。
【本文對(duì)您有幫助就好】元
