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

武漢工程大學

計算機科學與工程學院

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

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

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

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

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

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

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

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

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

WEB

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

實驗指導書

太原理工大學

實驗一HTML語言

一、實驗目的

1．掌握常用的HTML語言標記；

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

二、實驗要求

1．獨立完成實驗。2．書寫實驗報告書。

三、實驗內(nèi)容

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

Example

welcometoyou

AsimpleHTMLdocument

WelcometotheworldofHTML

ThisisasimpleHTMLdocument.ItistogiveyouanoutlineofhowtowriteHTMLfileandhowthemarkuptagsworkintheHTMLfileFollowingisthreechapters

Thisisthechapterone

Thisisthechaptertwo

Thisisthechapterthree

Followingisitemsofthechaptertwo

itemcontent

item1font

item2table

item3form1234567

Endoftheexampledocument

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

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

一、實驗目的

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

二、實驗要求:

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

三、實驗內(nèi)容

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

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

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)在是北京時間：

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

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

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

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

3．JavaScript表單校驗

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

附錄：實驗報告樣式

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

時間：年月

6告

日

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

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

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

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

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