實(shí)驗(yàn)2-Web開(kāi)發(fā)

實(shí)驗(yàn)2.在Eclipse中開(kāi)發(fā)Web應(yīng)用

實(shí)驗(yàn)內(nèi)容

在這個(gè)實(shí)驗(yàn)中，將學(xué)習(xí)在Eclipse+MyEclipse集成開(kāi)發(fā)環(huán)境下創(chuàng)建Web應(yīng)用，創(chuàng)建Servlet、JSP，并測(cè)試。

實(shí)驗(yàn)?zāi)康?/p>

掌握Eclipse中Web應(yīng)用的開(kāi)發(fā)以及在Tomcat中的部署和訪問(wèn)。掌握J(rèn)SP和Servlet的開(kāi)發(fā)。

實(shí)驗(yàn)介紹

本實(shí)驗(yàn)將實(shí)現(xiàn)一個(gè)簡(jiǎn)單的Web應(yīng)用。在這個(gè)實(shí)驗(yàn)中，將首先建立一個(gè)Web應(yīng)用，名字是myweb；然后進(jìn)行Web應(yīng)用的部署；接著進(jìn)行Servlet的編寫(xiě)；最后是JSP的編寫(xiě)。

環(huán)境要求

服務(wù)器：Tomcat5.5

集成開(kāi)發(fā)環(huán)境：Eclipse+MyEclipse

實(shí)驗(yàn)指導(dǎo)

步驟1：創(chuàng)建Web應(yīng)用myweb參照教材3.1（Page35）。注意：

a)觀察【packageExplorer】視圖中出現(xiàn)如下內(nèi)容，表示W(wǎng)eb應(yīng)用創(chuàng)建成功。

b)注意Web應(yīng)用的文檔結(jié)構(gòu)（WebRoot下的內(nèi)容），其中classes文件夾需要將

視圖轉(zhuǎn)換為Resource視圖才能看到。

c)注意web.xml配置文件中的內(nèi)容。

index.jsp

步驟2：Web應(yīng)用部署或配置

參照教材3.1.3（Page37）。1．部署Web應(yīng)用2．配置Web應(yīng)用

步驟3：編寫(xiě)簡(jiǎn)單的Servlet

參照教材3.2（Page41）。步驟4：Servlet基礎(chǔ)練習(xí)

參照教材（Page35）編程練習(xí)2參考代碼：

publicvoiddoGet(HttpServletRequestrequest,HttpServletResponseresponse)throwsServletException,IOException{

}

publicvoiddoPost(HttpServletRequestrequest,HttpServletResponse

response.setContentType("text/html");response.setCharacterEncoding("utf-8");PrintWriterout=response.getWriter();

out.println("");out.print("系統(tǒng)時(shí)間

"+java.util.Calendar.getInstance().getTime());

}

out.println("");out.println("");out.flush();out.close();

步驟5：編寫(xiě)簡(jiǎn)單的JSP頁(yè)面

參照教材3.3（Page49）。步驟6：JSP基礎(chǔ)練習(xí)

參照教材（Page35）編程練習(xí)1參考代碼：（1）

${學(xué)號(hào)姓名}

（2）

（3）

[${no.index}]

步驟7：JSP與Servlet的相互訪問(wèn)

參照教材（Page33）實(shí)踐環(huán)節(jié)設(shè)計(jì)提示信息：

（1）action="${pageContext.request.contextPath}/Deal"（2）request.getParameter("username");

（3）request.setAttribute("username",username);實(shí)驗(yàn)總結(jié)

這個(gè)實(shí)驗(yàn)中，在Eclipse+MyEclipse6集成開(kāi)發(fā)環(huán)境中創(chuàng)建了一個(gè)Web應(yīng)用myweb，包括簡(jiǎn)單的JSP頁(yè)面和Servlet。

實(shí)驗(yàn)報(bào)告要求

1.說(shuō)明Web應(yīng)用的文檔結(jié)構(gòu)。2.若采用寫(xiě)配置文件（XML文件）的方式發(fā)布myweb這個(gè)應(yīng)用，寫(xiě)出該配置文件的源代碼。該配置文件應(yīng)該放在什么位置？3.創(chuàng)建了一個(gè)mytest.jsp文件，并將其放置在myweb應(yīng)用根目錄下的子目錄home中，寫(xiě)出訪問(wèn)該JSP文件的地址。4.對(duì)于MyServlet.java文件，應(yīng)該將其放置在myweb應(yīng)用的哪個(gè)目錄下？并說(shuō)明如何訪問(wèn)該Servlet。寫(xiě)出該Servlet在web.xml中的配置標(biāo)簽內(nèi)容并解釋每個(gè)標(biāo)簽的含義。5.如何在JSP頁(yè)面中輸出信息？寫(xiě)出你知道的所有方法。6.在Servlet中的如何獲取表單輸入信息？轉(zhuǎn)發(fā)請(qǐng)求使用哪個(gè)對(duì)象的哪個(gè)方法？注：電子實(shí)驗(yàn)報(bào)告命名：學(xué)號(hào)姓名.doc。

擴(kuò)展閱讀：實(shí)驗(yàn)2-Web開(kāi)發(fā)

實(shí)驗(yàn)2.在Eclipse中開(kāi)發(fā)Web應(yīng)用

實(shí)驗(yàn)內(nèi)容

在這個(gè)實(shí)驗(yàn)中，將學(xué)習(xí)在Eclipse+MyEclipse8.6集成開(kāi)發(fā)環(huán)境下創(chuàng)建Web應(yīng)用，創(chuàng)建JSP、JavaBean、Servlet，并測(cè)試。

實(shí)驗(yàn)?zāi)康?/p>

