实验三_运用服务器控件完成页面设计_().doc

实验报告课程名称Web程序设计实验名称实验三、运用服务器控件完成页面设计日期2014.3.24学生学号姓名班级实验目的：熟悉常见服务器控件的使用方法，理解服务器控件的概念。实验条件： 电脑一台、能上网查阅资料。实验内容与步骤：1新建名字为“ServerControlExperiment”网站，在此网站中创建实现以下功能的网页。2在default.aspx页面中，添加1个TextBox控件、2个Button控件、一个ListBox控件，如图3-1所示。将2个Button控件的Text属性分别改为“增加”和“删除”。当单击【增加】按钮时，将TextBox文本框中的输入值添加到ListBox中，但单击【删除】按钮时，删除ListBox中当前选定项。图3-13添加一个网页，要求将Label控件、LinkButton控件、HyperLink控件放在Panel控件中，当单击一组Button按钮时改变Panel控件的背景色，单击另一组Button控件时改变Panel控件中文字的大小。单击LinkButton和HyperLink控件时分别导航到新的网页或网站。单击RadioButton控件时隐藏Panel控件，单击另一个RadioButton控件时显示Panel控件。如图3-2所示。图3-24添加一个网页，在MultiView控件添加3个View控件，在每个View控件中各添加Image控件，再添加3个RadioButton控件切换各个View视图，每个View视图显示不同的图像。5添加一个网页，在页面中添加AdRotator控件，链接XML广告数据源，实现广告图像显示，当单击广告图像时导航到相应的网页。6添加一个网页，在页面中添加CheckBoxList控件，单击Button按钮时将CheckBoxList的选项写到ListBox中。7添加一个网页，在页面中添加RadioButtonList控件，单击Button按钮时将CheckBoxList的选项写到ListBox中。8添加一个网页，选择DropDownList控件的选项时导航到相应的网站。9添加一个网页，在页面中添加AdRotator控件，链接XML广告数据源，实现广告图像显示，当单击广告图像时导航到相应的网页。10添加一个网页，在页面中添加CheckBoxList控件，单击Button按钮时将CheckBoxList的选项写到ListBox中。11添加一个网页，在页面中添加RadioButtonList控件，单击Button按钮时将CheckBoxList的选项写到ListBox中。12添加一个网页，选择DropDownList控件的选项时导航到相应的网站。13添加一个网页，在页面中添加TextBox、RequiredFieldValidator和CompareValidator控件，实现CompareValidator控件的Operator行为的Equal、GreaterThan等属性值的验证。源代码题目1:结果如图所示图1题目2：结果如图：图2主要代码如下：public partial class _Default : System.Web.UI.Page protected void Page_Load(object sender, EventArgs e) protected void addbtn_Click(object sender, EventArgs e) string input = inputtxt.Text; ListBox1.Items.Add(input); protected void delbtn_Click(object sender, EventArgs e) ListBox1.Items.Remove(ListBox1.SelectedValue); 题目3：图3主要代码如下: protected void Page_Load(object sender, EventArgs e) this.Panel1.Visible = true; protected void yelbtn_Click(object sender, EventArgs e) this.Panel1.ForeColor = System.Drawing.Color.Yellow; protected void Button3_Click(object sender, EventArgs e) this.Panel1.ForeColor = System.Drawing.Color.Red; protected void blubtn_Click(object sender, EventArgs e) this.Panel1.ForeColor = System.Drawing.Color.Blue; protected void whibtn_Click(object sender, EventArgs e) this.Panel1.ForeColor = System.Drawing.Color.White; protected void bigbtn_Click(object sender, EventArgs e) Panel1.Font.Size = 100; protected void modbtn_Click(object sender, EventArgs e) Panel1.Font.Size = 50; protected void smabtn_Click(object sender, EventArgs e) Panel1.Font.Size = 20; protected void hidradiobtn_CheckedChanged(object sender, EventArgs e) this.Panel1.Visible = false; protected void showradiobtn_CheckedChanged(object sender, EventArgs e) this.Panel1.Visible = true; 题目4：图4主要代码如下：public partial class _4_Default : System.Web.UI.Page protected void Page_Load(object sender, EventArgs e) this.MultiView1.ActiveViewIndex = 2; /if(RadioButton.Checked) protected void RadioButton1_CheckedChanged(object sender, EventArgs e) this.MultiView1.ActiveViewIndex = 0; protected void RadioButton2_CheckedChanged(object sender, EventArgs e) this.MultiView1.ActiveViewIndex = 1; protected void RadioButton3_CheckedChanged(object sender, EventArgs e) this.MultiView1.ActiveViewIndex = 2; 题目5：结果如图:图5.1主要代码如下： /ServerControlExperiment/5/5.jpg Ad for baidu, Ltd. Web site 100 /ServerControlExperiment/5/1.jpg Ad for Google Web site 50 题目6：结果如图：主要代码如下：public partial class ServerControlExperiment_6_Default : System.Web.UI.Page protected void Page_Load(object sender, EventArgs e) protected void decbtn_Click(object sender, EventArgs e) ListBox1.Items.Clear(); /for (int i = 0; i CheckBoxList1.Items.Count; i+) / / if (CheckBoxList1.SelectedItem.= i) ListBox1.Items.Add(CheckBoxList1.SelectedValue); / 题目7：结果如图：主要代码如下：public partial class ServerControlExperiment_7_Default : System.Web.UI.Page protected void Page_Load(object sender, EventArgs e) protected void decbtn_Click(object sender, EventArgs e) ListBox1.Items.Clear(); ListBox1.Items.Add(RadioButtonList1.SelectedValue); 题目8：结果如图：主要代码如下：public partial class ServerControlExperiment_8_Default : System.Web.UI.Page protected void Page_Load(object sender, EventArgs e) protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e) switch (DropDownList1.SelectedIndex) case 1: Response.Redirect(); break; case 2: Response.Redirect(); break; case 3: Response.Redirect(); break; case 4: Response.Redirect(); break; 题目9：主要代码如下：public partial class ServerControlExperiment_9_Default : System.Web.UI.Page protected void Page_Load(object sender, EventArgs e) Label4.Text = ; protected void Button1_Click(object sender, EventArgs e) if (Page.IsValid) Label4.Text = 你?的?预定已?处鋦理?; Label4.ForeColor = System.Drawing.Color.Red; 相关属性设置如下：                 *