web實(shí)驗(yàn)李柯 1

1、 實(shí) 驗(yàn) 報(bào) 告 學(xué)院：軟件學(xué)院系：軟件工程 專(zhuān)業(yè)：軟件工程 班級(jí)：1112 學(xué)號(hào)：2011005002 姓名：郭亮亮 指導(dǎo)教師：王莉時(shí)間：2013年12月29日學(xué)院名稱(chēng)軟件學(xué)院專(zhuān)業(yè)班級(jí)軟件1112學(xué)號(hào)2011005002實(shí)驗(yàn)成績(jī)學(xué)生姓名郭亮亮同組人姓名實(shí)驗(yàn)日期2013.12.15課程名稱(chēng)實(shí)驗(yàn)題目html語(yǔ)言一實(shí)驗(yàn)?zāi)康?掌握常用的html語(yǔ)言標(biāo)記；2利用文本編輯器建立html文檔，制作簡(jiǎn)單網(wǎng)頁(yè)。二實(shí)驗(yàn)內(nèi)容 1在文本編輯器“記事本”中輸入如下的html代碼程序，以文件名sy1.html保存，并在瀏覽器中運(yùn)行。（請(qǐng)仔細(xì)閱讀下列程序語(yǔ)句，理解每條語(yǔ)句的作用） 源程表格標(biāo)記綜合示例學(xué)生成績(jī)登記表 學(xué)&

2、nbsp;號(hào) 姓 名 高等數(shù)學(xué) 英 語(yǔ) 2008000001 張三 95 90 2008000002 李四 90 96 說(shuō)明 成績(jī)=平時(shí)*20%+期末*80% 2006年1月 序清單如下： 3 實(shí)驗(yàn)過(guò)程中遇到的問(wèn)題及解決方法 對(duì)表單中標(biāo)記的使用出現(xiàn)了問(wèn)題，不了解各種標(biāo)記的功能，通過(guò)查找書(shū)籍并在編程過(guò)程中運(yùn)用，最終能熟練運(yùn)用。四實(shí)驗(yàn)結(jié)論和感想 通過(guò)此次實(shí)驗(yàn)，.能熟練地掌握基本的html語(yǔ)言標(biāo)記，懂得每一個(gè)標(biāo)記所代表的意思。 進(jìn)一步熟悉了表單的制作過(guò)程以及表單中各標(biāo)記的靈活應(yīng)用。五實(shí)驗(yàn)程序（另附）程序清單： 表單范例 請(qǐng)留下個(gè)人資料 姓名： e-mail： 電話： 性別：女男

3、年齡： 20以下40以下60以下60以上 留言板： 您的愛(ài)好： 運(yùn)動(dòng) 閱讀 聽(tīng)音樂(lè) 旅游       網(wǎng)頁(yè)程序設(shè)計(jì)-javascript一實(shí)驗(yàn)?zāi)康?掌握javascript技術(shù),基本掌握javascript的開(kāi)發(fā)技巧；2利用文本編輯器建立javascript腳本語(yǔ)言進(jìn)行簡(jiǎn)單編程。二實(shí)驗(yàn)內(nèi)容1 顯示一個(gè)動(dòng)態(tài)的時(shí)鐘在文本編輯器“記事本”中輸入如下代碼程序，請(qǐng)仔細(xì)閱讀下列程序語(yǔ)句，理解每條語(yǔ)句的作用。源程序清單如下： var timer = nullfunction stop()cleartimeout(timer)function start()var ti

4、me = new date()var hours =time.gethours()var minutes =time.getminutes()minutes=(minutes10)?0:”“)+minutesvar seconds=time.getseconds()seconds=(seconds10)?0:”“)+secondsvar clock =hours+:+minutes+:+secondsdocument.forms0.display.value=clocktimer=settimeout(start(),1000)現(xiàn)在是北京時(shí)間：分析上述代碼的作用,然后用瀏覽器運(yùn)行文件,驗(yàn)證自己

5、的判斷是否正確. 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)行文件,驗(yàn)證自己的判斷是否正確。3javascript表單校驗(yàn)編寫(xiě)程序register.htm，做一個(gè)如下圖所示的用戶注冊(cè)界面，要求對(duì)用戶填寫(xiě)的部分進(jìn)行合法性檢驗(yàn)。三實(shí)驗(yàn)過(guò)程中遇到的問(wèn)題