掌握Eclipse中Web應(yīng)用的開(kāi)發(fā)以及在Tomcat中的部署和訪問(wèn)。掌握J(rèn)SP、JavaBean和Servlet的開(kāi)發(fā)。

實(shí)驗(yàn)介紹

本實(shí)驗(yàn)將實(shí)現(xiàn)一個(gè)簡(jiǎn)單的登錄功能，用戶(hù)在登錄界面輸入用戶(hù)名和口令。用戶(hù)名和口令需要進(jìn)行客戶(hù)端驗(yàn)證。如果輸入的用戶(hù)名和口令合法，會(huì)出現(xiàn)成功頁(yè)面。如果用戶(hù)名或口令不合法，則出現(xiàn)登錄失敗頁(yè)面。

由于登錄功能是通過(guò)MVC模式進(jìn)行設(shè)計(jì)的，因此，在實(shí)現(xiàn)的時(shí)候也是采用分層實(shí)現(xiàn)的方式。在這個(gè)實(shí)驗(yàn)中，將首先建立一個(gè)Web應(yīng)用，名字是myweb；然后進(jìn)行視圖層的實(shí)現(xiàn)，涉及3個(gè)JSP頁(yè)面：login.jsp,failure.jsp,success.jsp；接著進(jìn)行模型層的實(shí)現(xiàn)，涉及1個(gè)JavaBean：beans.LoginBean；再接著是控制層的實(shí)現(xiàn)涉及1個(gè)Servlet：servlets.LoginServlet；最后對(duì)整個(gè)Web應(yīng)用進(jìn)行測(cè)試。

環(huán)境要求

服務(wù)器：Tomcat6.0

集成開(kāi)發(fā)環(huán)境：Eclipse+MyEclipse8.6

實(shí)驗(yàn)指導(dǎo)

步驟1：創(chuàng)建Web應(yīng)用myweb1.創(chuàng)建Web工程

a)在主菜單中選擇【File】【New】【W(wǎng)ebProject】，出現(xiàn)NewWebProject

對(duì)話框。如果沒(méi)有【W(wǎng)ebProject】則選擇【File】【New】【Other】，在彈出的菜單中再選擇【W(wǎng)ebProject】。

b)在NewWebProject對(duì)話框的【ProjectName】文本框中輸入myweb；J2EE

SpecificationLevel項(xiàng)選擇“JavaEE5.0”，點(diǎn)擊【Finish】按鈕。c)觀察【package】視圖中出現(xiàn)如下內(nèi)容，表示W(wǎng)eb應(yīng)用myweb創(chuàng)建成功。

