Question

我发现了这个问题Can't use relative paths with areas in ASP.NET MVC 2，这与我遇到的问题相同。在MVC3中仍然如此吗？

有没有办法将内容文件保存在相对于该区域的区域？

因此区域中的布局文件可以具有类似

的内容

无需创建完全限定的链接，需要区域目录和区域名称或上述问题的解决方案，这需要检查每个请求的每个区域。

更新/修改

我决定使用上面问题中的解决方案和下面的解决方案（html帮助程序） - 取决于项目/情况。我上面的实现使用app.setting存储区域名称和扩展名，以便我可以将模块作为我的库的一部分。

var context = HttpContext.Current;
var path = context.Request.Path;
var list = ...       //code that gets from app.config and then saves it
var extensions = ... // to the cache as non-removable with a dependency on web.config
foreach (var area in list)
{
   if (!path.Contains(area + "/")) continue;
   foreach (var extension in extensions)
   {
      if (path.EndsWith("." + extension))
      {
         context.RewritePath(path.Replace(area + "/", "Areas/" + area + "/"));
      }

    }
 }

Answer 1

我个人喜欢扩展方法路线，基于我提出的第一个答案，并测试它是否有效......而不是使用@Url.Content，使用@Url.ContentArea而无需放入'〜/'，'/'或'../'等。

帮助程序会进行一些检查以自动删除这些，所以只需使用就像这样......

@Url.ContentArea("Content/style.css") or @Url.ContentArea("Images/someimage.png") :)

当您创建此Url Helper扩展程序时，您可以选择，但我在网络根目录下创建了一个“帮助程序”文件夹，然后我将@using YourWebNameSpace.Helpers;包含在我的_Layout.cshtml（razor / masterpage）中无论我在哪个'区域'。

您仍然可以使用@Url.Content作为当前区域之外的参考（基本上您可以根据所需资源及其位置进行混合）。

namespace YourWebNamespace.Helpers
{
    public static class UrlHelperExtensions
    {
        public static string ContentArea(this UrlHelper url, string path)
        {
            var area = url.RequestContext.RouteData.DataTokens["area"];

            if (area != null)
            {
                if (!string.IsNullOrEmpty(area.ToString()))
                    area = "Areas/" + area;

                // Simple checks for '~/' and '/' at the
                // beginning of the path.
                if (path.StartsWith("~/"))
                    path = path.Remove(0, 2);

                if (path.StartsWith("/"))
                    path = path.Remove(0, 1);

                path = path.Replace("../", string.Empty);

                return VirtualPathUtility.ToAbsolute("~/" + area + "/" + path);
            }

            return string.Empty;
        }
    }
}

在您的母版页或任何页面中（仅适用于此示例的Razor）...

@using YourWebNamespace.Helpers

<html lang="en">
<head>

    <link href="@Url.ContentArea("Content/reset.css")" media="screen" rel="stylesheet" type="text/css" />

    <link href="@Url.ContentArea("Content/style.css")" media="screen" rel="stylesheet" type="text/css" />

</head>
<body>

Answer 2

您可以尝试在HtmlHelper上创建扩展程序来解决此问题：

public static string Image(this HtmlHelper html, string imagePath)
{
    var area = html.ViewContext.RouteData.Values["area"];
    if (!string.IsNullOrEmpty(area))
        area = "Areas/" + area + "/";
    return VirtualPathUtility.ToAbsolute("~/" + area + "Content/img/" + imagePath);
}

所以在你看来你可以使用：

<img src="@Html.Image("myimage.png")" alt="..." />

我没有尝试过代码，所以如果我错了就纠正我。

Answer 3

我在样式表中遇到了类似的问题，我只是通过放入两个相对路径来解决这个问题：

#searchbox {
    ...
    background: url("../Content/magglass.png") no-repeat;
    background: url("../../Content/magglass.png") no-repeat;
    ...
}

Answer 4

我在上面的UrlHelperExtensions中尝试了一些我在母版页中用作jQuery滚动横幅数据的图像。我不得不添加以下else子句，以便当没有区域时帮助器将返回tha路径：

        else
        {
            if (path.StartsWith(@"~/"))
            {
                var result = VirtualPathUtility.ToAbsolute(path);
                return result;
            }
        }

        return string.Empty;

在我的视图页面中，我使用了：

<img src="@Url.ContentArea("~/images/ScrollPicture1.png")" alt="Gallery picture 1" />

感谢您发布此解决方案。适用于我对图像的修复。

Answer 5

我的ASP.NET MVC 3 Web应用程序遇到了类似的问题，我修改了它而不是

<img src="mypath/myimage.png" alt="my alt text" />

这样：

<img src='@Url.Content("mylink")' alt="my alt text" />

其中最后一个mylink是〜/ mypath之类的路径。我用它来链接我的javascript文件，但是我没有尝试使用图片或链接，所以你应该试着自己......

MVC3领域的相对内容路径

5 个答案: