2024年4月12日发(作者：)

学号： 2 姓名： 廖宇 专业： 信息管理与信息系统

实验时间： 2016年3月22日 实验地点： 文渊楼615

一、实验目的

掌握页面事件的处理过程。

熟练应用基本的Web服务器控件。

二、实验内容和要求

（1）通过下拉列表改变图像变化，并将选择的图像信息显示在Label控件上。

（2）使用CheckBoxList控件显示班长候选人，可多选，单击“投票”按钮，将

候选人名字显示在Label控件中。。

（3）使用日历控件制作一个简单日历，并可进行日期的选择。

（4）设计一个能够登记个人信息的网站，在填写个人信息时利用各种服务器控

件进行信息的输入和选择。

操作过程中注意要截图。记录操作步骤并上交实验报告。

三、实验步骤：

（1）通过下拉列表改变图像变化，并将选择的图像信息显示在Label控件上。

A、打开visual studio 2010，按实验一的方法创建一个 Web的空网站，命

名为“课堂练习2-1”

B、右击网站名称，选择“添加新项”命令。在“添加新项”对话框中选择web网页,

单击添加按钮，默认名称为。

C、设计web窗体。切换到设计视图，向页面中添加image，button，dropdownlist

和label控件各一个。并按照实验指导设置相应属性。右击网站名称，选择“添加新

项”命令。选择“文件夹”选项。添加一个文件名为“image”的文件夹，并在文件

夹中添加的图片文件。

D、设置dropdownlist1中的列表项内容。将鼠标移动到dropdownlist1控件上，单

击其上向右的小三角，弹出“dropdownlist任务”列表。选择列表中的“编辑项”

命令，弹出如下对话框。单击添加按钮可向成员项中添加成员，并在属性列表中设置

选项的text属性和value属性。

E、编写下拉列表事件代码。下拉列表控件中内容被改变时的事件代码如下：

rl = edValue;

F、编写“提交”按钮被单击时执行的事件代码如下：

= “您选择的头像是：”+

;

G、浏览建立的web窗体进行测试。

（2）使用CheckBoxList控件显示班长候选人，可多选，单击“投票”按钮，将

候选人名字显示在Label控件中。

A、打开visual studio 2010，按实验一的方法创建一个 Web的空网站，命

名为“课堂练习2-2”

B、右击网站名称，选择“添加新项”命令。在“添加新项”对话框中选择web网页,

单击添加按钮，默认名称为。

C、设计web窗体。切换到设计视图，向页面中添加checkboxlist，button和label

控件各一个

并设置相应的属性，得到如下界面。

D、设置checkboxlist1中的列表项内容。将鼠标移动到checkboxlist1控件上，单

击其上向右的小三角，弹出“checkboxlist1任务”列表。选择列表中的“编辑项”

命令，弹出如下对话框。单击添加按钮可向成员项中添加成员，并在属性列表中设置

选项的text属性。