asp.net简单实现页面换肤的方法

下面是“ASP.NET简单实现页面换肤的方法”的完整攻略：

第一步：准备工作

1. 打开 Visual Studio，创建一个 ASP.NET Web 应用程序。
2. 在项目中添加所需要的主题皮肤文件夹，比如：theme1、theme2。

第二步：设置样式

1. 在 theme1 文件夹中，创建 main.css 文件，并添加相应的样式。
2. 在 theme2 文件夹中，创建 main.css 文件，并添加相应的样式。

第三步：设置皮肤

1. 打开 Web.config 文件，添加以下代码：

<system.web>
  <pages theme="Theme1">
    <controls>
      <add tagPrefix="asp" namespace="System.Web.UI.HtmlControls" assembly="System.Web" />
    </controls>
  </pages>
</system.web>

1. 在代码中找到以下代码：

protected void Page_Load(object sender, EventArgs e)
{

}

在该方法中添加以下代码：

if (Request.Cookies["Theme"] != null)
{
    Page.Theme = Request.Cookies["Theme"].Value;
}

1. 打开 Default.aspx.cs 文件，在 Page_PreInit 方法中添加以下代码：

protected void Page_PreInit(object sender, EventArgs e)
{
    HttpCookie cookie = Request.Cookies["Theme"];
    if (cookie != null && cookie.Value != null)
    {
        Page.Theme = cookie.Value;
    }
}

第四步：设置按钮点击事件

1. 在 Default.aspx 页面中添加两个按钮，分别用于切换主题。

<asp:Button ID="Button1" runat="server" Text="Theme1" OnClick="Button1_Click" />
<asp:Button ID="Button2" runat="server" Text="Theme2" OnClick="Button2_Click" />

1. 在 Default.aspx.cs 代码中添加以下按钮点击事件响应方法：

protected void Button1_Click(object sender, EventArgs e)
{
    HttpCookie cookie = new HttpCookie("Theme");
    cookie.Value = "Theme1";
    Response.Cookies.Add(cookie);
    Response.Redirect(Request.Url.ToString());
}

protected void Button2_Click(object sender, EventArgs e)
{
    HttpCookie cookie = new HttpCookie("Theme");
    cookie.Value = "Theme2";
    Response.Cookies.Add(cookie);
    Response.Redirect(Request.Url.ToString());
}

至此，“ASP.NET简单实现页面换肤的方法”的攻略已经介绍完毕。

示例说明

以下是两个示例说明：

示例1

假设我们需要实现两个皮肤：blue 和 red。
1. 创建两个 CSS 文件，blue.css 和 red.css。
2. 在 Web.config 文件中添加以下代码：

<system.web>
  <pages>
    <themes>
      <add theme="blue" />
      <add theme="red" />
    </themes>
  </pages>
</system.web>

1. 在 aspx 页面中，可以通过 Theme 属性来指定样式文件，如下所示：

<%@ Page Language="C#" AutoEventWireup="true" Theme="blue" CodeBehind="Default.aspx.cs" Inherits="WebApplication1.Default" %>

1. 在按钮点击事件中，可以通过设置 Cookie 值来动态的修改皮肤主题，如下所示：

protected void btnBlue_Click(object sender, EventArgs e)
{
    HttpCookie cookie = new HttpCookie("theme");
    cookie.Value = "blue";
    Response.SetCookie(cookie);
    Server.Transfer(Request.Path);
}

protected void btnRed_Click(object sender, EventArgs e)
{
    HttpCookie cookie = new HttpCookie("theme");
    cookie.Value = "red";
    Response.SetCookie(cookie);
    Server.Transfer(Request.Path);
}

示例2

假设我们需要实现三个皮肤：默认、暗黑、简洁。

1. 创建三个 CSS 文件，default.css、dark.css 和 simple.css。
2. 在 Web.config 文件中添加以下代码：

<system.web>
  <pages theme="default">
    <controls>
      <add assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" namespace="System.Web.UI.WebControls" tagPrefix="asp" />
    </controls>
    <themes>
      <add theme="default" path="~/App_Themes/default" />
      <add theme="dark" path="~/App_Themes/dark" />
      <add theme="simple" path="~/App_Themes/simple" />
    </themes>
  </pages>
</system.web>

1. 在按钮点击事件中，通过 Page.Theme 属性设置皮肤主题，如下所示：

protected void btnDefault_Click(object sender, EventArgs e)
{
    Page.Theme = "default";
}

protected void btnDark_Click(object sender, EventArgs e)
{
    Page.Theme = "dark";
}

protected void btnSimple_Click(object sender, EventArgs e)
{
    Page.Theme = "simple";
}

以上是两个用例示例说明，希望可以帮助大家更好的理解“ASP.NET简单实现页面换肤的方法”的完整攻略。