WEB程序設(shè)計實驗二

武漢工程大學(xué)

計算機(jī)科學(xué)與工程學(xué)院

《Web系統(tǒng)與技術(shù)》實驗報告

專業(yè)班級學(xué)生學(xué)號學(xué)生姓名實驗項目實驗類別設(shè)計性實驗時間實驗地點指導(dǎo)教師實驗二ASP.NET服務(wù)器控件實驗學(xué)時4實驗?zāi)康模菏煜��?biāo)準(zhǔn)控件、HTML控件、有效性驗證控件的使用，學(xué)習(xí)用C#編寫CodeBehind代碼，以實現(xiàn)相應(yīng)的功能。實驗內(nèi)容和要求：1．參考實驗指導(dǎo)書的實驗步驟，完成實驗4、實驗5。2．在1的基礎(chǔ)上完成以下3項設(shè)計，并將實驗主要代碼、運(yùn)行結(jié)果、收獲和總結(jié)寫入實驗報告：1）計算器（改進(jìn)功能）2）簡單的考試（5題，自動評分，題目和答案存放在數(shù)組中）3）用戶注冊（仿照常見網(wǎng)站的注冊頁面）報告應(yīng)在2周內(nèi)完成，并以學(xué)號+姓名+實驗二為名交電子文檔。實驗?zāi)康募耙�求類別上機(jī)表現(xiàn)報告質(zhì)量說明：成績評定表評分標(biāo)準(zhǔn)按時出勤、遵守紀(jì)律認(rèn)真完成各項實驗內(nèi)容填寫內(nèi)容完整、體現(xiàn)設(shè)計過程和結(jié)果，實驗總結(jié)能體現(xiàn)問題和收獲分值30分得分70分合計評閱教師：陳艷日期：年月日實驗內(nèi)容

1．設(shè)計并實現(xiàn)一個簡易的計算器，代碼和WEB運(yùn)行結(jié)果如下圖所示：代碼：WEB運(yùn)行結(jié)果：《Web系統(tǒng)與技術(shù)》實驗報告

2．簡單的考試（5題，自動評分，題目和答案存放在數(shù)組中），代碼和WEB運(yùn)行結(jié)果如下圖所示：代碼：《Web系統(tǒng)與技術(shù)》實驗報告

WEB運(yùn)行結(jié)果：《Web系統(tǒng)與技術(shù)》實驗報告

3.設(shè)計并實現(xiàn)一個帶驗證控件的用戶注冊頁面，代碼和WEB運(yùn)行結(jié)果如下圖所示：代碼：《Web系統(tǒng)與技術(shù)》實驗報告

WEB運(yùn)行結(jié)果：實驗總結(jié)通過本次實驗，讓我學(xué)會了如何去做一個簡單地計算器、如何去實現(xiàn)一個單選題的測試頁面和如何去設(shè)計一個用戶注冊頁面，讓我熟悉了標(biāo)準(zhǔn)控件、HTML控件、有效性驗證控件的使用。在實驗中遇到不少問題，有些代碼不會寫，也不知道如何去寫，通過和同學(xué)們一起討論，最后終于將代碼運(yùn)行成功了，在WEB界面實現(xiàn)了各種頁面效果，與此同時，我學(xué)會如何去很好的使用C#編寫CodeBehind代碼，以實現(xiàn)相應(yīng)的功能。

《Web系統(tǒng)與技術(shù)》實驗報告

擴(kuò)展閱讀：WEB程序設(shè)計實驗(二學(xué)位)

WEB

程序設(shè)計基礎(chǔ)

實驗指導(dǎo)書

太原理工大學(xué)

實驗一HTML語言

一、實驗?zāi)康?/p>

1．掌握常用的HTML語言標(biāo)記；

2．利用文本編輯器建立HTML文檔，制作簡單網(wǎng)頁。

二、實驗要求

1．獨(dú)立完成實驗。2．書寫實驗報告書。

三、實驗內(nèi)容

1．在文本編輯器“記事本”中輸入如下的HTML代碼程序，以文件名sy1.html保存，并在瀏覽器中運(yùn)行。（請仔細(xì)閱讀下列程序語句，理解每條語句的作用）源程序清單如下：

Example

welcometoyou

AsimpleHTMLdocument

WelcometotheworldofHTML

ThisisasimpleHTMLdocument.ItistogiveyouanoutlineofhowtowriteHTMLfileandhowthemarkuptagsworkintheHTMLfileFollowingisthreechapters

Thisisthechapterone

Thisisthechaptertwo

Thisisthechapterthree

Followingisitemsofthechaptertwo

itemcontent

item1font

item2table

item3form1234567

Endoftheexampledocument

2．編寫一個能輸出如圖所示界面的HTML文件。

實驗二網(wǎng)頁程序設(shè)計-JavaScript

一、實驗?zāi)康?/p>

1．掌握J(rèn)avaScript技術(shù),基本掌握J(rèn)avaScript的開發(fā)技巧；2．利用文本編輯器建立JavaScript腳本語言進(jìn)行簡單編程。

二、實驗要求:

1．根據(jù)以下實驗內(nèi)容書寫實驗準(zhǔn)備報告。2．獨(dú)立完成實驗。

三、實驗內(nèi)容

1．顯示一個動態(tài)的時鐘

在文本編輯器“記事本”中輸入如下代碼程序，請仔細(xì)閱讀下列程序語句，理解每條語句的作用。源程序清單如下：

vartimer=nullfunctionstop(){clearTimeout(timer)}functionstart(){vartime=newDate()varhours=time.getHours()varminutes=time.getMinutes()minutes=((minutes

varclock=hours+":"+minutes+":"+secondsdocument.forms[0].display.value=clocktimer=setTimeout("start()",1000)}現(xiàn)在是北京時間：

分析上述代碼的作用,然后用瀏覽器運(yùn)行文件,驗證自己的判斷是否正確.2．事件驅(qū)動和事件處理

在文本編輯器“記事本”中輸入如下代碼程序，請仔細(xì)閱讀下列程序語句，理解每條語句的作用。源程序清單如下：

functionmyfunction(){alert("HELLO")}Bypressingthebutton,afunctionwillbecalled.Thefunctionwillalertamessage.

分析上述代碼的作用,然后用瀏覽器運(yùn)行文件,驗證自己的判斷是否正確。

3．JavaScript表單校驗

編寫程序register.htm，做一個如下圖所示的用戶注冊界面，要求對用戶填寫的部分進(jìn)行合法性檢驗。

附錄：實驗報告樣式

實驗報學(xué)院：系：專業(yè)：班級：學(xué)號：姓名：指導(dǎo)教師：

時間：年月

6告

日

學(xué)院名稱學(xué)生姓名課程名稱專業(yè)班級學(xué)號實驗成績實驗日期同組人姓名實驗題目一．實驗?zāi)康亩�．實驗�?nèi)容。三．實驗過程中遇到的問題及解決方法四．實驗結(jié)論和感想五．實驗程序（另附）

友情提示：本文中關(guān)于《WEB程序設(shè)計實驗二》給出的范例僅供您參考拓展思維使用，WEB程序設(shè)計實驗二：該篇文章建議您自主創(chuàng)作。

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

《WEB程序設(shè)計實驗二》由互聯(lián)網(wǎng)用戶整理提供,轉(zhuǎn)載分享請保留原作者信息,謝謝!
鏈接地址：http://www.weilaioem.com/gongwen/673125.html

• 上一篇：WEB應(yīng)用程序設(shè)計與開發(fā)實訓(xùn)
• 下一篇：高級web程序復(fù)習(xí)