实验ASPNET服务器控件 下载本文

内容发布更新时间 : 2024/12/25 21:08:46星期一 下面是文章的全部内容请认真阅读。

实验三 ASP.NET服务器控件

学号: 姓名: 廖宇 专业: 信息管理与信息系统 实验时间: 2016年3月22日 实验地点: 文渊楼615

一、实验目的

掌握ASP.NET页面事件的处理过程。 熟练应用基本的Web服务器控件。 二、实验内容和要求 (1)通过下拉列表改变图像变化,并将选择的图像信息显示在Label控件上。 (2)使用CheckBoxList控件显示班长候选人,可多选,单击“投票”按钮,将候选人名字显示在Label控件中。。 (3)使用日历控件制作一个简单日历,并可进行日期的选择。 (4)设计一个能够登记个人信息的网站,在填写个人信息时利用各种服务器控件进行信息的输入和选择。 操作过程中注意要截图。记录操作步骤并上交实验报告。 三、实验步骤: (1)通过下拉列表改变图像变化,并将选择的图像信息显示在Label控件上。 A、打开visual studio 2010,按实验一的方法创建一个ASP.NET Web的空网站,命名为“课堂练习2-1” B、右击网站名称,选择“添加新项”命令。在“添加新项”对话框中选择web网页,单击添加按钮,默认名称为Default.aspx。 C、设计web窗体。切换到设计视图,向页面中添加image,button,dropdownlist和label控件各一个。并按照实验指导设置相应属性。右击网站名称,选择“添加新项”命令。选择“文件夹”选项。添加一个文件名为“image”的文件夹,并在文件夹中添加01.jpg-0n.jpg的图片文件。

D、设置dropdownlist1中的列表项内容。将鼠标移动到dropdownlist1控件上,单击其上向右的小三角,弹出“dropdownlist任务”列表。选择列表中的“编辑项”命令,弹出如下对话框。单击添加按钮可向成员项中添加成员,并在属性列表中设置选项的text属性和value属性。 E、编写下拉列表事件代码。下拉列表控件中内容被改变时的事件代码如下: Image1.ImageUrl = DropDownList1.SelectedValue; F、编写“提交”按钮被单击时执行的事件代码如下: Label1.Text = “您选择的头像是:”+ G、浏览建立的web窗体进行测试。

(2)使用CheckBoxList控件显示班长候选人,可多选,单击“投票”按钮,将候选人名字显示在Label控件中。

A、打开visual studio 2010,按实验一的方法创建一个ASP.NET Web的空网站,命名为“课堂练习2-2”

B、右击网站名称,选择“添加新项”命令。在“添加新项”对话框中选择web网页,单击添加按钮,默认名称为Default.aspx。

C、设计web窗体。切换到设计视图,向页面中添加checkboxlist,button和label控件各一个 并设置相应的属性,得到如下界面。

D、设置checkboxlist1中的列表项内容。将鼠标移动到checkboxlist1控件上,单击其上向右的小三角,弹出“checkboxlist1任务”列表。选择列表中的“编辑项”命令,弹出如下对话框。单击添加按钮可向成员项中添加成员,并在属性列表中设置选项的text属性。

进行如上设置,得到如下界面: E、编写事件代码。按钮button1被单击时执行事件代码如下: Label1.Text = \您投票给了\ { if (CheckBoxList1.Items[i].Selected) Label1.Text += CheckBoxList1.Items[i].Text + \ } F、浏览建立的web窗体进行测试。 (3)使用日历控件制作一个简单日历,并可进行日期的选择。

A、打开visual studio 2010,按实验一的方法创建一个ASP.NET Web的空网站,命名为“课堂练习2-3”

B、右击网站名称,选择“添加新项”命令。在“添加新项”对话框中选择web网页,单击添加按钮,默认名称为Default.aspx。

C、设计web窗体。切换到设计视图,向页面中添加一个calendar控件和一个label控件。 设置label属性如下:

D、设置calendar1控件的外观形式。将鼠标移动到calendar1控件上,其上方会出现一个向右的小三角。单击,弹出“calendar任务”列表。选择列表中的“自动套用格式”命令 弹出如下对话框。选择“选择架构”中的“彩色型1”,单击“确定”按钮,完成设置。

E、编写calendar1日历控件在呈现日期激发事件的代码如下: {


休息天”)); }

F、编写calendar1,日历控件在更改选择时的事件代码如下: string yy = \ {

case 0:w=\星期日\ case 1:w=\星期一\ case 2:w=\星期二\ case 3:w=\星期三\

case 4:w=\星期四\ case 5:w=\星期五\ case 6:w=\星期六;break; } Label1.Text = \您选择的日期是:\年\月\日\+ w; G、浏览建立的web窗体进行测试。 (4)设计一个能够登记个人信息的网站,在填写个人信息时利用各种服务器控件进行信息的输入和选择。 A、打开visual studio 2010,按实验一的方法创建一个ASP.NET Web的空网站,命名为“课堂练习2-4” B、右击网站名称,选择“添加新项”命令。在“添加新项”对话框中选择web网页,单击添加按钮,默认名称为Default.aspx。 C、设计web窗体。切换到设计视图,向页面中添加2个LinkButton控件,2个Panel控件,1个Textbox控件,2个RadioButton控件,2个DropDownList控件,1个CheckBoxList控件,1个Image控件,2个Button控件和1个FileUpload控件,适当调整各个控件的大小和位置。并按照实验手册25页设置相关属性。 D、编写各个事件代码如下 { protected void Page_Load(object sender, EventArgs e) { if (!Page.IsPostBack) { for (int y = 1901; y <= 2050; y++) { }

for (int m = 1; m <= 12; m++) { } } }

protected void CheckBoxList1_SelectedIndexChanged(object sender, EventArgs e) {