ASP.net MVC 主题更改帮助

发布于 2024-11-17 05:59:59 字数 222 浏览 3 评论 0原文

我有一个使用 ASP.Net MVC 开发的网站。现在我想根据请求（基于国家/地区）我想更改网站主题。

例如：美国 - 主题 1 加拿大 - 主题 2

如果请求与我想显示默认主题（我当前的主题）的任何主题都不匹配。

我怎样才能动态地实现这一点。

我需要再次重写我的CSS吗？或者有更好的方法吗？

请分享您的想法

提前致谢:)

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

甜心 2024-11-24 06:00:00

您应该为常见样式定义一个全局 css 文件。假设您有某种用于访问当前国家/地区的帮助器方法，您可以有条件地加载国家/地区特定的样式表，或根据规则加载样式表，例如与国家/地区同名的样式表（以下代码未经测试）：

<link rel="stylesheet" type="text/css" href="css/global.css">

// conditional

@if (SiteHelper.CurrentCountry == "USA") {
    <link rel="stylesheet" type="text/css" href="css/usa.css">
}

// or assume a css file exists with the country name

<link rel="stylesheet" type="text/css" href="css/@(SiteHelper.CurrentCountry).css">

我通常会建议为每个国家/主题使用不同的布局页面，因为它可以为您提供更多控制。本质上，您可以将上述逻辑移至 _ViewStart.cshtml 中，并根据当前国家/地区设置布局。

You should define a global css file for common styles. Assuming you have some kind of helper method for accessing the current country, you can conditionally load the country specific stylesheet, or load a stylesheet based on a rule e.g. stylesheet with the same name as the country (following code is untested):

<link rel="stylesheet" type="text/css" href="css/global.css">

// conditional

@if (SiteHelper.CurrentCountry == "USA") {
    <link rel="stylesheet" type="text/css" href="css/usa.css">
}

// or assume a css file exists with the country name

<link rel="stylesheet" type="text/css" href="css/@(SiteHelper.CurrentCountry).css">

I would generally recommend using a different layout page for each country/theme as it gives you much more control. Essentially you would move the above logic into _ViewStart.cshtml and set the Layout based on the current country.

回复收藏 0 原文

风为裳 2024-11-24 06:00:00

不确定这是否是最好的方法，但这就是我正在做的。我有一个与此类似的文件夹结构：

   /Content
    layout.css
   /Content/Images
   /Content/Themes/ThemeUSA
                   layout.css
   /Content/Themes/ThemeUSA/Images

然后，我使用帮助程序扩展返回正确的路径，例如图像的路径：

<img src="@Url.Image(Model.EnhImg)" alt="@Model.EnhImgAlt" />

其中

public static string Image(this UrlHelper helper, string fileName)
{
    string sLocation = Content() + "images/" + fileName;
    return helper.Content(sLocation);
}

private static string Content()
{
    string sLocation = "~/content/";
    string sTheme = (string)HttpContext.Current.Session["Theme"];
    if (!String.IsNullOrEmpty(sTheme))
    {
        sLocation += "themes/" +sTheme + "/";
    }
    return sLocation;
}

主题文件夹中的图像与默认文件夹中的图像具有相同的名称。样式表也是如此。

Not sure if this is the best approach but this is what I am doing. I have a folder structure similar to this:

   /Content
    layout.css
   /Content/Images
   /Content/Themes/ThemeUSA
                   layout.css
   /Content/Themes/ThemeUSA/Images

Then I use Helper Extensions to return the correct path for example for an image:

<img src="@Url.Image(Model.EnhImg)" alt="@Model.EnhImgAlt" />

where

public static string Image(this UrlHelper helper, string fileName)
{
    string sLocation = Content() + "images/" + fileName;
    return helper.Content(sLocation);
}

private static string Content()
{
    string sLocation = "~/content/";
    string sTheme = (string)HttpContext.Current.Session["Theme"];
    if (!String.IsNullOrEmpty(sTheme))
    {
        sLocation += "themes/" +sTheme + "/";
    }
    return sLocation;
}

Images in the theme folders have the same name as in the default folder. Same thing for stylesheets.

回复收藏 0 原文

~没有更多了~