d)注意Web應(yīng)用的文檔結(jié)構(gòu)（WebRoot下的內(nèi)容），其中classes文件夾需要將

視圖轉(zhuǎn)換為Resource視圖才能看到。

e)注意web.xml配置文件中的內(nèi)容。

index.jsp2.配置服務(wù)器

a)在工具欄點(diǎn)擊按鈕，出現(xiàn)下拉菜單

b)選擇ConfigureServer，出現(xiàn)如下窗口，在該窗口進(jìn)行相應(yīng)配置。

c)啟動(dòng)服務(wù)器如下圖所示：

3.部署Web應(yīng)用

a)在工具欄點(diǎn)擊

部署按鈕，出現(xiàn)ProjectDeployments對(duì)話框。

b)在ProjectDeployments對(duì)話框的【Project】下拉列表框中選擇“myweb”。

點(diǎn)擊【Add】按鈕，出現(xiàn)NewDeployment對(duì)話框。

c)在NewDeployment對(duì)話框中，【Server】下拉列表框選擇Tomcat6.0，點(diǎn)擊

【Finish】，回到ProjectDeployments對(duì)話框。點(diǎn)擊【OK】即可。

d)在ProjectDeployments對(duì)話框中，【Remove】表示刪除已經(jīng)部署的工程；

【Redeploy】表示重新部署；點(diǎn)擊【Browse】則可以瀏覽已經(jīng)部署的應(yīng)用。如本實(shí)驗(yàn)中，部署的Web應(yīng)用位于“C:\\bea\\user_projects\\domains\\base_domain\\autodeploy\\myweb”。

4.訪問(wèn)測(cè)試Web應(yīng)用

a)如果Tomcat服務(wù)器沒(méi)有啟動(dòng)，則先啟動(dòng)服務(wù)器。在工具欄點(diǎn)擊

鈕，選擇【Tomcat6.0】【Start】。

b)打開(kāi)瀏覽器。這里可以使用MyEclipse內(nèi)置的瀏覽器。點(diǎn)擊工具欄中的

按的箭頭按

鈕，出現(xiàn)【MyEclipseWebBrowser】，在地址欄輸入:8080/myweb/index.jsp或:8080/myweb,出現(xiàn)如下運(yùn)行結(jié)果，表示W(wǎng)eb應(yīng)用訪問(wèn)成功。注意：index.jsp在web.xml中已經(jīng)配置為默認(rèn)訪問(wèn)文件，因此在訪問(wèn)地址中可以省略。

步驟2：創(chuàng)建JSP頁(yè)面

1.在Web應(yīng)用的根路徑下創(chuàng)建login.jsp。

a)在主菜單中選擇【New】【JSP（AdvancedTemplates）】或者右鍵點(diǎn)擊工程

上的【W(wǎng)ebRoot】并在彈出菜單中選擇【New】【JSP（AdvancedTemplates）】，都會(huì)彈出CreateanewJSPPage對(duì)話框。在FilePath中輸入或確認(rèn)/myweb/WebRoot，在FileName中輸入login.jsp,點(diǎn)擊【Finish】。b)注意：如果沒(méi)有【JSP（AdvancedTemplates）】則選擇【New】【Other】，在

彈出的菜單中再選擇【MyEclipse】【W(wǎng)eb】【JSP】。

2.編寫(xiě)login.jsp的代碼，如下：

functionisValidate(form){//得到用戶(hù)輸入的信息username=form.username.value;userpass=form.userpass.value;//判斷用戶(hù)名長(zhǎng)度if(!minLength(username,6)){alert("用戶(hù)名長(zhǎng)度小于6位！");form.username.focus();returnfalse;}if(!maxLength(username,8)){alert("用戶(hù)名長(zhǎng)度大于8位！");form.username.focus();returnfalse;}//判斷口令長(zhǎng)度

if(!minLength(userpass,6)){alert("口令長(zhǎng)度小于6位！");form.userpass.focus();returnfalse;}if(!maxLength(userpass,8)){alert("口令長(zhǎng)度大于8位！");form.userpass.focus();returnfalse;}returntrue;}

