福建信息職業(yè)技術(shù)學(xué)院軟件工程系實驗報告

1、福建信息職業(yè)技術(shù)學(xué)院軟件工程系實驗報告2011 2012 學(xué)年第 2 學(xué)期 任課老師： 余先鋒 課程名稱JavaWEB程序設(shè)計班級座號姓名實驗名稱<實驗-3>JSP表單實驗時間第 周星期 第 節(jié)實驗?zāi)康恼莆毡韱蔚慕Y(jié)構(gòu)及設(shè)計方法；掌握表單組件的使用方法；掌握表單內(nèi)容的提交與接收方法。實驗環(huán)境PC/windows2000/2003/XP/Tomcat6/Eclipse/Jcreator Pro/Dreamweaver MX。 實驗內(nèi)容安排必做題：【實驗3-1】建立一個用戶登錄表單。表單包含一個用戶名文本框，一個密碼框以及一個登錄按鈕。表單form的action屬性指定Expe

2、riment3_1a.jsp來接收并顯示所輸入的用戶名和密碼的內(nèi)容。程序顯示如下。表單及表單接收程序分別保存為：Experiment3_1.jsp和Experiment3_1a.jsp。【示例鏈接】程序提示：Experiment3_1.jsp： 表單：<form name="form1" action="Experiment3_1a.jsp" method="post"> 用戶名文本框：<input type="text" name="user" size="12&q

3、uot;> 密碼文本框：<input type="password" name="pass" size="12"> 提交按鈕：<input name="login" type="submit" value="登錄">程序顯示： Experiment3_1a.jsp：接收用戶名與密碼的命令為： user = request.getParameter("user"); pass = request.getParameter(&qu

4、ot;pass");程序顯示 用戶名：abc 密 碼：12345【實驗3-2】建立一個學(xué)生信息資料表單，表單包含以下內(nèi)容。程序保存為Experiment3_2.jsp。同時編寫程序Experiment3_2a.jsp接收并顯示表單所提交的全部內(nèi)容?！臼纠溄印恳蟊韱伟ㄒ韵驴丶?、 文本行：學(xué)號，姓名、出生年月2、 單選按鈕：性別3、 下拉菜單：班級4、 復(fù)選框：可以為愛好、選修課程等5、 文本區(qū)：個人簡介6、 按鈕：重寫，提交。Experiment3_2.jsp程序運行顯示： 提交后，Experiment3_2a.jsp程序顯示表單所提交的內(nèi)容： 學(xué)號：091111 姓名：李四

5、 出生年月：88年8月 性別：女 班級：網(wǎng)絡(luò)信息0912 選修：Java SQL 個人簡介：個人簡介：個人簡介個人簡介個人簡介個人簡介個人簡介個人簡介個人簡介提示：1、 單選按鈕組：<input name="sex" type="radio" value="男" checked>男<input name="sex" type="radio" value="女">女單選按鈕值的讀取方式：String sex = request.getParameter(

6、"sex");2、 下拉菜單：<select name="bj" id="bj"> <option value="網(wǎng)絡(luò)信息0911">網(wǎng)絡(luò)信息0911</option> <option value="網(wǎng)絡(luò)信息0912">網(wǎng)絡(luò)信息0912</option> <option value="網(wǎng)絡(luò)信息1011">網(wǎng)絡(luò)信息1011</option> <option value="網(wǎng)絡(luò)信息

7、1012">網(wǎng)絡(luò)信息1012</option></select>下拉菜單內(nèi)容讀取方式：String bj = request.getParameter("bj");3、 復(fù)選框組：<input name="xx" type="checkbox" value="Java">Java<input name="xx " type="checkbox" value="C#">C#<input n

8、ame="xx" type="checkbox" value="SQL">SQL復(fù)選框讀取方式：String xx = request.getParameterValues("xx"); /讀取的內(nèi)容為一個字符串?dāng)?shù)組for(int i=0; i<xx.length; i+)/ xxi.value為被選中的復(fù)選框數(shù)組元素xxi的值。;選做題：【實驗3-3】修改【實驗3-2】程序Experiment3_2.jsp，班級名稱在數(shù)組String bj當(dāng)中，選修課內(nèi)容在數(shù)組當(dāng)中，使用程序?qū)⑦@兩個數(shù)組內(nèi)容分別放到下

