Xxxxxxxxxxxxxxxxxxx
实 验 报 告
实验课程名称：      ASP程序设计   
实验项目名称：    ASP.NET 服务器控件 
html网页设计实验总结专 业 班 级：         xxxxxxxxxxx     
学      号：           xxxxxxxxxxxxx   
姓      名：           xxxxxxxxxxx       
指 导 教 师：             xxxxxxxx       
实验四  ASP.NET 服务器控件
【实验目的】
（1）熟悉用户控件的创建技术，掌握用户控件的属性、事件、方法的定义和使用。
（2）学会利用自定义用户控件制作导航条和用户登录控件。
【实验内容及步骤】
（1）新建名字为ServerControlExperiment网站。
（2）在default.aspx页面中，添加1个TextBox控件、2个Button控件、一个ListBox控件，如图所示。将2个Button控件的Text属性分别改为“增加”和“删除”。当单击【增加】按钮时，将TextBox文本框中的输入值添加到ListBox中，但单击【删除】按钮时，删除ListBox中当前选定项。
  protected void Button1_Click(object sender, EventArgs e)
    {ListBox1.Items.Add(TextBox1.Text.ToString().Trim());
        TextBox1.Focus();
        TextBox1.Text = "";}
    protected void Button2_Click(object sender, EventArgs e)
    {for (int i = ListBox1.Items.Count - 1; i >= 0; i--)
        {if(ListBox1.Items[i].Selected)
            ListBox1.Items.Remove(ListBox1.Items[i].Value);}}
（3）添加一个网页，要求将Label控件、LinkButton控件、HyperLink控件放在Panel控件中，当单击一组Button按钮时改变Panel控件的背景，单击另一组Button控件时改变Panel控件中文字的大小。单击LinkButton和HyperLink控件时分别导航到新的网页或网站。
单击RadioButton控件时隐藏Panel控件，单击另一个RadioButton控件时显示Panel控件。如图所示。
Default2.aspx页面代码：
<body>
<form id="form1" runat="server">
    <div><asp:Panel ID="Panel1" runat="server" Height="132px" Width="218px">
            <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label><br />
            <asp:LinkButton ID="LinkButton1" runat="server">baidu</asp:LinkButton><br />
            <asp:HyperLink ID="HyperLink1" runat="server">HyperLink</asp:HyperLink></asp:Panel></div>
        <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="改变颜" BorderStyle="Outset" BorderWidth="1px" /> 
        <asp:Button ID="Button2" runat="server" OnClick="Button2_Click" Text="改变字体" Width="97px" BorderStyle="Outset" BorderWidth="1px" /><br />
        <asp:RadioButton ID="RadioButton1" runat="server" AutoPostBack="True" OnCheckedChanged="RadioButton1_CheckedChanged"
            Text="隐藏Panel控件" GroupName="a1" />
        <asp:RadioButton ID="RadioButton2" runat="server" AutoPostBack="True" OnCheckedChanged="RadioButton2_CheckedChanged"
            Text="显示Panel控件" GroupName="a1" /></form></body>
Default2.cs页面代码：
public partial class Default2 : System.Web.UI.Page
{protected void Button1_Click(object sender, EventArgs e)
    {this.Panel1.BackColor = System.Drawing.Color.LightSteelBlue;}
    protected void Button2_Click(object sender, EventArgs e)
    {this.Panel1.Font.Size = System.Web.UI.WebControls.FontUnit.Larger;}
    protected void RadioButton1_CheckedChanged(object sender, EventArgs e)
    {if (RadioButton1.Checked)
        {this.Panel1.Visible = false;}}
    protected void RadioButton2_CheckedChanged(object sender, EventArgs e)
    {if (RadioButton2.Checked)
        {this.Panel1.Visible = true;}}}
（4）添加一个网页，在MultiView控件添加3个View控件，在每个View控件中各添加Image控件，再添加3个RadioButton控件切换各个View视图，每个View视图显示不同的图像。
Default3.aspx页面代码：
  <form id="form1" runat="server">
    <div><asp:MultiView ID="MultiView1" runat="server" ActiveViewIndex="0">
            <asp:View ID="三角形" runat="server"> <br />
                <asp:Image ID="Image1" runat="server" ImageUrl="~/san.jpg" /><br /></asp:View>
            <asp:View ID="圆形" runat="server"> <br />
                <asp:Image ID="Image2" runat="server" Height="200px"
                    ImageUrl="~/yuan.jpg" Width="200px" /><br /></asp:View>
            <asp:View ID="矩形" runat="server"> <br />
                <asp:Image ID="Image3" runat="server" Height="200px"
                    ImageUrl="~/ju.jpg" Width="200px" /><br /></asp:View></asp:MultiView>
        选择显示的形状<asp:RadioButtonList ID="RadioButtonList1" runat="server" AutoPostBack="True"
            onselectedindexchanged="RadioButtonList1_SelectedIndexChanged">
            <asp:ListItem Selected="True">三角形</asp:ListItem>
            <asp:ListItem>圆形</asp:ListItem>
            <asp:ListItem>矩形</asp:ListItem></asp:RadioButtonList><br /><br /></div></form>
Default3.cs页面代码：
public partial class Default3 : System.Web.UI.Page
{protected void Page_Load(object sender, EventArgs e)
    {if (Request.QueryString["id"] != null)
        {MultiView1.ActiveViewIndex = Convert.ToInt32(Request.QueryString["id"]);}}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。