web程序設(shè)計(jì)實(shí)驗(yàn)報(bào)告集合

1、-. z.實(shí)驗(yàn)?zāi)康恼莆粘Ｓ玫腍TML語(yǔ)言標(biāo)記；利用文本編輯器建立HTML文檔，制作簡(jiǎn)單網(wǎng)頁(yè)。實(shí)驗(yàn)要求獨(dú)立完成實(shí)驗(yàn)。書寫實(shí)驗(yàn)報(bào)告書。實(shí)驗(yàn)內(nèi)容在文本編輯器“記事本中輸入如下的HTML代碼程序，以文件名sy1.html保存，并在瀏覽器中運(yùn)行。源程序清單如下：E*ample wele to you! A simple HTML document Wele to the world of HTML!This is a simple HTML document. It is to give you an outline of how to write HTML file and how the marku

2、p tags work in the HTML fileFollowing in three chapters. This is the chapter one! This is the chapter two! This is the chapter three! Following is item of the chapter two! item ent item1 font item2 table item3 form 1 2 3 4 5 6 7End of the e*ample document運(yùn)行結(jié)果：2.編寫一個(gè)能輸入如下圖界面的HTML文件。程序代碼： 表單*例 請(qǐng)留下個(gè)人資料

3、 ： ： ：性別：女男 年齡： 20歲以下20歲-30歲30歲-40歲40歲-50歲50歲-60歲 留言版： 運(yùn)動(dòng)您的愛好：閱讀聽音樂旅游 運(yùn)行結(jié)果：一、實(shí)驗(yàn)?zāi)康?. 掌握J(rèn)avaScript技術(shù)，根本掌握J(rèn)avaScript的開發(fā)技巧；2. 利用文本編輯器建立JavaScript腳本語(yǔ)言進(jìn)展簡(jiǎn)單編程。二、實(shí)驗(yàn)要求：1. 根據(jù)以下實(shí)驗(yàn)內(nèi)容書寫實(shí)驗(yàn)準(zhǔn)備報(bào)告。2. 獨(dú)立完成實(shí)驗(yàn)。三、實(shí)驗(yàn)內(nèi)容1.顯示一個(gè)動(dòng)態(tài)的時(shí)鐘在文本編輯器“記事本中輸入如下代碼程序，請(qǐng)仔細(xì)閱讀以下程序語(yǔ)句，理解每條語(yǔ)句的作用。源程序清單如下： var timer=nullfunction stop() clearTimeout(

4、timer)function start() var time=new Date() var hours=time.getHours() var minutes=time.getMinutes() var seconds=time.getSeconds() minutes=(minutes10)0:)+minutes seconds=(seconds10)0:)+seconds var clock=hours+:+minutes+:+seconds document.forms0.display.value=clock timer=setTimeout(start(),1000) 現(xiàn)在是時(shí)間：

5、 運(yùn)行結(jié)果：2.事件驅(qū)動(dòng)和事件處理在文本編輯器“記事本中輸入如下代碼程序，請(qǐng)仔細(xì)閱讀以下程序語(yǔ)句，理解每條語(yǔ)句的作用。源程序清單如下： function myfunction()alert (HELLO!) By pressing the button,a function will be called.The function will alert a message. 運(yùn)行結(jié)果：3. JavaScript表單校驗(yàn)編寫程序register.html，做一個(gè)如以下圖所示的用戶注冊(cè)界面，要求對(duì)用戶填寫的局部進(jìn)展合法性檢驗(yàn)。源程序清單如下： 用戶登錄 function myfunction() i

6、f(document.forms0.username.value=)alert(用戶名不能為空，請(qǐng)輸入用戶名！);form1.username.focus();return false; if (form1.userpassword.value = )alert(用戶密碼不能為空，請(qǐng)輸入密碼！);form1.userpassword.focus();return false; else document.write(您好,+document.forms0.username.value+!,歡送登錄！); 用戶登錄：請(qǐng)輸入用戶名：請(qǐng)輸入密碼： 運(yùn)行結(jié)果：一、實(shí)驗(yàn)?zāi)康?. 掌握J(rèn)SP的Reques

