实验03ASPNET服务器控件.docx

实验03ASPNET服务器控件.docx

《实验03ASPNET服务器控件.docx》由会员分享，可在线阅读，更多相关《实验03ASPNET服务器控件.docx（15页珍藏版）》请在冰豆网上搜索。

实验03ASPNET服务器控件

实验三ASP.NET服务器控件

学号：

　20131020260　　姓名：

　廖宇　专业：

　信息管理与信息系统　　　　　　

实验时间：

　2016年3月22日　实验地点：

　文渊楼615　　

一、实验目的

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

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

二、实验内容和要求

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

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

。

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

（4）设计一个能够登记个人信息的网站，在填写个人信息时利用各种服务器控件进行信息的输入和选择。

操作过程中注意要截图。

记录操作步骤并上交实验报告。

3、实验步骤：

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

A、打开visualstudio2010，按实验一的方法创建一个ASP.NETWeb的空网站，命名为“课堂练习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=“您选择的头像是：

”+

DropDownList1.SelectedItem.Text;

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

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

A、打开visualstudio2010，按实验一的方法创建一个ASP.NETWeb的空网站，命名为“课堂练习2-2”

B、右击网站名称，选择“添加新项”命令。

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

C、设计web窗体。

切换到设计视图，向页面中添加checkboxlist，button和label控件各一个

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

D、设置checkboxlist1中的列表项内容。

将鼠标移动到checkboxlist1控件上，单击其上向右的小三角，弹出“checkboxlist1任务”列表。

选择列表中的“编辑项”命令，弹出如下对话框。

单击添加按钮可向成员项中添加成员，并在属性列表中设置选项的text属性。

进行如上设置，得到如下界面：

E、编写事件代码。

按钮button1被单击时执行事件代码如下：

Label1.Text="您投票给了";

for（inti=0;i

{

if（CheckBoxList1.Items[i].Selected）

Label1.Text+=CheckBoxList1.Items[i].Text+"";

}

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

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

A、打开visualstudio2010，按实验一的方法创建一个ASP.NETWeb的空网站，命名为“课堂练习2-3”

B、右击网站名称，选择“添加新项”命令。

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

C、设计web窗体。

切换到设计视图，向页面中添加一个calendar控件和一个label控件。

设置label属性如下：

D、设置calendar1控件的外观形式。

将鼠标移动到calendar1控件上，其上方会出现一个向右的小三角。

单击，弹出“calendar任务”列表。

选择列表中的“自动套用格式”命令

弹出如下对话框。

选择“选择架构”中的“彩色型1”，单击“确定”按钮，完成设置。

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

If（e.Day.IsWeekend）

{

e.Cell.BackColor=System.Drawing.Color.Red;

e.Cell.Controls.Add（newliteralControl）（“
休息天”））;

e.Day.IsSelectable=false;

}

F、编写calendar1,日历控件在更改选择时的事件代码如下：

stringyy="",mm="",dd="",w="";

yy=Calendar1.SelectedDate.Year.ToString（）;

mm=Calendar1.SelectedDate.Month.ToString（）;

dd=Calendar1.SelectedDate.Day.ToString（）;

switch（（int）Calendar1.SelectedDate.DayOfWeek）

{

case0:

w="星期日";break;

case1:

w="星期一";break;

case2:

w="星期二";break;

case3:

w="星期三";break;

case4:

w="星期四";break;

case5:

w="星期五";break;

case6:

w="星期六;break;

}

Label1.Text="您选择的日期是：

"+yy+"年"+mm+"月"+dd+"日"+""+w;

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

（4）设计一个能够登记个人信息的网站，在填写个人信息时利用各种服务器控件进行信息的输入和选择。

A、打开visualstudio2010，按实验一的方法创建一个ASP.NETWeb的空网站，命名为“课堂练习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、编写各个事件代码如下

publicpartialclass_Default:

System.Web.UI.Page

{

protectedvoidPage_Load（objectsender,EventArgse）

{

if（!

Page.IsPostBack）

{

for（inty=1901;y<=2050;y++）

{

DropDownList1.Items.Add（y.ToString（））;

}

for（intm=1;m<=12;m++）

{

DropDownList2.Items.Add（m.ToString（））;

}

}

}

protectedvoidCheckBoxList1_SelectedIndexChanged（objectsender,EventArgse）

{

}

protectedvoidButton1_Click（objectsender,EventArgse）

{

this.Panel2.Visible=true;

}

protectedvoidButton2_Click（objectsender,EventArgse）

{

stringFileName=FileUpload1.FileName;

if（FileName!

=""）

{

stringnewfilename="pic"+

FileName.Substring（FileName.LastIndexOf（"."））;

FileUpload1.SaveAs（Server.MapPath（""）+"\\"+newfilename）;

this.Image1.ImageUrl=newfilename;

}

this.Panel2.Visible=false;

}

protectedvoidLinkButton1_Click（objectsender,EventArgse）

{

this.name.Text=TextBox1.Text;

if（this.RadioButton1.Checked）

{

this.sex.Text="男";

}

else

{

this.sex.Text="女";

}

this.birth.Text=DropDownList1.Text+"年"+DropDownList2.Text+"月";

this.aihao.Text="";

for（inti=0;i

{

if（CheckBoxList1.Items[i].Selected）

{

this.aihao.Text+=CheckBoxList1.Items[i].Text+"";

}

}

this.Image2.ImageUrl=this.Image1.ImageUrl;

this.Panel1.Visible=false;

this.Table1.Visible=true;

}

protectedvoidLinkButton2_Click（objectsender,EventArgse）

{

this.Panel1.Visible=true;

this.Table1.Visible=false;

}

}

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

小结：

四、主要实验仪器及材料

安装有Windows2000/XP/7系统的计算机，安装有VisualStudio2010等。

五、实验出现的问题及解决方法

六、实验总结

1、记录做实验过程中的体会

2、提出对该实验的意见和改进建议