6、及解決方法 在第三個(gè)實(shí)驗(yàn)的表單校驗(yàn)中，設(shè)置窗口彈出時(shí)遇到一定的問(wèn)題，通過(guò)分析第二個(gè)實(shí)驗(yàn)，設(shè)定一個(gè)function函數(shù)，在button中的事件處理中調(diào)用此函數(shù)。四實(shí)驗(yàn)結(jié)論和感想 在本次實(shí)驗(yàn)中，學(xué)會(huì)了javascript函數(shù)的編寫(xiě)和調(diào)用，動(dòng)手編寫(xiě)了javascript代碼，但是在中間出現(xiàn)了很多問(wèn)題，通過(guò)和同學(xué)商量以及老師的指導(dǎo)之后得到了解決，實(shí)現(xiàn)對(duì)表單元素的驗(yàn)證。五實(shí)驗(yàn)程序（另附）（1） var timer = null function stop() cleartimeout(timer) function start()var time = new date() var hours =time

7、.gethours() var minutes =time.getminutes() minutes=(minutes10)?0:)+minutes var seconds=time.getseconds() seconds=(seconds10)?0:)+seconds varclock=hours+:+minutes+:+seconds display.value=clock/document.forms0. timer=settimeout(start(),1000) 現(xiàn)在是北京時(shí)間： （2） function myfunction() alert(hello) by pressing

8、the button, a function will be called. the function will alert a message. （3） function myfunction1() alert(用戶名不能為空，請(qǐng)輸入用戶名) 用戶登錄 請(qǐng)輸入用戶名： 請(qǐng)輸入密碼:    學(xué)院名稱(chēng)軟件學(xué)院專(zhuān)業(yè)班級(jí)軟件1106學(xué)號(hào)2011005004實(shí)驗(yàn)成績(jī)學(xué)生姓名李柯同組人姓名實(shí)驗(yàn)日期2013.12.19課程名稱(chēng)實(shí)驗(yàn)題目request與response對(duì)象的應(yīng)用一實(shí)驗(yàn)?zāi)康?掌握jsp的request與response隱式對(duì)象的用法，基本掌握jsp的開(kāi)發(fā)技巧。2在jdk

9、和eclipse環(huán)境下，完成下列實(shí)驗(yàn)二實(shí)驗(yàn)內(nèi)容編寫(xiě)程序?qū)崿F(xiàn)一個(gè)單選小測(cè)試。在test.jsp頁(yè)面顯示問(wèn)題，并將答案提交至answer.jsp進(jìn)行判斷，如果回答正確，則將頁(yè)面轉(zhuǎn)至yes.jsp;否則，轉(zhuǎn)至no.jsp。 三實(shí)驗(yàn)過(guò)程中遇到的問(wèn)題及解決方法 軟件在配置過(guò)程中遇到一些問(wèn)題，和tomcat連接時(shí)由于使用的全部為英文軟件，操作有些困難。在進(jìn)行編寫(xiě)程序的時(shí)候不會(huì)頁(yè)面跳轉(zhuǎn)，后使用response.sendredirect（）命令來(lái)進(jìn)行頁(yè)面的跳轉(zhuǎn)，并且產(chǎn)生不同的結(jié)果。四實(shí)驗(yàn)結(jié)論和感想 在不停地嘗試中掌握jsp的request與response隱式對(duì)象的用法，以及在jsp環(huán)境下如何配置，編譯。編程

10、是一個(gè)鍛煉人耐心的工作，遇到的重重問(wèn)題只有在不斷嘗試和克服下，才能獲取成功。五實(shí)驗(yàn)程序（另附）test.jsp 北京奧運(yùn)會(huì)開(kāi)幕日期是： 8月6日 8月8日 8月9日 8月10日 answer.jsp yes.jsp 恭喜您答對(duì)了！ no.jsp 很抱歉，您答錯(cuò)了！ 學(xué)院名稱(chēng)軟件學(xué)院專(zhuān)業(yè)班級(jí)軟件1106學(xué)號(hào)2011005004實(shí)驗(yàn)成績(jī)學(xué)生姓名李柯同組人姓名實(shí)驗(yàn)日期2013.12.21課程名稱(chēng)實(shí)驗(yàn)題目application對(duì)象session對(duì)象一實(shí)驗(yàn)?zāi)康?掌握jsp的application對(duì)象session對(duì)象對(duì)象的用法，基本掌握jsp的開(kāi)發(fā)技巧。2在jdk和eclipse環(huán)境下，完成下列實(shí)驗(yàn)。二

