WEB程序设计实验二.docx

WEB程序设计实验二
WEB程序设计实验二
武汉工程大学
计算机科学与工程学院
《Web系统与技术》实验报告
专业班级学生学号学生姓名实验项目实验类别设计性实验时间实验地点指导教师实验二ASP.NET服务器控件实验学时4实验目的：熟悉标准控件、HTML控件、有效性验证控件的使用，学习用C#编写CodeBehind代码，以实现相应的功能。实验内容和要求：1．参考实验指导书的实验步骤，完成实验4、实验5。2．在1的基础上完成以下3项设计，并将实验主要代码、运行结果、收获和总结写入实验报告：1）计算器（改进功能）2）简单的考试（5题，自动评分，题目和答案存放在数组中）3）用户注册（仿照常见网站的注册页面）报告应在2周内完成，并以学号+姓名+实验二为名交电子文档。实验目的及要求类别上机表现报告质量说明：成绩评定表评分标准按时出勤、遵守纪律认真完成各项实验内容填写内容完整、体现设计过程和结果，实验总结能体现问题和收获分值30分得分70分合计评阅教师：陈艳日期：年月日实验内容
1．设计并实现一个简易的计算器，代码和WEB运行结果如下图所示：代码：WEB运行结果：《Web系统与技术》实验报告
2．简单的考试（5题，自动评分，题目和答案存放在数组中），代码和WEB运行结果如下图所示：代码：《Web系统与技术》实验报告
WEB运行结果：《Web系统与技术》实验报告
3.设计并实现一个带验证控件的用户注册页面，代码和WEB运行结果如下图所示：代码：《Web系统与技术》实验报告
WEB运行结果：实验总结通过本次实验，让我学会了如何去做一个简单地计算器、如何去实现一个单选题的测试页面和如何去设计一个用户注册页面，让我熟悉了标准控件、HTML控件、有效性验证控件的使用。在实验中遇到不少问题，有些代码不会写，也不知道如何去写，通过和同学们一起讨论，最后终于将代码运行成功了，在WEB界面实现了各种页面效果，与此同时，我学会如何去很好的使用C#编写CodeBehind代码，以实现相应的功能。
《Web系统与技术》实验报告
WEB
程序设计基础
实验指导书
太原理工大学
实验一HTML语言
一、实验目的
1．掌握常用的HTML语言标记；
2．利用文本编辑器建立HTML文档，制作简单网页。
二、实验要求
1．独立完成实验。2．书写实验报告书。
三、实验内容
1．在文本编辑器“记事本”中输入如下的HTML代码程序，以文件名sy1.html保存，并在浏览器中运行。（请仔细阅读下列程序语句，理解每条语句的作用）源程序清单如下：
Example
welcometoyou
AsimpleHTMLdocument
WelcometotheworldofHTML
ThisisasimpleHTMLdocument.ItistogiveyouanoutlineofhowtowriteHTMLfileandhowthemarkuptagsworkintheHTMLfileFollowingisthreechapters
Thisisthechapterone
Thisisthechaptertwo
Thisisthechapterthree
Followingisitemsofthechaptertwo
itemcontent
item1font
item2table
item3form1234567
Endoftheexampledocument
2．编写一个能输出如图所示界面的HTML文件。
实验二网页程序设计-JavaScript
一、实验目的
1．掌握JavaScript技术,基本掌握JavaScript的开发技巧；2．利用文本编辑器建立JavaScript脚本语言进行简单编程。
二、实验要求:
1．根据以下实验内容书写实验准备报告。2．独立完成实验。
三、实验内容
1．显示一个动态的时钟
在文本编辑器“记事本”中输入如下代码程序，请仔细阅读下列程序语句，理解每条语句的作用。源程序清单如下：
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)}现在是北京时间：
分析上述代码的作用,然后用浏览器运行文件,验证自己的判断是否正确.2．事件驱动和事件处理
在文本编辑器“记事本”中输入如下代码程序，请仔细阅读下列程序语句，理解每条语句的作用。源程序清单如下：
functionmyfunction(){alert("HELLO")}Bypressingthebutton,afunctionwillbecalled.Thefunctionwillalertamessage.
分析上述代码的作用,然后用浏览器运行文件,验证自己的判断是否正确。
3．JavaScript表单校验
编写程序register.htm，做一个如下图所示的用户注册界面，要求对用户填写的部分进行合法性检验。
附录：实验报告样式
实验报学院：系：专业：班级：学号：姓名：指导教师：
时间：年月
6告
日
学院名称学生姓名课程名称专业班级学号实验成绩实验日期同组人姓名实验题目一．实验目的二．实验内容。三．实验过程中遇到的问题及解决方法四．实验结论和感想五．实验程序（另附）