使用控制器进行局部视图

Question

在企业级应用程序中，一切（嗯，几乎）都需要可配置。这就是我创建菜单和菜单项模型的原因，它允许管理员创建多个菜单：

public class Menu
{
    [Key]
    public int ID { get; set; }
    public string Title { get; set; }
    public string Description { get; set; }
    public virtual ICollection<MenuItem> MenuItems { get; set; }
}

public class MenuItem
{
    [Key]
    public int ID { get; set; }
    public int? MenuID { get; set; }
    public int? ParentMenuItemID { get; set; }
    public virtual IdentityRole Role { get; set; }
    public string Name { get; set; }
    public string Area { get; set; }
    public string Controller { get; set; }
    public string Action { get; set; }
    public string Url { get; set; }
    public string CssClass { get; set; }
    public string Icon { get; set; }
    public virtual ICollection<MenuItem> MenuItems { get; set; }
    public virtual Menu Menu { get; set; }
}

我试图让他们能够在部分视图中呈现特定菜单，该部分视图将在布局视图中呈现，并应用安全性：

<ul>
    <li>
        <div class="sidebar-toggler hidden-phone"></div>
    </li>
    <li>
        <form class="sidebar-search">
            <div class="input-box">
                <a href="javascript:;" class="remove"></a>
                <input type="text" placeholder="Search..." />
                <input type="button" class="submit" value=" " />
            </div>
        </form>
    </li>
    @foreach (var m in Model.MenuItems)
    {
        if (m.Role == null || User.IsInRole(m.Role.Name))
        {
            <li class="@(m.MenuItems != null && m.MenuItems.Count > 0 ? "has-sub " : "") @(ViewContext.RouteData.Values["Controller"].ToString() == m.Controller || (ViewContext.RouteData.DataTokens["area"] != null && ViewContext.RouteData.DataTokens["area"].ToString() == m.Area) ? "active " : " ") ">
                <a href="@Url.Action(m.Action, m.Controller, new { area = (string.IsNullOrEmpty(m.Area) ? "" : m.Area) }, null)">
                    @if (!string.IsNullOrEmpty(m.Icon))
                    {
                        <i class="@m.Icon"></i>
                    }
                    <span class="title">@m.Name</span>
                    @if (ViewContext.RouteData.Values["Controller"].ToString() == m.Controller || (ViewContext.RouteData.DataTokens["area"] != null && ViewContext.RouteData.DataTokens["area"].ToString() == m.Area))
                    {
                        <span class="selected"></span>
                    }
                </a>
                @if (m.MenuItems != null && m.MenuItems.Count > 0)
                {
                    <ul class="sub">
                        @foreach (var mi in m.MenuItems)
                        {
                            if (mi.Role == null || User.IsInRole(mi.Role.Name))
                            {
                                <li class="@(ViewBag.Title == mi.Name ? "active" : "")">
                                    <a href="@Url.Action(mi.Action, mi.Controller, new { area = mi.Area })">@mi.Name</a>
                                </li>
                            }
                        }
                    </ul>
                }
            </li>
        }
    }
</ul>

为了测试我当前的代码，我在布局视图中硬编码了一个菜单 ID：

<div class="page-container row-fluid">
    <div class="page-sidebar nav-collapse collapse">
        @Html.Partial("_LeftMenu", new MyAppContext().Menus.Find(1))
    </div>
    <div class="page-content">
        @RenderBody()
    </div>
</div>

现在，出现了几个问题，首先，我需要能够将菜单 ID 传递给部分，以便它能够呈现正确的菜单。通过使用局部视图方法，我不知道实现此目标的方法。其次，当我对正在加载的菜单应用安全性时，菜单项以相反的顺序显示。因此，通过使用某种类型的控制器来执行菜单和布局的数据逻辑，它应该可以解决这个问题。

那么，有人对我需要朝哪个方向提出任何建议吗？我开始认为我尝试对菜单使用部分视图（动态）是个坏主意？

Answer 1

除了直接调用@Html.Partial，您还可以拥有一个带有动作方法的控制器并使用@Html.RenderAction 代替@Html.Partial 方法。 在 action 方法中，您可以传递 id 并应用您需要的安全逻辑，并在视图中迭代菜单集合并显示所需的菜单。 这将使您的 UI 也保持整洁。