我有一个网站,其中有一个布局页面。但是,此布局页面具有所有页面模型都必须提供的数据,例如页面标题,页面名称以及我为执行某些操作的HTML帮助器所实际位于的位置。每个页面也都有自己的视图模型属性。
我怎样才能做到这一点?键入布局似乎不是一个好主意,但是如何传递这些信息呢?
ViewBag
。也许是偏好问题。尽管支持您的评论
我有一个网站,其中有一个布局页面。但是,此布局页面具有所有页面模型都必须提供的数据,例如页面标题,页面名称以及我为执行某些操作的HTML帮助器所实际位于的位置。每个页面也都有自己的视图模型属性。
我怎样才能做到这一点?键入布局似乎不是一个好主意,但是如何传递这些信息呢?
ViewBag
。也许是偏好问题。尽管支持您的评论
Answers:
如果需要将相同的属性传递给每个页面,那么明智的做法是创建一个供所有视图模型使用的基本视图模型。然后,您的布局页面可以采用此基本模型。
如果此数据后面需要逻辑,则应将其放入所有控制器使用的基本控制器中。
您可以做很多事情,重要的方法是不要在多个地方重复相同的代码。
编辑:从下面的评论更新
这是一个简单的示例来演示该概念。
创建所有视图模型都将继承的基础视图模型。
public abstract class ViewModelBase
{
public string Name { get; set; }
}
public class HomeViewModel : ViewModelBase
{
}
您的布局页面可以以此为模型。
@model ViewModelBase
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Test</title>
</head>
<body>
<header>
Hello @Model.Name
</header>
<div>
@this.RenderBody()
</div>
</body>
</html>
最后,在action方法中设置数据。
public class HomeController
{
public ActionResult Index()
{
return this.View(new HomeViewModel { Name = "Bacon" });
}
}
public class HomeController : BaseController
。这样,通用代码只需要编写一次就可以应用于所有控制器。
我在布局中使用RenderAction html helper作为剃刀。
@{
Html.RenderAction("Action", "Controller");
}
我需要简单的字符串。因此,我的操作返回字符串并将其写下来很容易。但是,如果您需要复杂的数据,则可以返回PartialViewResult和模型。
public PartialViewResult Action()
{
var model = someList;
return PartialView("~/Views/Shared/_maPartialView.cshtml", model);
}
您只需要将模型放在您创建的部分视图'_maPartialView.cshtml'的开头
@model List<WhatEverYourObjeIs>
然后,您可以在带有html的部分视图中使用模型中的数据。
另一个选择是创建一个单独的LayoutModel类,其中包含布局中所需的所有属性,然后将该类的实例填充到ViewBag中。我使用Controller.OnActionExecuting方法填充它。然后,在布局开始时,您可以将该对象从ViewBag中拉回并继续访问此强类型对象。
OnActionExecuting
。使用ViewBag还意味着您在控制器中失去了类型安全性,这从来都不是一件好事。
大概,这的主要用例是为所有(或大多数)控制器动作获取基本模型视图。
鉴于此,我将这些答案中的几个结合使用,主要是支持Colin Bacon的答案。
正确的是,这仍然是控制器逻辑,因为我们正在填充视图模型以返回视图。因此,将其放置在控制器中的正确位置。
我们希望这在所有控制器上都发生,因为我们将其用于布局页面。我将其用于在布局页面中呈现的局部视图。
我们还仍然希望强类型ViewModel的附加好处
因此,我创建了一个BaseViewModel和BaseController。所有ViewModels控制器将分别继承自BaseViewModel和BaseController。
代码:
BaseController
public class BaseController : Controller
{
protected override void OnActionExecuted(ActionExecutedContext filterContext)
{
base.OnActionExecuted(filterContext);
var model = filterContext.Controller.ViewData.Model as BaseViewModel;
model.AwesomeModelProperty = "Awesome Property Value";
model.FooterModel = this.getFooterModel();
}
protected FooterModel getFooterModel()
{
FooterModel model = new FooterModel();
model.FooterModelProperty = "OMG Becky!!! Another Awesome Property!";
}
}
注意从本SO帖子中获取的OnActionExecuted的使用
家庭控制器
public class HomeController : BaseController
{
public ActionResult Index(string id)
{
HomeIndexModel model = new HomeIndexModel();
// populate HomeIndexModel ...
return View(model);
}
}
BaseViewModel
public class BaseViewModel
{
public string AwesomeModelProperty { get; set; }
public FooterModel FooterModel { get; set; }
}
HomeViewModel
public class HomeIndexModel : BaseViewModel
{
public string FirstName { get; set; }
// other awesome properties
}
页脚模型
public class FooterModel
{
public string FooterModelProperty { get; set; }
}
Layout.cshtml
@model WebSite.Models.BaseViewModel
<!DOCTYPE html>
<html>
<head>
< ... meta tags and styles and whatnot ... >
</head>
<body>
<header>
@{ Html.RenderPartial("_Nav", Model.FooterModel.FooterModelProperty);}
</header>
<main>
<div class="container">
@RenderBody()
</div>
@{ Html.RenderPartial("_AnotherPartial", Model); }
@{ Html.RenderPartial("_Contact"); }
</main>
<footer>
@{ Html.RenderPartial("_Footer", Model.FooterModel); }
</footer>
< ... render scripts ... >
@RenderSection("scripts", required: false)
</body>
</html>
_Nav.cshtml
@model string
<nav>
<ul>
<li>
<a href="@Model" target="_blank">Mind Blown!</a>
</li>
</ul>
</nav>
希望这会有所帮助。
您不必弄乱动作或更改模型,只需使用基本控制器,然后从布局viewcontext投射现有的控制器即可。
创建具有所需公共数据(标题/页面/位置等)和操作初始化的基本控制器...
public abstract class _BaseController:Controller {
public Int32 MyCommonValue { get; private set; }
protected override void OnActionExecuting(ActionExecutingContext filterContext) {
MyCommonValue = 12345;
base.OnActionExecuting(filterContext);
}
}
确保每个控制器都使用基本控制器...
public class UserController:_BaseController {...
从_Layout.cshml
页面的视图上下文中投射现有的基本控制器。
@{
var myController = (_BaseController)ViewContext.Controller;
}
现在,您可以从布局页面引用基本控制器中的值。
@myController.MyCommonValue
更新
您还可以创建允许您使用的页面扩展名this
。
//Allows typed "this.Controller()." in cshtml files
public static class MyPageExtensions {
public static _BaseController Controller(this WebViewPage page) => Controller<_BaseController>(page);
public static T Controller<T>(this WebViewPage page) where T : _BaseController => (T)page.ViewContext.Controller;
}
这样,您只需要记住this.Controller()
在需要控制器时就可以使用。
@{
var myController = this.Controller(); //_BaseController
}
或从_BaseController
... 继承的特定控制器
@{
var myController = this.Controller<MyControllerType>();
}
如果要传递整个模型,请在布局中进行以下操作:
@model ViewAsModelBase
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8"/>
<link href="/img/phytech_icon.ico" rel="shortcut icon" type="image/x-icon" />
<title>@ViewBag.Title</title>
@RenderSection("styles", required: false)
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
@RenderSection("scripts", required: false)
@RenderSection("head", required: false)
</head>
<body>
@Html.Action("_Header","Controller", new {model = Model})
<section id="content">
@RenderBody()
</section>
@RenderSection("footer", required: false)
</body>
</html>
并将其添加到控制器中:
public ActionResult _Header(ViewAsModelBase model)
我认为对于大型企业级应用程序,这些答案都不够灵活。我不喜欢过度使用ViewBag,但是在这种情况下,出于灵活性考虑,我会例外。这就是我要做的
您应该在所有控制器上都有一个基本控制器。将布局数据OnActionExecuting添加到基本控制器中(或者如果要推迟,则添加OnActionExecuted)...
public class BaseController : Controller
{
protected override void OnActionExecuting(ActionExecutingContext
filterContext)
{
ViewBag.LayoutViewModel = MyLayoutViewModel;
}
}
public class HomeController : BaseController
{
public ActionResult Index()
{
return View(homeModel);
}
}
然后在_Layout.cshtml中从ViewBag中拉出ViewModel ...
@{
LayoutViewModel model = (LayoutViewModel)ViewBag.LayoutViewModel;
}
<h1>@model.Title</h1>
要么...
<h1>@ViewBag.LayoutViewModel.Title</h1>
这样做不会干扰页面控制器或视图模型的编码。
MyLayoutViewModel
动态创建的方法,如何将一些参数传递给OnActionExecuting
方法呢?
base.OnActionExecuting(filterContext)
您的OnActionExecuting
方法!!!
创建表示布局视图模型的基础视图是一种糟糕的方法。假设您要有一个模型,该模型代表布局中定义的导航。你愿意CustomersViewModel : LayoutNavigationViewModel
吗?为什么?为什么要通过解决方案中的每个单个视图模型传递导航模型数据?
布局视图模型应该是专用的,不应强迫其余视图模型依赖它。
相反,您可以在_Layout.cshtml
文件中执行以下操作:
@{ var model = DependencyResolver.Current.GetService<MyNamespace.LayoutViewModel>(); }
最重要的是,我们不需要new LayoutViewModel()
,我们将为我们解决所有已存在的依赖项LayoutViewModel
。
例如
public class LayoutViewModel
{
private readonly DataContext dataContext;
private readonly ApplicationUserManager userManager;
public LayoutViewModel(DataContext dataContext, ApplicationUserManager userManager)
{
}
}
Scoped
ASP..Net Core中的布局模型对象也是个好主意。
其他答案几乎涵盖了有关如何将模型传递到布局页面的所有内容。但是我找到了一种方法,可以在不使用任何模型或局部视图的情况下,将变量动态地传递到布局页面。假设您有这个模型-
public class SubLocationsViewModel
{
public string city { get; set; }
public string state { get; set; }
}
您想动态获取城市和州。例如
在index.cshtml中,您可以将这两个变量放在ViewBag中
@model MyProject.Models.ViewModel.SubLocationsViewModel
@{
ViewBag.City = Model.city;
ViewBag.State = Model.state;
}
然后在您的layout.cshtml中,您可以访问这些viewbag变量
<div class="text-wrap">
<div class="heading">@ViewBag.City @ViewBag.State</div>
</div>
还有另一种方法可以解决这个问题。从体系结构的角度看,这也许不是最干净的方法,但是它避免了其他答案带来的很多痛苦。只需在Razor布局中插入服务,然后调用获取必要数据的方法即可:
@inject IService myService
然后在布局视图中:
@if (await myService.GetBoolValue()) {
// Good to go...
}
同样,就体系结构而言,这不是很干净(显然,不应将服务直接注入视图中),但是它可以完成工作。
@inject
我认为使用是最好的解决方案。
您还可以使用RenderSection,它可以帮助您将Model
数据注入_Layout
视图中。
你可以注入View Model
数据,Json
,Script
,CSS
,HTML
等
在此示例中,我Json
从Index
视图中注入Layout
视图。
Index.chtml
@section commonLayoutData{
<script>
var products = @Html.Raw(Json.Encode(Model.ToList()));
</script>
}
_Layout.cshtml
@RenderSection("commonLayoutData", false)
这样就无需创建单独的Base View Model
。
希望可以帮助某人。
我所做的很简单,很有效
在任何控制器中声明“静态”属性,或者您可以按照以下方式使用静态值创建数据类:
public static username = "Admin";
public static UserType = "Administrator";
这些值可以由控制器基于操作来更新。以后您可以在_Layout中使用它们
在_layout.cshtml中
@project_name.Controllers.HomeController.username
@project_name.Controllers.HomeController.UserType
为什么没有人建议在ViewData上使用扩展方法?
选项1
在我看来,到目前为止,该问题的介入最少,最简单。没有硬编码的字符串。没有强加的限制。没有魔术编码。没有复杂的代码。
public static class ViewDataExtensions
{
private const string TitleData = "Title";
public static void SetTitle<T>(this ViewDataDictionary<T> viewData, string value) => viewData[TitleData] = value;
public static string GetTitle<T>(this ViewDataDictionary<T> viewData) => (string)viewData[TitleData] ?? "";
}
在页面中设置数据
ViewData.SetTitle("abc");
选项#2
另一种选择,使字段声明更容易。
public static class ViewDataExtensions
{
public static ViewDataField<string, V> Title<V>(this ViewDataDictionary<V> viewData) => new ViewDataField<string, V>(viewData, "Title", "");
}
public class ViewDataField<T,V>
{
private readonly ViewDataDictionary<V> _viewData;
private readonly string _field;
private readonly T _defaultValue;
public ViewDataField(ViewDataDictionary<V> viewData, string field, T defaultValue)
{
_viewData = viewData;
_field = field;
_defaultValue = defaultValue;
}
public T Value {
get => (T)(_viewData[_field] ?? _defaultValue);
set => _viewData[_field] = value;
}
}
在页面中设置数据。声明比第一个选项容易,但是用法语法稍长一些。
ViewData.Title().Value = "abc";
选项#3
然后可以将其与返回包含所有与布局相关的字段及其默认值的单个对象结合起来。
public static class ViewDataExtensions
{
private const string LayoutField = "Layout";
public static LayoutData Layout<T>(this ViewDataDictionary<T> viewData) =>
(LayoutData)(viewData[LayoutField] ?? (viewData[LayoutField] = new LayoutData()));
}
public class LayoutData
{
public string Title { get; set; } = "";
}
在页面中设置数据
var layout = ViewData.Layout();
layout.Title = "abc";
第三种选择有很多好处,我认为在大多数情况下是最好的选择:
最简单的字段和默认值声明。
设置多个字段时最简单的用法语法。
允许在ViewData中设置各种数据(例如,Layout,Header,Navigation)。
允许LayoutData类中的其他代码和逻辑。
PS不要忘记在_ViewImports.cshtml中添加ViewDataExtensions的命名空间
您可以在App_Code文件夹中创建一个剃刀文件,然后从视图页面访问它。
项目>存储库/IdentityRepository.cs
namespace Infrastructure.Repository
{
public class IdentityRepository : IIdentityRepository
{
private readonly ISystemSettings _systemSettings;
private readonly ISessionDataManager _sessionDataManager;
public IdentityRepository(
ISystemSettings systemSettings
)
{
_systemSettings = systemSettings;
}
public string GetCurrentUserName()
{
return HttpContext.Current.User.Identity.Name;
}
}
}
项目> App_Code / IdentityRepositoryViewFunctions.cshtml:
@using System.Web.Mvc
@using Infrastructure.Repository
@functions
{
public static IIdentityRepository IdentityRepositoryInstance
{
get { return DependencyResolver.Current.GetService<IIdentityRepository>(); }
}
public static string GetCurrentUserName
{
get
{
var identityRepo = IdentityRepositoryInstance;
if (identityRepo != null)
{
return identityRepo.GetCurrentUserName();
}
return null;
}
}
}
项目>视图/共享/_Layout.cshtml(或任何其他.cshtml文件)
<div>
@IdentityRepositoryViewFunctions.GetCurrentUserName
</div>
而不是通过这种方式,您总是可以使用另一种方法,这种方法也很快
在共享目录中创建一个新的局部视图,并在布局中调用局部视图为
@Html.Partial("MyPartialView")
在局部视图中,您可以调用数据库并执行您想执行的操作
@{
IEnumerable<HOXAT.Models.CourseCategory> categories = new HOXAT.Models.HOXATEntities().CourseCategories;
}
<div>
//do what ever here
</div>
假设您已经添加了实体框架数据库
您可以这样使用:
@{
ApplicationDbContext db = new ApplicationDbContext();
IEnumerable<YourModel> bd_recent = db.YourModel.Where(m => m.Pin == true).OrderByDescending(m=>m.ID).Select(m => m);
}
<div class="col-md-12">
<div class="panel panel-default">
<div class="panel-body">
<div class="baner1">
<h3 class="bb-hred">Recent Posts</h3>
@foreach(var item in bd_recent)
{
<a href="/BaiDangs/BaiDangChiTiet/@item.ID">@item.Name</a>
}
</div>
</div>
</div>
</div>