.NET MVC如何通过不同链接向同一视图传递StoreID并动态展示数据？

嗨，我来帮你搞定这个需求！在ASP.NET MVC里，要让这5个链接都指向同一个StoreProducts视图，并且根据点击的链接传递对应的StoreID来展示数据，其实有几种直观的实现方式，我给你详细拆解：

1. 路由参数传递（最推荐的最优方案） #

这是符合RESTful设计的标准做法，URL语义清晰，而且能和MVC的路由系统完美配合，也是最容易维护的方式。

修改链接代码 #

你只需要在<a>标签里添加asp-route-storeId属性，把对应的店铺ID传进去：

<a asp-action="StoreProducts" asp-route-storeId="1">Store1</a> | 
<a asp-action="StoreProducts" asp-route-storeId="2">Store2</a> | 
<a asp-action="StoreProducts" asp-route-storeId="3">Store3</a> | 
<a asp-action="StoreProducts" asp-route-storeId="4">Store4</a> | 
<a asp-action="StoreProducts" asp-route-storeId="5">Store5</a>

点击这些链接后，URL会变成类似/ControllerName/StoreProducts?storeId=1（或者如果配置了自定义路由，会是更简洁的/ControllerName/StoreProducts/1）。

控制器接收参数并返回数据 #

在你的控制器里，给StoreProducts Action添加storeId参数，然后根据这个ID查询对应店铺的商品：

public ActionResult StoreProducts(int storeId)
{
    // 这里替换成你的数据查询逻辑，比如从数据库获取商品
    var storeProducts = _yourDbContext.Products
        .Where(p => p.StoreId == storeId)
        .ToList();
    
    // 把查询到的商品数据传递给视图（强类型绑定）
    return View(storeProducts);
}

视图展示数据 #

在StoreProducts.cshtml里，用强类型模型来接收数据，这样既安全又方便：

@model List<YourProjectNamespace.Models.Product>

<h2>@ViewContext.RouteData.Values["storeId"] 号店铺的商品</h2>

@foreach (var product in Model)
{
    <div class="product-item">
        <h3>@product.ProductName</h3>
        <p>价格: @product.Price.ToString("C")</p>
    </div>
}

2. 关于ViewBag/ViewData的用法（不推荐用于此场景） #

你提到的ViewBag/ViewData确实可以传递数据，但它们是弱类型的，没有编译时检查，容易出现拼写错误，更适合传递少量临时的UI数据，而非业务数据。不过还是给你举个例子：

控制器代码 #

public ActionResult StoreProducts(int storeId)
{
    var storeProducts = _yourDbContext.Products
        .Where(p => p.StoreId == storeId)
        .ToList();
    
    // 把StoreID和商品数据存入ViewBag
    ViewBag.StoreId = storeId;
    ViewBag.Products = storeProducts;
    
    return View();
}

视图代码 #

<h2>@ViewBag.StoreId 号店铺的商品</h2>

@foreach (var product in ViewBag.Products as List<YourProjectNamespace.Models.Product>)
{
    <div class="product-item">
        <h3>@product.ProductName</h3>
        <p>价格: @product.Price.ToString("C")</p>
    </div>
}

3. 进阶优化：动态生成链接 #

如果以后店铺数量可能变化，手动写5个链接太麻烦，可以从数据库查询所有店铺，然后在视图里循环生成链接：

控制器（比如首页的Action） #

public ActionResult Index()
{
    // 查询所有店铺
    var stores = _yourDbContext.Stores.ToList();
    return View(stores);
}

视图（Index.cshtml） #

@model List<YourProjectNamespace.Models.Store>

@foreach (var store in Model)
{
    <a asp-action="StoreProducts" asp-route-storeId="@store.Id">@store.StoreName</a> | 
}

这样不管新增多少店铺，链接都会自动生成，非常灵活。

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