实验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、实验步骤:
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窗体进行测试。
A、打开visualstudio2010,按实验一的方法创建一个ASP.NETWeb的空网站,命名为“课堂练习2-2”
切换到设计视图,向页面中添加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、提出对该实验的意见和改进建议
{
if(CheckBoxList1.Items[i].Selected)
Label1.Text+=CheckBoxList1.Items[i].Text+"";
}
F、浏览建立的web窗体进行测试。
A、打开visualstudio2010,按实验一的方法创建一个ASP.NETWeb的空网站,命名为“课堂练习2-3”
切换到设计视图,向页面中添加一个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;
A、打开visualstudio2010,按实验一的方法创建一个ASP.NETWeb的空网站,命名为“课堂练习2-4”
切换到设计视图,向页面中添加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、提出对该实验的意见和改进建议
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、提出对该实验的意见和改进建议
copyright@ 2008-2022 冰豆网网站版权所有
经营许可证编号:鄂ICP备2022015515号-1