asp.net-mvc - 新手 MVC 隐藏和显示内容的常用做法

Question

我是一名 WebForms 开发人员，但我终于开始学习 MVC，方法是将我的一个需要更新的 WebForms 站点转换为 MVC3。

我通过阅读了解了 MVC 的基础知识，但在第一天就在现实世界中挣扎，可能是一些简单的事情，我还想知道如何最好地完成这些事情和最佳实践。

对于这个答案，我不是在寻找代码(尽管可能有一点帮助)，只是足够的信息让我走上正确的道路。我已经看过很多示例和教程，但似乎没有一个显示与我的情况相关的内容，所以我在这里问一下。

因此，我正在处理的第一个页面是搜索结果页面。它比简单的搜索页面复杂一点。如果发现单词拼写错误，它有一个建议区域，如果没有找到结果，还有一个区域用于搜索结果本身，如果有的话。

因为它搜索两个数据库表(实际上是 View )，所以我有一个模型，其中包含两个表模型和一个优先级字段，我用它来按最相关的方式对结果进行排序。模型是这样的:

public class SearchResult
{
    public Table1 { get; set; }
    public Table2 { get; set; }
    public int Priority { get; set; }
}

在 WebForms 中，我使用面板来包含每个区域，这样我就可以打开和关闭它们，如下所示:

<asp:Panel ID=”panSuggest” runast=”server” Visible=”false”>
    …
</asp:Panel>
<asp:Panel ID=”panNoResults” runat=”server” Visible=”false”>
    …
</asp:Panel>
<asp:Panel ID=”panResults” runat=”server”>
    <asp:Repeater ID=”repResults” runat=”server”>
        …
    </asp:Repeater>
</asp:Panel>

在我目前的 WebForms 代码背后的逻辑中，我查看是否有任何拼写错误的作品，如果有，则显示 panSuggest 并隐藏所有其他面板。如果没有错误，我会根据需要隐藏 show panResults/panNoResults。

那么这种事情在MVC中一般是怎么完成的呢？我是否在我的 Controller 中设置一个 ViewBag 项目，以确定是否应该显示我在我的 View 中寻找的 PanSuggest，然后根据它选择隐藏/显示，并检查我的模型是否有任何项目来确定是否应该显示 panResults/panNoResults .类似于我下面的代码，或者这不是正确的方法吗？

@{ if (ViewBag.Suggest == true) {
    <div>
        Suggest
    </div>
} else {
    @{ if (Model.Count == 0) {
        <div>
            No Results
        </div>
 } else {
        <div>
            @foreach (var result in Model) {
                @result.Table1.Whatever etc etc
            }
        </div>
 }
}

更新。

我已经阅读了更多内容，并且有很多避免使用 ViewBag 的建议。

那么我是否应该更改我的模型以包含我需要的额外数据？像这样

Public class ViewModel
{
    public string Suggest { get; set; }
    public List<SearchResult> Result { get; set; }
}

public class SearchResult 
{ 
    public Table1 { get; set; } 
    public Table2 { get; set; } 
    public int Priority { get; set; } 
} 

然后在我看来，我可以检查 ViewModel.Suggest 是否不为空，并检查 ViewModel.Result 以查看是否存在任何项目(搜索结果)。

这是更好的解决方案吗？

Answer 1

如果我有 2 个不同的表格需要显示，我会做同样的事情，我唯一要改变的是

@{
    if (ViewBag.Suggest == true) 
    {
        <div>
            Suggest
        </div>
    } else {
        <table>
            <thead>
                <th>Header column</th>
            </thead>
            <tbody>
            @{ if (Model != null && Model.Any()) {
                <tr>
                @foreach (var result in Model) 
                {
                    <td>
                        @result.Table1.Whatever etc etc
                    </td>
                }
                </tr>
            } else {
                <tr>
                    <td>
                        No Results
                    </td>
                </tr>
            }
            </tbody>
        </table>
    }
}