aspx页面风格切换方法

开发中，我们实践了两种ASP.NET页面风格的切换方法。第一种是ASP.NET中的Theme(主题)管理功能；第二种是使用客户端脚本程序切换css主题。

ASP.NET的Theme管理，把用户的个人喜好存储在服务器端的profile数据库中，这种做法有个重要的缺陷：用户数量会给性能带来问题。所以，我们推荐把用户的个人喜好存储在客户端的cookie中，然后通过切换css主题来改变风格。实现方法如下：

Ø  第一步

定义不同风格CSS样式文件，并给每个风格起一个与众不同的名称。如果不同的样式使用了不同的图片，那么最好是给每个样式创建一个文件夹。

Ø  第二步

在ASPX页面中（如果使用了母版页，则在母版页中），增加一个link标签，引用默认风格的样式文件如下代码：

 rel="stylesheet"

 type="text/css"

href="../../Css/pepper-grinder/jquery-ui-1.7.2.pepper-grinder.css"

title="higer-style"

runat="server"

id="lnkStyle"

/>

Ø  第三步

触发风格切换的代码

HttpCookie cookie = new HttpCookie("Info");//定义cookie对象以及名为Info的项  

DateTime dt = DateTime.Now;//定义时间对象  

TimeSpan ts = new TimeSpan(7, 0, 0, 0);//cookie有效作用时间，具体查msdn  

cookie.Values.Add("style", styleValue);//增加属性  

cookie.Expires = dt.Add(ts);//添加作用时间  

//cookie.Path = "/";

Response.AppendCookie(cookie);//确定写入cookie中  

ChangeStyle(styleValue);

                   风格切换

protected void ChangeStyle(string strStyleTitle)

{

    switch (strStyleTitle)

    {

        case "pepper-grinder":

            lnkStyle.Href = "../../Css/pepper-grinder/jquery-ui-1.7.2.pepper-grinder.css"; break;

        case "cupertino":

            lnkStyle.Href = "../../Css/cupertino/jquery-ui-1.7.2.cupertino.css"; break;

        case "eggplant":

            lnkStyle.Href = "../../Css/eggplant/jquery-ui-1.7.2.eggplant.css"; break;

        //...更多的风格

        default:

            lnkStyle.Href = "../../Css/pepper-grinder/jquery-ui-1.7.2.pepper-grinder.css"; break;

    }

}