//驗(yàn)證是否滿足最小長(zhǎng)度f(wàn)unctionminLength(str,length){if(str.length>=length)

returntrue;elsereturnfalse;}

//判斷是否滿足最大長(zhǎng)度f(wàn)unctionmaxLength(str,length){if(str.length

6.同樣方法訪問(wèn)測(cè)試success.jsp。

a)如果Tomcat沒(méi)有啟動(dòng)，則啟動(dòng)Tomcat。

b)打開(kāi)瀏覽器，輸入地址:8080/myweb/success.jsp。c)出現(xiàn)“您好，歡迎登錄網(wǎng)上書(shū)店！”表示測(cè)試成功。7.同樣方法在Web應(yīng)用的根路徑下創(chuàng)建failure.jsp。8.編寫(xiě)failure.jsp的代碼，如下：

登錄失敗

用戶(hù)名或者口令不正確，請(qǐng)重新登錄！

9.同樣方法訪問(wèn)測(cè)試failure.jsp，出現(xiàn)“用戶(hù)名或者口令不正確，請(qǐng)重新登錄！”表示

測(cè)試成功。

步驟3：創(chuàng)建JavaBean1.創(chuàng)建包

在工程上的【src】點(diǎn)擊右鍵，在彈出菜單中選擇【New】【package】，在Names文本框中輸入beans，點(diǎn)擊【Finish】。2.創(chuàng)建Java類(lèi)

a)在工程上的【src】【beans】點(diǎn)擊右鍵，在彈出菜單中選擇【New】【class】，

在Names文本框中輸入LoginBean，并選中“publicstaticvoidmain(String[]args)”點(diǎn)擊【Finish】。

b)編寫(xiě)LoginBean的validate方法，如下：publicbooleanvalidate(Stringusername,Stringuserpass){if(username==null||userpass==null)returnfalse;returnusername.equals(userpass);}

c)在LoginBean的main方法中編寫(xiě)代碼測(cè)試。publicstaticvoidmain(String[]args){LoginBeantest=newLoginBean();

System.out.println("正確的用戶(hù)名口令，返回"+test.validate("zhangsan","zhangsan"));

System.out.println("錯(cuò)誤的用戶(hù)名口令，返回"+test.validate("zhangsan","123456"));}

右鍵點(diǎn)擊工程中的LoginBean，彈出菜單選擇【Runas】【JavaApplication】,

運(yùn)行Java程序，在控制臺(tái)出現(xiàn)如下結(jié)果，表示測(cè)試成功。

正確的用戶(hù)名口令，返回true錯(cuò)誤的用戶(hù)名口令，返回false

步驟4：創(chuàng)建Servlet1.創(chuàng)建包

a)在工程上的【src】點(diǎn)擊右鍵，在彈出菜單中選擇【New】【package】，在

Names文本框中輸入servlets，點(diǎn)擊【Finish】。

2.創(chuàng)建Servlet

a)在工程上的【src】【servlets】點(diǎn)擊右鍵，在彈出菜單中選擇【New】

【Servlet】，在Name文本框中輸入LoginServlet，點(diǎn)擊【Next】，出現(xiàn)CreateanewServlet對(duì)話框。

b)注意：如果沒(méi)有【Servlet】則選擇【New】【Other】，在彈出的菜單中再選

擇【MyEclipse】【W(wǎng)eb】【Servlet】。

c)在CreateanewServlet對(duì)話框中，修改Servlet/JSPName為：“/LoginServlets”，點(diǎn)擊【Finish】。注意：創(chuàng)建Servlet之后會(huì)自動(dòng)修改配置文件web.xml。如下：

ThisisthedescriptionofmyJ2EEcomponent

ThisisthedisplaynameofmyJ2EEcomponent

LoginServlets

servlets.LoginServlets

LoginServlets/login

d)編寫(xiě)LoginServlet的代碼，如下：

//添加導(dǎo)入包importbeans.*;

importjavax.servlet.http.HttpSession;importjavax.servlet.RequestDispatcher;

//在doGet方法中編寫(xiě)代碼如下：