11、實(shí)驗(yàn)內(nèi)容1請(qǐng)仔細(xì)閱讀下列程序語(yǔ)句，理解每條語(yǔ)句的作用。源程序清單如下： 網(wǎng)頁(yè)計(jì)數(shù)器您是第位訪問(wèn)者！2上述計(jì)數(shù)器當(dāng)進(jìn)行刷新時(shí)也會(huì)自動(dòng)加1，試編寫(xiě)程序count.jsp，實(shí)現(xiàn)防刷新文本計(jì)數(shù)器。3編寫(xiě)程序register.htm和register.jsp，做一個(gè)用戶注冊(cè)的界面，要求對(duì)用戶填寫(xiě)的部分進(jìn)行合法性檢驗(yàn)，然后提交到register.jsp進(jìn)行注冊(cè)檢驗(yàn)，若用戶名為user開(kāi)頭的，就提示“該用戶名已被注冊(cè)”，若用戶名為admin，就提示“歡迎您，管理員”，否則，就顯示“注冊(cè)成功”。3 實(shí)驗(yàn)過(guò)程中遇到的問(wèn)題及解決方法 第一個(gè)程序的代碼，既是按要求完成通過(guò)一個(gè)各客戶端可以共享的對(duì)象applicati

12、on建立了一個(gè)對(duì)象，客戶端每次打開(kāi)瀏覽器或刷新瀏覽器都會(huì)觸發(fā)這個(gè)計(jì)數(shù)器函數(shù)，只要有客戶端訪問(wèn)服務(wù)器，服務(wù)器上的counter值就會(huì)進(jìn)行加1操作，如果是初始打開(kāi)則進(jìn)行賦值1操作。 經(jīng)過(guò)第一個(gè)程序的分析，已經(jīng)大致知道計(jì)數(shù)器的實(shí)現(xiàn)方法，為達(dá)到防刷新，需要session的方法，在書(shū)上看到有一個(gè)isnew()的方法，可以用此方法來(lái)判斷客戶端是否由服務(wù)器產(chǎn)生。編寫(xiě)第三個(gè)實(shí)驗(yàn)時(shí)，在判斷以u(píng)ser開(kāi)頭的用戶名不太清楚，第一次使用contains()方法大致實(shí)現(xiàn)了判斷功能，經(jīng)過(guò)查閱java api文檔，得知有substring()方法可以實(shí)現(xiàn)對(duì)字符串的截取操作，截取0-4的字符串對(duì)其進(jìn)行equals()比較則實(shí)

13、現(xiàn)了題目要求的功能。四實(shí)驗(yàn)結(jié)論和感想本次實(shí)驗(yàn)，學(xué)會(huì)了編寫(xiě)一個(gè)jsp程序，并將jsp程序部署到tomcat服務(wù)器上，并且懂得了接收客戶端瀏覽器傳過(guò)來(lái)的參數(shù)的值要用request對(duì)象，這次試驗(yàn)讓我對(duì)request命令和response命令有了更加直觀的了解和學(xué)習(xí)。五實(shí)驗(yàn)程序（另附）register.html代碼：function checkform()if(document.forms0.username.value=)alert(請(qǐng)輸入姓名);document.forms0.username.focus();return false;if(document.forms0.userpass.val

14、ue=)alert(請(qǐng)輸入密碼);document.forms0.userpass.focus();return false;用戶登錄：請(qǐng)輸入用戶名：請(qǐng)輸入密碼：  register.jsp代碼如下： base href= 注冊(cè)頁(yè)面 該用戶已被注冊(cè)歡迎您，管理員注冊(cè)成功 學(xué)院名稱(chēng)軟件學(xué)院專(zhuān)業(yè)班級(jí)軟件1106學(xué)號(hào)2011005004實(shí)驗(yàn)成績(jī)學(xué)生姓名李柯同組人姓名實(shí)驗(yàn)日期2013.12.25課程名稱(chēng)實(shí)驗(yàn)題目使用jdbc連接數(shù)據(jù)庫(kù)一實(shí)驗(yàn)?zāi)康?掌握jsp與數(shù)據(jù)庫(kù)的連接技術(shù)jdbc2掌握jsp數(shù)據(jù)庫(kù)編程技術(shù)。二實(shí)驗(yàn)內(nèi)容 利用數(shù)據(jù)庫(kù)建立一個(gè)同學(xué)錄，然后通過(guò)jdbc編寫(xiě)一系列基于web方

