实验五服务器控件教材.doc

Web程序设计 实验报告 实验名称：实验五 服务器控件 实验地点：11教407 专业班级：信管102 学生姓名：方庆德 学生学号：2010094058 指导教师：王铁 成　　绩： 2013年5月9日 一、实验目的 1、掌握常用服务器控件的常用属性和方法 2、使用服务器控件编写程序 二、实验准备 1、Windows 2000或Windows XP操作系统 2、VS.Net2010编辑器 三、实验内容及步骤 1、标签、命令按钮和文本框控件 新建一个基于文件系统的网站，打开默认网页页面，打开“工具箱”，向网页中添加6个标签、2个文本框和一个命令按钮，分别为各个控件进行重新命名，并设置标签控件和命令按钮控件的Text属性，设置完成以后效果如下图所示： 修改以后的HTML源代码如下所示： 其中主要修改了两个文本框和用于输出结果的2个标签控件的ID属性，双击界面中的命令按钮控件，从而打开事件编辑器，在命令按钮的单击事件中输入下面的代码： 浏览并查看运行结果。 思考：在此程序中用于输入用户密码的文本框如何显示密码的效果？ 答：直接显示密码，没有隐藏。 2、动态添加控件 打开VS.Net2010编辑器，新建一个网站或者打开原有网站，打开“解决方案资源管理器”，右键点击网站名称，选择“添加新项”，在网站中添加一个新窗体，将页面切换到“设计”状态，再单击页面，在“属性”窗口中设置Title属性值为“动态创建标签”。 在页面上双击，生成页面的事件并切换到“源”代码管理窗口，在该窗口中输入事件功能实现的代码如下所示： 运行程序查看运行效果。 回答问题：上例中的“%”有何作用？ 答：% 的作用是取余数。 3、网页超级链接控件 在“解决方案资源管理器”中添加一个新的文件夹，命名为“images”，在网上或者计算机硬盘中搜索几张图片放置在此文件夹中。 在网站中添加一个新的Web窗体，在窗体中添加一个“HyperLink”控件，选中该控件，在属性面板中设置相应的属性，完成设置以后调试并运行程序。 4、复选框控件 在网站中添加一个窗体，在窗体中放置三个标签、一个复选框和一个命令按钮，并对各个控件的外观属性进行设置，示意图如下所示： 当点击“查看结果”按钮时，如果复选框被选中了，在结果标签中显示“我看了奥运会”，否则显示“我不喜欢看奥运会”。 ②将命令按钮删除，将复选框控件的AutoPostBack属性设置为True,双击窗体中的复选框控件，在控件的CheckedChanged事件中写入在命令按钮单击事件中的代码，并进行程序设计，并说明AutoPostBack属性的作用 5、单选按钮控件 将实验步骤4中的复选框控件用两个单选按钮代替，完成上述任务。 注意：将两个单选按钮的GroupName属性设定为同一个值，比如：abc 6、CheckBoxList控件 向网站添加一个新窗体，切换到设计界面，单击窗体的空白部分，在“属性”窗口中设置Title为“复选框列表控件演示”，在窗体中输入“请选择您的爱好：”，在工具箱的标准选项卡中双击“CheckBoxList”控件添加到窗体中，点击“CheckBoxList任务”中的“编辑项”，打开“ListItem集合编辑器”窗口，单击“添加”按钮向控件添加“音乐”，“绘画”，“书法”和“文学”四个项目，添加以后的效果如下图所示： 向窗体中添加一个命令按钮和一个标签，其中标签用来显示用户选择的爱好，设计完成以后窗体效果如下图所示： 双击命令按钮，在其单击事件中添加下面代码： 运行程序并查看演示结果。 对上述程序进行改进，在窗体下边添加一个文本框（名称为txtContent）和一个命令按钮（名称为btnAdd，文本为添加），效果如下图所示： 双击“添加”按钮，在其单击事件中添加如下代码： 问题：如果将复选框项目横向排列如何完成？列表项目的Value和Text有什么区别，如果设置？ 答：将checkboxlist的属性repeatDirection设置成Horizontal后横向排列，在Web浏览中给用户的是text值，后在向服务器端传递的值是对应的value值。 7、RadiobuttonList控件 在实验步骤6中，用户选择的爱好是可以进行多选的，有些项目是只能选择其中一个，比如常见的网络开发技术有ASP.Net、PHP、ASP、JSP，某个学生只能选择其中之一进行学习，此时需要使用RadiobuttonList控件，依照实验步骤6的操作，在界面中添加RadiobuttonList控件，完成将用户选择的项目显示在窗体中。 8、DropDownList控件 在网站中新建一个窗体，在窗体中添加一个DropDownList控件和一个命令按钮，并输入文字，完成以后效果如下图所示： 双击窗体的空白部分，进行到窗体