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

1、-. z.實(shí)驗(yàn)?zāi)康恼莆粘Ｓ玫腍TML語言標(biāo)記；利用文本編輯器建立HTML文檔，制作簡單網(wǎng)頁。實(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文件。程序代碼： 表單*例 請留下個(gè)人資料

3、 ： ： ：性別：女男 年齡： 20歲以下20歲-30歲30歲-40歲40歲-50歲50歲-60歲 留言版： 運(yùn)動您的愛好：閱讀聽音樂旅游 運(yùn)行結(jié)果：一、實(shí)驗(yàn)?zāi)康?. 掌握J(rèn)avaScript技術(shù)，根本掌握J(rèn)avaScript的開發(fā)技巧；2. 利用文本編輯器建立JavaScript腳本語言進(jì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è)動態(tài)的時(shí)鐘在文本編輯器“記事本中輸入如下代碼程序，請仔細(xì)閱讀以下程序語句，理解每條語句的作用。源程序清單如下： 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ū)動和事件處理在文本編輯器“記事本中輸入如下代碼程序，請仔細(xì)閱讀以下程序語句，理解每條語句的作用。源程序清單如下： 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è)如以下圖所示的用戶注冊界面，要求對用戶填寫的局部進(jìn)展合法性檢驗(yàn)。源程序清單如下： 用戶登錄 function myfunction() i

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

7、t與Response隱式對象的用法，根本掌握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)選擇小測試。在test.jsp頁面顯示問題，并將答案提交至answer.jsp進(jìn)展判斷，如果答復(fù)正確，則將頁面轉(zhuǎn)至yes.jsp；否則，轉(zhuǎn)至no.jsp。程序代碼：Test.jsp 奧運(yùn)會開幕日期是： 8月6日 8月8日 8月9日 8月10日 answer.jsp yes.jsp 恭喜您答對了！ no.jsp 很抱歉，您答錯(cuò)了！ 運(yùn)行結(jié)果：一、實(shí)驗(yàn)?zāi)康?.掌握J(rèn)SP的Application對象Se

8、ssion對象的用法，根本掌握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.請仔細(xì)閱讀以下程序語句，理解每條語句的作用。源程序清單如下：網(wǎng)頁計(jì)數(shù)器您是第為訪問者！運(yùn)行結(jié)果：上述計(jì)數(shù)器當(dāng)進(jìn)展刷新時(shí)也會自動加1，試編寫程序count.jsp，實(shí)現(xiàn)防刷新文本計(jì)數(shù)器。源程序清單如下： 網(wǎng)頁防刷新計(jì)數(shù)器 運(yùn)行結(jié)果：編寫程序register.html和register.jsp，做一個(gè)用戶注冊的界面，要求對用戶填寫的局部進(jìn)展合法性檢驗(yàn)，然后提交到register.jsp進(jìn)展注冊檢驗(yàn)，假設(shè)用戶名為user開頭的，就提示

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

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

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

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

13、除界面輸入刪除同學(xué)記錄的編號編號:返回首頁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é)信息編號:生日:地址:備注:返回首頁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();%返回首頁sc.jsp刪除后的數(shù)據(jù)庫記錄*生日地址其他%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();%返回首頁tj.jsp插入后的數(shù)據(jù)庫記錄*生日地址其他%Statement s1=con.createStatement();ResultSet rs1=s1.e*ecuteQuery(sql);while(rs1.ne*t()out.println();out.println(+rs1.getString(id)+);out.pr