如何在MVC中将包含多个字典的模型传递到视图？

First off, totally normal to feel stuck when you're just starting out—we've all been there. Let's break down your two main concerns: rendering those dictionaries in your view, and whether to split your ViewModel.

1. How to display your dictionaries' keys and values in the view #

Let's start with a concrete example. Assume your ViewModel looks like this (I'll use common property names for clarity):

public class WorkflowStepsViewModel
{
    // Key = step ID, Value = step name
    public Dictionary<int, string> StepNames { get; set; }
    // Key = step ID, Value = completion status
    public Dictionary<int, bool> StepCompletionStatuses { get; set; }
}

Since you've already populated this model in your controller, your Razor view just needs to reference the model and loop through each dictionary. Here's a simple, working example:

@model WorkflowStepsViewModel

<h1>Workflow Progress</h1>

<h2>Step List</h2>
<ul>
    @* Loop through the first dictionary to show key-value pairs *@
    @foreach (var step in Model.StepNames)
    {
        <li>Step @step.Key: @step.Value</li>
    }
</ul>

<h2>Completion Status</h2>
<table style="border-collapse: collapse; width: 300px;">
    <thead>
        <tr>
            <th style="border: 1px solid #ccc; padding: 8px;">Step ID</th>
            <th style="border: 1px solid #ccc; padding: 8px;">Completed?</th>
        </tr>
    </thead>
    <tbody>
        @* Loop through the second dictionary *@
        @foreach (var status in Model.StepCompletionStatuses)
        {
            <tr>
                <td style="border: 1px solid #ccc; padding: 8px;">@status.Key</td>
                <td style="border: 1px solid #ccc; padding: 8px;">
                    @(status.Value ? "✅ Completed" : "❌ Not Started")
                </td>
            </tr>
        }
    </tbody>
</table>

A quick safety tip: To avoid null reference errors (if your controller ever forgets to populate a dictionary), initialize the dictionaries directly in your ViewModel:

public class WorkflowStepsViewModel
{
    public Dictionary<int, string> StepNames { get; set; } = new Dictionary<int, string>();
    public Dictionary<int, bool> StepCompletionStatuses { get; set; } = new Dictionary<int, bool>();
}

2. Should you split the ViewModel into individual dictionary models? #

This depends on how you plan to use these dictionaries:

• Keep the combined model if: The two dictionaries are always used together (e.g., you always show step names and statuses on the same page, or your controller always populates both at once). This keeps your code cleaner since you only pass one model around.
• Split into separate models if:
  • You often need to use one dictionary without the other (e.g., some views only display step names, others only track statuses).
  • You might add more properties tied to each dictionary later (e.g., StepNamesViewModel could get a Description field, or StepCompletionStatusesViewModel could get a LastUpdated timestamp). Splitting early makes your code more scalable.

If you do split, you can always create a combined ViewModel later if you need to use both together again:

public class CombinedWorkflowViewModel
{
    public StepNamesViewModel StepNames { get; set; }
    public StepStatusesViewModel StepStatuses { get; set; }
}

public class StepNamesViewModel
{
    public Dictionary<int, string> Names { get; set; } = new Dictionary<int, string>();
}

public class StepStatusesViewModel
{
    public Dictionary<int, bool> CompletionStatuses { get; set; } = new Dictionary<int, bool>();
}

Hope this clears things up—don't hesitate to experiment with both approaches to see what feels right for your project!

内容的提问来源于stack exchange，提问作者KZK