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程序设计实验(二学位)

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告

日

学院名称学生姓名课程名称专业班级学号实验成绩实验日期同组人姓名实验题目一．实验目的二．实验内容。三．实验过程中遇到的问题及解决方法四．实验结论和感想五．实验程序（另附）

友情提示：本文中关于《WEB程序设计实验二》给出的范例仅供您参考拓展思维使用，WEB程序设计实验二：该篇文章建议您自主创作。

来源：网络整理 免责声明：本文仅限学习分享，如产生版权问题，请联系我们及时删除。

《WEB程序设计实验二》由互联网用户整理提供,转载分享请保留原作者信息,谢谢!
链接地址：http://www.bsmz.net/gongwen/673125.html

• 上一篇：WEB应用程序设计与开发实训
• 下一篇：高级web程序复习