ASP.NET MVC - 在母版页中引用样式表

Question

我有一个位于 /Views/Shared 中的母版页。母版页引用 /Content 文件夹中的样式表。

如果我使用 "../../Content/style.css" 引用样式表，一切都会正常工作。但是，我的Web应用程序不在我们生产环境的根文件夹中，因此相对路径不起作用。

我尝试过“<%=ResolveUrl("~/content/style.css") %>"这在生产场景中确实有效，但随后 Visual Studio 中的设计器抱怨我的类是错误的（并且我无法在设计选项卡中预览带有 CSS 的页面）。

有没有一种解决方案可以在这两种情况下都起作用？我在 WebForms 中通过编写重置链接标记的服务器端代码来完成此操作。我可以在这里这样做，但我想避免这样做。

Answer 1

尝试这种技术 - 以两种方式包含您的样式表。包含一个具有固定路径引用的引用，Visual Studio 将使用该引用来提供设计时支持，但将其包含在服务器端注释中，因此在运行时期间实际上不会包含它。第二个引用是运行时使用的“真实”引用，并且使用 Url.Content() 无论您的应用程序是否是子目录，它都可以工作。

<% /* %> 
    <link href="../../Content/Site.css" rel="stylesheet" type="text/css" /> 
<% */ %>

<link href="<%=Url.Content("~/Content/Site.css") %>" rel="stylesheet" 
      type="text/css" />

Answer 2

最佳实践是扩展 URL 帮助程序< /a>.这使您可以轻松地从您的视图中调用它，并且如果您的结构或文件发生变化，您不需要进行大量的查找/替换。

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

public static string Stylesheet(this UrlHelper helper, string fileName)  
{  
    return helper.Content("~/Content/Stylesheets/" + fileName);  
}  

public static string Script(this UrlHelper helper, string fileName)  
{  
    return helper.Content("~/Content/Scripts/" + fileName);  
}

   <link href="<%= UrlHelper.Stylesheet("Main.css")%>" rel="stylesheet" 
         type="text/css" />  

Answer 3

在 Views 文件夹中，然后进入 Shared 文件夹有助于了解 MVC 中如何引用 CSS 文件。