實驗三 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(