7、t與Response隱式對(duì)象的用法，根本掌握J(rèn)SP的開發(fā)技巧。2. 在JDK和Eclipse環(huán)境下，完成以下實(shí)驗(yàn)。二、實(shí)驗(yàn)要求1. 獨(dú)立完成實(shí)驗(yàn)。2. 書寫實(shí)驗(yàn)報(bào)告書。三、實(shí)驗(yàn)內(nèi)容編寫程序?qū)崿F(xiàn)一個(gè)單項(xiàng)選擇小測(cè)試。在test.jsp頁(yè)面顯示問題，并將答案提交至answer.jsp進(jìn)展判斷，如果答復(fù)正確，則將頁(yè)面轉(zhuǎn)至yes.jsp；否則，轉(zhuǎn)至no.jsp。程序代碼：Test.jsp 奧運(yùn)會(huì)開幕日期是： 8月6日 8月8日 8月9日 8月10日 answer.jsp yes.jsp 恭喜您答對(duì)了！ no.jsp 很抱歉，您答錯(cuò)了！ 運(yùn)行結(jié)果：一、實(shí)驗(yàn)?zāi)康?.掌握J(rèn)SP的Application對(duì)象Se

8、ssion對(duì)象的用法，根本掌握J(rèn)SP的開發(fā)技巧。2.在JDK和Eclipse環(huán)境下，完成以下實(shí)驗(yàn)。二、實(shí)驗(yàn)要求：1.獨(dú)立完成實(shí)驗(yàn)； 2.書寫實(shí)驗(yàn)報(bào)告書三、實(shí)驗(yàn)內(nèi)容：1.請(qǐng)仔細(xì)閱讀以下程序語(yǔ)句，理解每條語(yǔ)句的作用。源程序清單如下：網(wǎng)頁(yè)計(jì)數(shù)器您是第為訪問者！運(yùn)行結(jié)果：上述計(jì)數(shù)器當(dāng)進(jìn)展刷新時(shí)也會(huì)自動(dòng)加1，試編寫程序count.jsp，實(shí)現(xiàn)防刷新文本計(jì)數(shù)器。源程序清單如下： 網(wǎng)頁(yè)防刷新計(jì)數(shù)器 運(yùn)行結(jié)果：編寫程序register.html和register.jsp，做一個(gè)用戶注冊(cè)的界面，要求對(duì)用戶填寫的局部進(jìn)展合法性檢驗(yàn)，然后提交到register.jsp進(jìn)展注冊(cè)檢驗(yàn)，假設(shè)用戶名為user開頭的，就提示

9、“該用戶名已被注冊(cè)，假設(shè)用戶名為admin，就提示“歡送你，管理員，否則，就顯示“注冊(cè)成功。Register.html function on_submit() /驗(yàn)證數(shù)據(jù)的合法性if (form1.username.value = ) alert(用戶名不能為空，請(qǐng)輸入用戶名！); form1.username.focus(); return false; if (form1.userpassword.value = ) alert(用戶密碼不能為空，請(qǐng)輸入密碼！); form1.userpassword.focus(); return false; if (form1.reuserpass

10、word.value = ) alert(用戶確認(rèn)密碼不能為空，請(qǐng)輸入密碼！); form1.reuserpassword.focus(); return false; if (form1.userpassword.value != form1.reuserpassword.value) alert(密碼與確認(rèn)密碼不同); form1.userpassword.focus(); return false; 新用戶注冊(cè) 新用戶注冊(cè)用戶名(*)： 密碼(*)： 再輸一次密碼(*)： Register.jsp =4) String mystring = myusername.substring(0,

11、4); if( mystring.equalsIgnoreCase(user) ) out.print(對(duì)不起，該用戶名已經(jīng)被注冊(cè)！請(qǐng)重新輸入！); else if(myusername.equalsIgnoreCase(admin) out.print(歡送您，管理員！); else out.print(恭喜您，注冊(cè)成功！); else out.print(恭喜您，注冊(cè)成功！); % 運(yùn)行結(jié)果：一、實(shí)驗(yàn)?zāi)康?.掌握J(rèn)SP與數(shù)據(jù)庫(kù)的連接技術(shù)JDBC2.掌握J(rèn)SP數(shù)據(jù)庫(kù)編程技術(shù)。二、實(shí)驗(yàn)要求1.獨(dú)立完成實(shí)驗(yàn)； 2.書寫實(shí)驗(yàn)報(bào)告書三、實(shí)驗(yàn)內(nèi)容利用數(shù)據(jù)庫(kù)建立一個(gè)同學(xué)錄，然后通過JDBC編寫一系列基于

