aspx页面风格切换方法
开发中,我们实践了两种ASP.NET页面风格的切换方法。第一种是ASP.NET中的Theme(主题)管理功能;第二种是使用客户端脚本程序切换css主题。
ASP.NET的Theme管理,把用户的个人喜好存储在服务器端的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;
}
}