aspx页面风格切换方法

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

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

Ø 第一步

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

Ø 第二步

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

<link

 rel="stylesheet"

 type="text/css"

href="http://www.cnblogs.com/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 = "http://www.cnblogs.com/Css/pepper-grinder/jquery-ui-1.7.2.pepper-grinder.css"; break;

        case "cupertino":

            lnkStyle.Href = "http://www.cnblogs.com/Css/cupertino/jquery-ui-1.7.2.cupertino.css"; break;

        case "eggplant":

            lnkStyle.Href = "http://www.cnblogs.com/Css/eggplant/jquery-ui-1.7.2.eggplant.css"; break;

        //...更多的风格

        default:

            lnkStyle.Href = "http://www.cnblogs.com/Css/pepper-grinder/jquery-ui-1.7.2.pepper-grinder.css"; break;

    }

}

posted @ 2010-09-09 08:44  快乐的老毛驴  阅读(248)  评论(0编辑  收藏  举报