15、式的jsp程序，來(lái)對(duì)同學(xué)錄的數(shù)據(jù)庫(kù)進(jìn)行添加、查詢等功能，要求在網(wǎng)頁(yè)上顯示出來(lái)。 1建立數(shù)據(jù)庫(kù)建立名為students的access數(shù)據(jù)庫(kù),在庫(kù)中建立schoolmate表，字段包括：id自動(dòng)編號(hào)name文本birthday日期/時(shí)間phone文本email文本address文本other備注2. 創(chuàng)建數(shù)據(jù)源名打開(kāi)數(shù)據(jù)源（odbc）；添加microsoft access driver(*.mdb)數(shù)據(jù)源驅(qū)動(dòng)程序。數(shù)據(jù)源名稱(chēng)：students；更改默認(rèn)數(shù)據(jù)庫(kù)，選擇students。3運(yùn)行所編寫(xiě)的應(yīng)用程序啟動(dòng)eclipse，建立項(xiàng)目exp5,將編寫(xiě)的程序放入該項(xiàng)目的webcontent下，右鍵點(diǎn)擊w

16、ebcontent，選擇“刷新”。打開(kāi)要運(yùn)行的頁(yè)面，在程序的任意位置單擊右鍵，選擇“運(yùn)行方式”/“在服務(wù)器上運(yùn)行”，單擊“在服務(wù)器上運(yùn)行” 對(duì)話框的“完成”，即可看到運(yùn)行結(jié)果。三實(shí)驗(yàn)過(guò)程中遇到的問(wèn)題及解決方法 在庫(kù)中建立schoolmate表時(shí)，過(guò)程比較繁瑣，期間小問(wèn)題不斷，在耐心調(diào)試下得以解決。建立數(shù)據(jù)庫(kù)時(shí)，對(duì)以前所學(xué)知識(shí)不熟悉導(dǎo)致出錯(cuò)頻繁，漸漸熟悉過(guò)程后得以解決。四實(shí)驗(yàn)結(jié)論和感想 通過(guò)此次實(shí)驗(yàn)，我學(xué)會(huì)了在jsp中連接數(shù)據(jù)庫(kù)，而且能夠?qū)?shù)據(jù)庫(kù)進(jìn)行一定的操作。在學(xué)習(xí)過(guò)程中遇到一些問(wèn)題，在向數(shù)據(jù)庫(kù)插入日期類(lèi)型的數(shù)據(jù)，再添加之后返回主頁(yè)不能立即顯示插入的信息，還有中文亂碼的問(wèn)題，問(wèn)題雖小，但在解決

17、的過(guò)程中卻能收獲很多。五實(shí)驗(yàn)程序（另附） sc.html function myfunction() if(form1.id.value=) alert(請(qǐng)輸入要?jiǎng)h除成員的編號(hào)); return false; else return true; 刪除界面 輸入刪除同學(xué)記錄的編號(hào) 編號(hào):     返回首頁(yè) sy.html 同學(xué)錄 同學(xué)錄 查詢 添加 刪除 tj.html function myfunction() if(form1.id.value=|.value=|form1.birthday.value=|form1.phone.value=

18、|form1.email.value=|form1.address.value=|form1.other.value=) alert(您輸入的信息不完整); return false; else return true; 添加界面 添加同學(xué)信息 學(xué)號(hào):  姓名:  生日:  電話:  郵箱:  地址:  其他:     返回首頁(yè) cx.jsp 學(xué)號(hào)姓名生日電話郵箱地址其他 % string drivername = sun.jdbc.odbc.jdbcodbcdriver; string dbname =

19、 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,userpasswd); statement s=con.createstatement(); result

20、set rs=s.executequery(sql); while(rs.next() 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.getstring(address)+); out.println(+rs.getstring(other)+); out.println(); rs.close(); s.close(); con.close(); % 返回首頁(yè) sc.jsp 刪除后的數(shù)據(jù)庫(kù)記錄 學(xué)號(hào)姓名生日電話郵箱地址其他 % statement s1=con.createstatement(); resultset rs1=s1.executequery(sql); while(rs1.next() out.println(); out.println(+rs1.getstring(id)+); out.println(+rs1.getstring(name)+); out.printl