publicvoiddoGet(HttpServletRequestrequest,HttpServletResponseresponse)throwsServletException,IOException{//獲取用戶(hù)輸入的用戶(hù)ID和口令Stringuserid=request.getParameter("username");Stringuserpass=request.getParameter("userpass");//創(chuàng)建模型對(duì)象LoginBeanloginBean=newLoginBean();//調(diào)用業(yè)務(wù)方法進(jìn)行驗(yàn)證booleanb=loginBean.validate(userid,userpass);//要轉(zhuǎn)向的文件Stringforward;//如果登陸成功，把用戶(hù)名寫(xiě)入session中，并且轉(zhuǎn)向success.jsp，

//否則轉(zhuǎn)向failure.jsp

if(b){//獲取sessionHttpSessionsession=(HttpSession)request.getSession(true);//把用戶(hù)名保存到session中session.setAttribute("userid",userid);//目標(biāo)轉(zhuǎn)向文件是success.jspforward="success.jsp";}else{//目標(biāo)轉(zhuǎn)向文件是failure.jspforward="failure.jsp";}//獲取Dispatcher對(duì)象

RequestDispatcherdispatcher=request.getRequestDispatcher(forward);//完成跳轉(zhuǎn)dispatcher.forward(request,response);}//在doPost方法中調(diào)用doGet方法，使得無(wú)論是get請(qǐng)求還是post請(qǐng)求，

//都訪問(wèn)一致的代碼

publicvoiddoPost(HttpServletRequestrequest,HttpServletResponseresponse)throwsServletException,IOException{doGet(request,response);

}

3.測(cè)試Servlet

a)如果Tomcat沒(méi)有啟動(dòng)，則啟動(dòng)Tomcat。

b)打開(kāi)瀏覽器，輸入地址:8080/myweb/login。

c)由于沒(méi)有登錄，直接訪問(wèn)LoginServlet，出現(xiàn)“用戶(hù)名或者口令不正確，請(qǐng)重新登錄！”，表示測(cè)試成功。

步驟5：Web應(yīng)用測(cè)試

1.觀察myweb應(yīng)用最終的文檔結(jié)構(gòu)，如下：

注意：這個(gè)文檔結(jié)構(gòu)實(shí)際部署在“D:\\JavaEEServer\\apache-tomcat-6.0.26\\webapps”目錄下。

2.測(cè)試Web應(yīng)用

a)如果Tomcat沒(méi)有啟動(dòng)，則啟動(dòng)Tomcat。

d)打開(kāi)瀏覽器，輸入地址:8080/myweb/login.jsp。

e)在login.jsp中輸入正確的、錯(cuò)誤的用戶(hù)名和口令，進(jìn)行測(cè)試，觀察訪問(wèn)結(jié)果。

實(shí)驗(yàn)總結(jié)

這個(gè)實(shí)驗(yàn)中，在Eclipse+MyEclipse8.6集成開(kāi)發(fā)環(huán)境中創(chuàng)建了一個(gè)Web應(yīng)用myweb，

包括JSP頁(yè)面，JavaBean和Servlet，實(shí)現(xiàn)了簡(jiǎn)單的登錄功能。

友情提示：本文中關(guān)于《實(shí)驗(yàn)2-Web開(kāi)發(fā)》給出的范例僅供您參考拓展思維使用，實(shí)驗(yàn)2-Web開(kāi)發(fā)：該篇文章建議您自主創(chuàng)作。

來(lái)源：網(wǎng)絡(luò)整理 免責(zé)聲明：本文僅限學(xué)習(xí)分享，如產(chǎn)生版權(quán)問(wèn)題，請(qǐng)聯(lián)系我們及時(shí)刪除。

《實(shí)驗(yàn)2-Web開(kāi)發(fā)》由互聯(lián)網(wǎng)用戶(hù)整理提供,轉(zhuǎn)載分享請(qǐng)保留原作者信息,謝謝!
鏈接地址：http://www.seogis.com/gongwen/713195.html

• 上一篇：網(wǎng)頁(yè)前端開(kāi)發(fā)筆試題
• 下一篇：前端網(wǎng)頁(yè)提速的具體方法