Einstellung der hintergrund in einer MVC-_Layout.cshtml-Seite

Einstellung jeder Seite der hintergrund ist relativ einfach in ASP.Net WebForms, wo Sie Zugriff auf die Page_Load-Ereignis in der code-behind einer MasterPage doch wie ist dies am besten in MVC? Nach mehreren Stunden recherche die verschiedenen alternativen, die ich wählte, um den Wert zuzuweisen, um die ViewBag durch ein "base-controller", leiten sich die nachfolgenden Steuerungen aus, die base und dann auf diesen Wert zugreifen, in der _Layout.cshtml.

Hier ist die Basis-controller, in dem ich eine url zuzuweisen, die Punkte zu einem bestimmten Bild:

public class BaseController : Controller
{
    public BaseController()
    {
        ViewBag.url = BingImageLoader.getBingImageUrl();    
    }
}

Der nächste Schritt ist die Ableitung von nachfolgenden Controller, in diesem Fall der HomeController aus, dass die Basis-Klasse:

public class HomeController : BaseController
{
    public ActionResult Index()
    {
        return View();
    }
    .
    .

Und schließlich, verwenden Sie den ViewBag in das head-element der _Layout.cshtml, um den hintergrund-Bild, Stil-Eigenschaft.

    .
    .   
    <style type="text/css">
        body {
            background-image: url(@ViewBag.url);  
            background-repeat: no-repeat;
            background-size: cover;
        }
    </style>
</head>

Diese Tat vollbringen, was ich dargelegt um zu tun; jedoch, auf dem Weg gab es eine Reihe von alternativen angegeben, einschließlich der Verwendung von ActionFilters. Um ehrlich zu sein, die Schaffung eines CustomActionFilter und mit ActionFilterAttributes und überschreiben OnActionExecuting scheint wie overkill, aber manchmal der einfachste Weg ist nicht immer der beste.

Letztlich kommt die Frage auf "gibt es einen besseren Weg?" Gibt es Nebenwirkungen durch die Einführung der Vermittler? Wenn ich das überschreiben meiner ViewBag.url in die einzelnen controller-Methoden, das Bild ändert sich entsprechend. So habe ich noch irgendwelche Probleme finden, aber möglicherweise gibt es andere Probleme, die aus diesem Ansatz.

Also wieder, "gibt es eine bessere Art und Weise"?

InformationsquelleAutor user646306 | 2015-03-14
  1. 2

    Einem möglichen problem, das ich sehen kann mit diesem Ansatz ist, wenn der Entwickler vergisst, Unterklasse hist controller von BaseController.

    Mit einem global action filter würde sicherstellen, dass dies nie geschehen wird, und die Eigenschaft immer zur Verfügung:

    public class BackgroundImageFilterAttribute : ActionFilterAttribute
{
    public override void OnActionExecuted(ActionExecutedContext context)
    {
        context.Controller.ViewBag.url = BingImageLoader.getBingImageUrl();
    }
}

    denen registriert werden, die nur einmal in Ihrem Application_Start:

    protected void Application_Start()
{
    ...
    //Register global filter
    GlobalFilters.Filters.Add(new BackgroundImageFilterAttribute());
}

    Wenn Sie diese filter-Ansatz umständlich als eine alternative, die ich vorschlagen kann, schreiben Sie eine benutzerdefinierte Html-helper verwendet werden konnten, in Ihrer _Layout.cshtml:

    <style type="text/css">
    body {
        background-image: url(@Html.GetBackgroundImageUrl());
        background-repeat: no-repeat;
        background-size: cover;
    }
</style>

    die definiert werden könnte als eine einfache Erweiterung Methode:

    public static class HtmlExtensions
{
    public static IHtmlString GetBackgroundImageUrl(this HtmlHelper html)
    {
        string url = BingImageLoader.getBingImageUrl();
        return new HtmlString(url);
    }
}
    • Sowohl die action-filter und die extension-Methode funktioniert ebenso gut und lindern die Notwendigkeit der Unterklasse. Wie oben gezeigt, überschreiben OnActionExecuted wird den hintergrund
    • OnActionExecuted wird den hintergrund für alle Seiten, die für jeden controller, während Sie für meine unmittelbare Zweck überschreiben OnActionExecuting beweist die bessere Wahl, durch die immer noch erlaubt mir zu zuweisen, die ViewBag.url in jeder controller-Methode. Seltsam, beide overrides für mich arbeiten, ohne Befestigung, ein Attribut auf den controller oder die Methode. Im Fall der HtmlExtensions, ich finde Sie weit mehr umständlich, wenn Sie versuchen, um den hintergrund zu ändern. Für meine Anforderungen die ActionFilter erscheint werden die beste option. Dank Darin.
    • hi, wie kann ich verklagen diese, und legen Sie die Ziel-hintergrund auf den aktuellen div (partialview vs view vs full _Layout)
    InformationsquelleAutor Darin Dimitrov
Schreibe einen Kommentar