用户控件的一些使用

平常写代码有很多代码可能会重复出现。

比如一个网站的顶部和底部

几乎是每个页面都需要的

用户控件就可以帮助解决这一问题。

一.用法举例

1.使用的时候可以最顶上添加图片和主题来修饰网站

2.下面就是一排跳转按钮。 做到类似菜单的效果一样

3.还可以添加一个个人头像保证每个页面都能看到头像

运行实例

这幅截图就是一个完整的用户控件。其它页面调用的时候直接引用就行了

二.编写用户控件

1.添加窗体用户控件

2.给用户控件填写代码

其中不允许添加html,body,form 等标签

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="Top.ascx.cs" Inherits="Library.Common.Top" %>

<br />
<asp:Image ID="Image2" runat="server" />
<asp:Button ID="btndata" runat="server" Text="我的资料" OnClick="btndata_Click"/>
<asp:Button ID="btnhis" runat="server" Text="借阅历史" OnClick="btnhis_Click"/>
<asp:Button ID="btnbook" runat="server" Text="书籍查询" OnClick="btnbook_Click"/>
<asp:Button ID="btnword" runat="server" Text="留言历史" OnClick="btnword_Click"/>
<asp:Button ID="delete" runat="server" Text="注销" OnClick="delete_Click"/><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<asp:ImageButton ID="Image1" runat="server" Height="100px" Width="100px" OnClick="Image1_Click" />
<div style="margin-left: 200px">
    <asp:Panel ID="Panel1" runat="server" Visible="false">
        <asp:FileUpload ID="FileUpload1" runat="server"/>
        <asp:Button ID="btnupload" runat="server" Text="上传" OnClick="btnupload_Click" />
    </asp:Panel>
</div>

3.给用户控件自定义属性

 string name;
        int id;  
        public string text {
            get
            {
                return name;
            }
            set
            {
                this.name = value;
            }
        }

4.引用用户控件示例(可以对照asp标签理解

<%@ Register TagPrefix="uc1" TagName="top" Src="~/Common/Top.ascx"%>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Liberary.aspx.cs" Inherits="Library.Common.Liberary" %>
<%@ Register TagPrefix="uc1" TagName="top" Src="~/Common/Top.ascx"%>
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>       
        欢迎<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>加入海大图书馆 <br/>           
            <uc1:top ID="toptext" runat="server"/>       
        <br />您的位置>>海大图书馆
    </div>
    </form>
</body>
</html>

 

 至此,就结束了。还是洗洗睡吧现在

posted @ 2016-11-15 00:00  ouczbs  阅读(411)  评论(0编辑  收藏  举报