ASP.NET----web用户控件

实现功能

首页

ASP.NET----web用户控件_第1张图片

点击请登录,跳转登录界面

ASP.NET----web用户控件_第2张图片

登录成功后,回到首页,显示欢迎语,并且改变超链接

ASP.NET----web用户控件_第3张图片

点击退出,再次改变超链接

ASP.NET----web用户控件_第4张图片

实验步骤

所需页面:

 

ASP.NET----web用户控件_第5张图片

 

web用户控件设计:

用两个panel将两次要变化的状态圈起来。

ASP.NET----web用户控件_第6张图片

web用户控件动态代码:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class WebUserControl : System.Web.UI.UserControl
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (Session["usernum"] == null)//未登录时
        {
            Panel1.Visible = true;//显示第一个状态
            Panel2.Visible = false;//第二个隐藏
        }
        else
        {
            Panel1.Visible = false;
            Panel2.Visible = true;
        }
    }
    protected void LinkButton4_Click(object sender, EventArgs e)
    {
        Session["usernum"] = null;//点击退出按钮  将sessio值清空
        Response.Redirect("index.aspx");//跳转到首页
    }
    protected void LinkButton1_Click(object sender, EventArgs e)
    {
        Response.Redirect("login.aspx");//点击登录按钮  跳转登录界面
    }
}

写好了web用户控件之后,在母版页的设计页面(注意,不要在源代码页面,是设计页面),把资源管理器中的web用户控件直接拖入母版页。

拖入后源代码页面形成的代码是

ASP.NET----web用户控件_第7张图片

然后登陆页面大概设计下:登陆成功要记得赋session值并且跳转。

ASP.NET----web用户控件_第8张图片

ASP.NET----web用户控件_第9张图片

完成!

 

 

 

 

 

你可能感兴趣的:(ASP.NET)