实验03ASPNET服务器控件.doc

实验三 ASP.NET服务器控件学号：20131020260姓名：廖宇专业：信息管理与信息系统实验时间：2016年3月22日实验地点：文渊楼615一、实验目的掌握ASP.NET页面事件的处理过程。 熟练应用基本的Web服务器控件。二、实验内容和要求（1）通过下拉列表改变图像变化，并将选择的图像信息显示在Label控件上。（2）使用CheckBoxList控件显示班长候选人，可多选，单击“投票”按钮，将候选人名字显示在Label控件中。（3）使用日历控件制作一个简单日历，并可进行日期的选择。（4）设计一个能够登记个人信息的网站，在填写个人信息时利用各种服务器控件进行信息的输入和选择。操作过程中注意要截图。记录操作步骤并上交实验报告。3、 实验步骤：（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 = “您选择的头像是：”+ DropDownList1.SelectedItem.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 = 您投票给了; for (int i = 0; i CheckBoxList1.Items.Count; i+) if (CheckBoxList1.Itemsi.Selected) Label1.Text += CheckBoxList1.Itemsi.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日历控件在呈现日期激发事件的代码如下：If(e.Day.IsWeekend)e.Cell.BackColor=System.Drawing.Color.Red;e.Cell.Controls.Add(new literalControl)(“休息天”);e.Day.IsSelectable=false;F、编写calendar1,日历控件在更改选择时的事件代码如下：string yy = , mm = , dd = , w = ; yy = Calendar1.SelectedDate.Year.ToString(); mm = Calendar1.SelectedDate.Month.ToString(); dd =Calendar1.SelectedDate.Day.ToString(); switch (int)Calendar1.SelectedDate.DayOfWeek) case 0:w=星期日;break; case 1:w=星期一;break; case 2:w=星期二;break; case 3:w=星期三;break; case 4:w=星期四;break; case 5:w=星期五;break; case 6:w=星期六;break; Label1.Text = 您选择的日期是： + yy + 年 + mm + 月 + dd + 日 + + 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、编写各个事件代码如下public partial class _Default : System.Web.UI.Page protected void Page_Load(object sender, EventArgs e) if (!Page.IsPostBack) for (int y = 1901; y = 2050; y+) DropDownList1.Items.Add(y.ToString(); for (int m = 1; m = 12; m+) DropDownList2.Items.Add(m.ToString(); protected void CheckBoxList1_SelectedIndexChanged(object sender, EventArgs e) protected void Button1_Click(object sender, EventArgs e) this.Panel2.Visible=true;protected void Button2_Click(object sender, EventArgs e) string FileName=FileUpload1.FileName; if(FileName!=) string newfilename=pic+ FileName.Substring(FileName.LastIndexOf(.); FileUpload1.SaveAs(Server.MapPath()+newfilename); this.Image1.ImageUrl=newfilename; this.Panel2.Visible=false;protected void LinkButton1_Click(object sender, EventArgs e) .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(int i =0;iCheckBoxList1.Items.Count;i+) if(CheckBoxList1.Itemsi.Selected) this.aihao.Text+=CheckBoxList1.Itemsi.Text+; this.Image2.ImageUrl=this.Image1.ImageUrl; this.Panel1.Visible=false; this.Table1.Visible=true;protected void LinkButton2_Click(