实验五服务器控件.doc

《实验五服务器控件.doc》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、Web程序设计实验报告实验名称：实验五服务器控件实验地点：11教407专业班级：信管102学生姓名：方庆德学生学号：2010094058指导教师：王铁成　　绩：2013年5月9日一、实验目的1、掌握常用服务器控件的常用属性和方法2、使用服务器控件编写程序二、实验准备1、Windows2000或WindowsXP操作系统2、VS.Net2010编辑器三、实验内容及步骤1、标签、命令按钮和文本框控件新建一个基于文件系统的网站，打开默认网页页面，打开“工具箱”，向网页中添加6个标签、2个文本框和一个命令按钮，分别为各个控件进行重新命名，并设置标签控件和命令按钮控件的Text属性，设置完成以后效果

2、如下图所示：修改以后的HTML源代码如下所示：其中主要修改了两个文本框和用于输出结果的2个标签控件的ID属性，双击界面中的命令按钮控件，从而打开事件编辑器，在命令按钮的单击事件中输入下面的代码：浏览并查看运行结果。思考：在此程序中用于输入用户密码的文本框如何显示密码的效果？答：直接显示密码，没有隐藏。2、动态添加控件打开VS.Net2010编辑器，新建一个网站或者打开原有网站，打开“解决方案资源管理器”，右键点击网站名称，选择“添加新项”，在网站中添加一个新窗体，将页面切换到“设计”状态，再单击页面，在“属性”窗口中设置Title属性值为“动态创建标签”。在页面上双击，生成页面的事件并切换

3、到“源”代码管理窗口，在该窗口中输入事件功能实现的代码如下所示：运行程序查看运行效果。回答问题：上例中的“%”有何作用？答：%的作用是取余数。3、网页超级链接控件在“解决方案资源管理器”中添加一个新的文件夹，命名为“images”，在网上或者计算机硬盘中搜索几张图片放置在此文件夹中。在网站中添加一个新的Web窗体，在窗体中添加一个“HyperLink”控件，选中该控件，在属性面板中设置相应的属性，完成设置以后调试并运行程序。4、复选框控件在网站中添加一个窗体，在窗体中放置三个标签、一个复选框和一个命令按钮，并对各个控件的外观属性进行设置，示意图如下所示：①当点击“查看结果”按钮时，如果复选

4、框被选中了，在结果标签中显示“我看了奥运会”，否则显示“我不喜欢看奥运会”。②将命令按钮删除，将复选框控件的AutoPostBack属性设置为True,双击窗体中的复选框控件，在控件的CheckedChanged事件中写入在命令按钮单击事件中的代码，并进行程序设计，并说明AutoPostBack属性的作用5、单选按钮控件将实验步骤4中的复选框控件用两个单选按钮代替，完成上述任务。注意：将两个单选按钮的GroupName属性设定为同一个值，比如：abc6、CheckBoxList控件向网站添加一个新窗体，切换到设计界面，单击窗体的空白部分，在“属性”窗口中设置Title为“复选框列表控件演示

5、”，在窗体中输入“请选择您的爱好：”，在工具箱的标准选项卡中双击“CheckBoxList”控件添加到窗体中，点击“CheckBoxList任务”中的“编辑项”，打开“ListItem集合编辑器”窗口，单击“添加”按钮向控件添加“音乐”，“绘画”，“书法”和“文学”四个项目，添加以后的效果如下图所示：向窗体中添加一个命令按钮和一个标签，其中标签用来显示用户选择的爱好，设计完成以后窗体效果如下图所示：双击命令按钮，在其单击事件中添加下面代码：运行程序并查看演示结果。对上述程序进行改进，在窗体下边添加一个文本框（名称为txtContent）和一个命令按钮（名称为btnAdd，文本为添加），效果

6、如下图所示：双击“添加”按钮，在其单击事件中添加如下代码：问题：如果将复选框项目横向排列如何完成？列表项目的Value和Text有什么区别，如果设置？答：将checkboxlist的属性repeatDirection设置成Horizontal后横向排列，在Web浏览中给用户的是text值，后在向服务器端传递的值是对应的value值。7、RadiobuttonList控件在实验步骤6中，用户选择的爱好是可以进行多选的，有些项目是只能选择其中一个，比如常见的网络开发技术有ASP.Net、PHP、ASP、JSP，某个学生只能选择其中之一进行学习，此时需要使用RadiobuttonList控件，依

7、照实验步骤6的操作，在界面中添加RadiobuttonList控件，完成将用户选择的项目显示在窗体中。8、DropDownList控件在网站中新建一个窗体，在窗体中添加一个DropDownList控件和一个命令按钮，并输入文字，完成以后效果如下图所示：双击窗体的空白部分，进行到窗体的事件代码编辑区，在窗体的Load事件中对下拉列表框进行初始化，代码如下所示：双击窗体中的命令按钮控件，在其单击事件中添加如下代码：完成以后调