12、Web方式的JSP程序，來對(duì)同學(xué)錄的數(shù)據(jù)庫(kù)進(jìn)展添加、查詢等功能，要求在網(wǎng)頁(yè)上顯示出來。四、實(shí)驗(yàn)步驟1.建立數(shù)據(jù)庫(kù)建立名為students的access數(shù)據(jù)庫(kù)，在庫(kù)中建立schoolmate表.2.創(chuàng)立數(shù)據(jù)源名翻開數(shù)據(jù)源；添加Microsoft Access Driver(*.mdb)數(shù)據(jù)源驅(qū)動(dòng)程序。數(shù)據(jù)源名稱：students;更改默認(rèn)數(shù)據(jù)庫(kù)，選擇students.3.運(yùn)行所編寫的應(yīng)用程序五、源程序如下：sc.htmlfunction myfunction()if(form1.id.value=)alert(請(qǐng)輸入要?jiǎng)h除成員的編號(hào));return false;elsereturn true;刪

13、除界面輸入刪除同學(xué)記錄的編號(hào)編號(hào):返回首頁(yè)sy.html同學(xué)錄同學(xué)錄查詢添加刪除tj.htmlfunction myfunction()if(form1.id.value=|.value=|form1.birthday.value=|form1.phone.value=|form1.email.value=|form1.address.value=|form1.other.value=)alert(您輸入的信息不完整);return false;elsereturn true;添加界面添加同學(xué)信息編號(hào):生日:地址:備注:返回首頁(yè)c*.jsp*生日地址其他%String dr

14、iverName = sun.jdbc.odbc.JdbcOdbcDriver;String dbName = students;String tableName = schoolmate;String userName = ;String userPasswd = ;String conURL = jdbc:odbc:+dbName;String sql = SELECT * FROM +tableName;Class.forName(driverName);Connection con = DriverManager.getConnection(conURL,userName,userPa

15、sswd);Statement s=con.createStatement();ResultSet rs=s.e*ecuteQuery(sql);while(rs.ne*t()out.println();out.println(+rs.getString(id)+);out.println(+rs.getString(name)+);out.println(+rs.getString(birthday)+);out.println(+rs.getString(phone)+);out.println(+rs.getString(email)+);out.println(+rs.getStrin

16、g(address)+);out.println(+rs.getString(other)+);out.println();rs.close();s.close();con.close();%返回首頁(yè)sc.jsp刪除后的數(shù)據(jù)庫(kù)記錄*生日地址其他%Statement s1=con.createStatement();ResultSet rs1=s1.e*ecuteQuery(sql);while(rs1.ne*t()out.println();out.println(+rs1.getString(id)+);out.println(+rs1.getString(name)+);out.print

17、ln(+rs1.getString(birthday)+);out.println(+rs1.getString(phone)+);out.println(+rs1.getString(email)+);out.println(+rs1.getString(address)+);out.println(+rs1.getString(other)+);out.println();rs1.close();s1.close();con.close();%返回首頁(yè)tj.jsp插入后的數(shù)據(jù)庫(kù)記錄*生日地址其他%Statement s1=con.createStatement();ResultSet rs1=s1.e*ecuteQuery(sql);while(rs1.ne*t()out.println();out.println(+rs1.getString(id)+);out.pr