9、拉菜單bj和復(fù)選框組xx當(dāng)中去。程序保存為Experiment3_3.jsp。程序Experiment3_3.jsp運行提交后，同樣由Experiment3_2a.jsp讀取并顯示表單內(nèi)容?！臼纠溄印刻崾荆篠tring bj = "網(wǎng)絡(luò)信息0911","網(wǎng)絡(luò)信息0912","網(wǎng)絡(luò)信息1011","網(wǎng)絡(luò)信息1012"String xx = "Java","C#","SQL","Linux"/將數(shù)組加入下拉菜單：<select na

10、me="bj" id="bj"><%for(int i=0; i<bj.length; i+)out.println("<option value='"+bji+"'>"+bji+"</option>");%></select>/將數(shù)組加入復(fù)選按鈕組：<%for(int i=0; i<bj.length; i+)out.println("<input name='xx' typ

11、e='checkbox' value='"+xxi+"'>"+xxi);%>【實驗3-4】修改【實驗3-1】程序Experiment3_1.jsp，添加JavaScript程序代碼，當(dāng)輸入的用戶名或密碼為空時不能提交，并彈出對話框告警。程序保存為Experiment3_4.jsp?！臼纠溄印俊緦嶒?-5】修改【實驗3-3】程序Experiment3_3.jsp，添加JavaScript程序代碼，當(dāng)輸入的學(xué)號、姓名為空時不能提交，并彈出對話框告警；如果選修課少于兩門時，也不能提交并彈出對話框告警。程序保存為Experim

12、ent3_5.jsp。【示例鏈接】提示（JavaScript程序）：1、 判定文本框不能為空：修改“提交”按鈕（submit）為普通按鈕（button），并加入onClick事件：<input name="按鈕" type="button" value="提交" onClick="test();">JavScript方法test()的處理程序：function test()if (er.value.length = 0) alert("用戶名不能為空！"); return; if (

13、document.form1.pass.value.length = 0) alert("請輸入密碼！");return;document.form1.submit(); /提交2、 判定復(fù)選框xx選取狀態(tài)for (i=0; i<document.form1.xx.length; i+) /遍歷xx所有復(fù)選框if (document.form1.xxi.checked)/第i個復(fù)選框被選中;3、 判定單選按鈕sex選取狀態(tài)for (i=0; i<document.form1.sex.length; i+) /遍歷sex所有單選按鈕if (document.for

14、m1.sexi.checked)/第i個單選按鈕被選中;完成以上實驗題后，上傳到ftp空間，并修改你的作業(yè)的主頁index.jsp程序，增加上面程序的運行鏈接。實驗要點編寫程序時，注意以下幾點：1、 要對表單form和表單下的控件設(shè)定name屬性，如<form name="" >、<input name="">等； 2、 注意表單的結(jié)構(gòu)，表單控件要放在<form></form>之內(nèi)，一個頁面中最好不要超過一個<form>；3、 表單內(nèi)可以使用表格進(jìn)行布局設(shè)計；4、 注意form的提交對象acti

15、on屬性，以確定接收表單內(nèi)容的程序；5、 理解并使用上面所給出的提示方法，能夠讀取表單中各控件的狀態(tài)、值等內(nèi)容；6、 接收程序使用request.getParameter();方法讀取表單提交的數(shù)據(jù)，所提取的內(nèi)容是字符串類型，如果是其他數(shù)據(jù)類型要進(jìn)行類型轉(zhuǎn)換；7、 使用request.getParameter();方法讀取數(shù)據(jù)以及進(jìn)行數(shù)據(jù)類型轉(zhuǎn)換時，應(yīng)該進(jìn)行異常處理；8、 使用JavaScript可以在客戶端對數(shù)據(jù)進(jìn)行簡單的預(yù)處理，這樣減少服務(wù)器端的程序工作量。9、 可在表單接收程序前面加入以下代碼，確定漢字編碼格式：<%request.setCharacterEncoding("GBK");%>實驗過程記錄（學(xué)生寫出實驗步驟及中間的結(jié)果與現(xiàn)象，在實驗中做了什么，怎么做，發(fā)生的現(xiàn)象和中間結(jié)果）實驗結(jié)果分析與總結(jié)1、程序運行結(jié)果（請?zhí)峁┠闼瓿傻母鞯李}頁面的網(wǎng)絡(luò)鏈接）：2、你在實驗過程中遇到的問題與解決方法：3、實