我正在为两个业务组构建一个通用的Web应用程序.徽标/横幅需要根据查询字符串进行更改.例如,如果网址是http://foo.com/test?bg=a,则会显示商家组a的徽标,如果网址为http://foo.com/test?bg=b,则会
我可以检查所有操作的查询字符串,但必须有一个很好的方法来做到这一点.我有一种感觉,我需要做一些路由的东西,但只是不知道如何.谁能告诉我怎么做?
您可以编写一个自定义帮助器方法,该方法基于查询字符串参数将给定的类名添加到某个div.那么你当然会在你的CSS文件中应用背景图像有不同的类定义.例如:
public static class HtmlExtensions { public static string BannerClass(this HtmlHelper html) { var bg = html.ViewContext.Controller.ValueProvider.GetValue("bg"); if (bg == null || string.IsNullOrEmpty(bg.AttemptedValue)) { // no bg parameter => return a default class return "default_banner"; } if (string.Equals("a", bg.AttemptedValue)) { return "banner_a"; } else if (string.Equals("b", bg.AttemptedValue)) { return "banner_b"; } // unknown value for the bg parameter => return a default class return "default_banner"; } }
然后在你的_Layout中你可以把这个类应用到像div或者身体这样的占位符:
<div class="@Html.BannerClass()">OK</div>
这样,它将始终应用于应用程序中的所有视图.
现在剩下的就是为不同的横幅定义CSS规则:
.default_banner { background-image: url('../images/default_banner.png') } .banner_a { background-image: url('../images/banner_a.png') } .banner_b { background-image: url('../images/banner_b.png') }